:root{--mode-stone: #b3b09b;--mode-stone-deep: #666c68;--mode-soft: #a35b43;--mode-soft-deep: #71382a;--mode-hard: #666c68;--mode-hard-deep: #24282b;--mode-metal: #8f7334;--mode-metal-hi: #f3e0aa;--mode-metal-low: #5c4a22;--mode-wall-0: #4a4c41;--mode-wall-1: #35372f;--mode-wall-2: #24261f;--map-accent: var(--mode-stone);--map-glow: rgba(195, 196, 178, .16);--board-aspect: 15 / 13;--board-veil: rgba(0, 0, 0, 0);--sw-floor: var(--mode-stone);--sw-soft: var(--mode-soft);--sw-hard: var(--mode-hard);--water: #7fc6d8;--water-deep: #3d7d93;--wet: #2d4a52;--film: #cfe9ef;--font-body: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, -apple-system, sans-serif;--r-sm: 3px;--r-md: 5px;--r-lg: 8px;--r-full: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--chrome: 206px}:root,[data-day=day]{--ink: #efeade;--ink-soft: #b9b4a3;--ink-faint: #837f71;--wall-0: var(--mode-wall-0);--wall-1: var(--mode-wall-1);--wall-2: var(--mode-wall-2);--panel: #2e302a;--hair: rgba(240, 219, 166, .16);--hair-strong: rgba(240, 219, 166, .3);--lightpool: rgba(255, 246, 214, .13);color-scheme:dark}[data-day=night]{--ink: #e4ded0;--ink-soft: #a29c8d;--ink-faint: #6d6a5e;--wall-0: #232520;--wall-1: #17191a;--wall-2: #0d0f10;--panel: #1d1f1d;--hair: rgba(240, 219, 166, .13);--hair-strong: rgba(240, 219, 166, .26);--lightpool: rgba(255, 216, 140, .12);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background:var(--wall-1)}body{min-height:100svh;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;-webkit-user-select:none;user-select:none}.room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--wall-1)}.room:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 82% at 50% 120%,var(--wall-2),transparent 70%),linear-gradient(176deg,var(--wall-0),var(--wall-1) 46%,var(--wall-2))}.daylight{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(52% 40% at 18% -6%,var(--lightpool),transparent 68%),radial-gradient(62% 48% at 52% 26%,var(--map-glow),transparent 74%)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E")}.arena{position:relative;min-height:100svh;max-width:1060px;margin:0 auto;padding:clamp(12px,1.9vw,20px) clamp(14px,2.6vw,26px) clamp(14px,2vw,22px);display:flex;flex-direction:column;gap:clamp(10px,1.5vw,16px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.mark{display:inline-flex;align-items:center}.plate{display:inline-block;padding:7px 15px 8px;font-size:clamp(15px,2.1vw,18px);font-weight:800;letter-spacing:.26em;text-indent:.26em;color:#4a3a17;border-radius:2px;background:linear-gradient(103deg,#6e5527,#cbad63 16%,#f2e0ac 27%,#b2913f 44%,#8a6d31,#d8c079 80%,#7a5f2a);box-shadow:inset 0 1px #fff4d2bf,inset 0 -1px #302208b3,0 1px #fff0c81a,0 6px 14px -8px #000;text-shadow:0 1px 0 rgba(255,244,214,.6),0 -1px 0 rgba(40,28,6,.5)}.tools{display:flex;align-items:center;gap:9px}.pop{position:relative}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--mode-metal-low);border-radius:var(--r-md);background:linear-gradient(168deg,#a58743,#6f5725 60%,#4e3d1c);color:var(--mode-metal-hi);cursor:pointer;line-height:0;box-shadow:inset 0 1px #fff0c880,inset 0 -1px #00000080,0 5px 12px -7px #000;transition:transform .14s var(--ease),filter .16s,box-shadow .16s}.icon-btn svg{width:19px;height:19px;fill:none;stroke:#f5e6bd;stroke-width:1.35;stroke-linecap:round}.icon-btn svg rect{stroke:#f5e6bd}.icon-btn:hover{filter:brightness(1.14)}.icon-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0009}.icon-btn[aria-expanded=true]{box-shadow:inset 0 2px 5px #0000008c,0 0 0 1px var(--hair-strong)}.icon-btn:focus-visible{outline:2px solid var(--mode-metal-hi);outline-offset:2px}.icon-btn.lamp[data-state=night] svg path{opacity:.28}.icon-btn.lamp[data-state=night] svg circle{fill:#f6e3ad;stroke:none}.panel{position:absolute;top:calc(100% + 9px);right:0;z-index:30;min-width:186px;padding:10px;border:1px solid var(--hair-strong);border-radius:var(--r-lg);background:var(--panel);box-shadow:0 20px 44px -18px #000,inset 0 1px #f0dba61f}.panel[hidden]{display:none}.panel-title{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--ink-faint);padding:2px 6px 9px}.maps{display:flex;flex-direction:column;gap:3px}.maps .group{font-size:10.5px;font-weight:700;letter-spacing:.18em;color:var(--ink-faint);padding:8px 6px 4px}.maps .group:first-child{padding-top:0}.map-chip{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;font:inherit;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--ink-soft);padding:7px 10px;border-radius:var(--r-sm);cursor:pointer;background:transparent;border:1px solid transparent;text-align:left;transition:background .16s,color .16s,border-color .16s}.map-chip .dot{width:22px;height:22px;border-radius:2px;flex:none;background:var(--chip, var(--mode-stone));box-shadow:inset 0 0 0 1px #00000059,inset 0 1px #ffffff57}.map-chip:hover{color:var(--ink);background:#f0dba612}.map-chip.on{color:var(--ink);border-color:var(--hair-strong);background:#f0dba61a}.map-chip:focus-visible{outline:2px solid var(--mode-metal-hi);outline-offset:-2px}.board{flex:1 1 auto;display:grid;place-items:center;min-height:0}.board-frame{position:relative;width:min(100%,772px,max(240px,calc((100svh - var(--chrome)) * (var(--board-aspect)))));padding:5px;border-radius:3px;background:linear-gradient(150deg,#caa95e,#8a6d31 26%,#5c4922,#b79647 78%,#6b5326);box-shadow:inset 0 0 0 1px #fff0c847,0 2px #0006,0 26px 52px -24px #000,0 0 70px -30px var(--map-glow)}#stage{position:relative;line-height:0}.board-frame:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;background:var(--board-veil);mix-blend-mode:multiply}#stage canvas{display:block;width:100%!important;height:auto!important}.dock{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px}.legend{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px}.legend li{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--ink-soft);padding:5px 11px 5px 6px;border-radius:var(--r-sm);border:1px solid rgba(240,219,166,.1)}.legend .sw{width:17px;height:17px;border-radius:2px;flex:none;box-shadow:inset 0 0 0 1px #0006}.legend .sw.floor{background:var(--sw-floor);box-shadow:inset 0 0 0 1px #0006,inset 1.5px 0 0 var(--mode-metal-hi)}.legend .sw.soft{background:var(--sw-soft);box-shadow:inset 0 0 0 1px #0006,inset 0 -4px 0 var(--mode-soft-deep)}.legend .sw.hard{background:var(--sw-hard);box-shadow:inset 0 0 0 1px #0006,inset 0 -5px 0 var(--mode-hard-deep),inset 0 1px #ffffff57}.legend .sw.danger{background:linear-gradient(180deg,var(--water) -40%,var(--wet) 46%,#1d353c);box-shadow:inset 0 0 0 1px #ffffffbf}.legend .sw.bubble{border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 6%,#e2f4e080 42%,#dee0fa99 72%,#fae0eccc);box-shadow:inset 0 0 0 1px #ffffffe6}.btn-brass{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14.5px;font-weight:800;letter-spacing:.1em;color:#3e2f10;cursor:pointer;white-space:nowrap;min-height:44px;padding:11px 22px;border:1px solid var(--mode-metal-low);border-radius:var(--r-md);background:linear-gradient(170deg,#e2cb87,#b59341 34%,#8a6d31 68%,#6d5426);box-shadow:inset 0 1px #fff6d8d9,inset 0 -2px #3022088c,0 6px 14px -8px #000;text-shadow:0 1px 0 rgba(255,244,214,.5);transition:transform .13s var(--ease),filter .16s,box-shadow .16s}.btn-brass .ic{width:15px;height:15px;fill:#3e2f10;opacity:.85}.btn-brass:hover{filter:brightness(1.08)}.btn-brass:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #281c0699}.btn-brass:focus-visible{outline:2px solid var(--mode-metal-hi);outline-offset:2px}@media(max-width:860px){:root{--chrome: 216px}}@media(max-width:640px){:root{--chrome: 214px}.arena{padding:10px 9px 14px;gap:10px}.board-frame{padding:4px}.arena{padding-top:56px;padding-bottom:20px}.topbar{position:absolute;top:10px;left:9px;right:9px}.dock{flex-direction:column;gap:9px}.legend{gap:4px}.legend li{font-size:11.5px;padding:4px 9px 4px 5px;letter-spacing:.04em}.legend .sw{width:15px;height:15px}.plate{letter-spacing:.2em;text-indent:.2em;padding:6px 12px 7px}}@media(max-width:380px){.plate{font-size:14px}.legend li{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}