.game-board{isolation:isolate;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.game-board__viewport{contain:strict;background:radial-gradient(at 50% 48%,#254b5b40,#0000 64%),linear-gradient(#030e1d29,#0108136b);position:absolute;inset:0;overflow:hidden}.game-board--fit .game-board__viewport{place-items:center;display:grid}.game-board--mega .game-board__viewport{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.game-board--mega .game-board__viewport:active{cursor:grabbing}.game-board__world{transform-origin:0 0;isolation:isolate;will-change:transform;contain:layout paint style;flex:none;position:relative}.game-board--fit .game-board__world{margin:auto}.game-board__overview-canvas{cursor:zoom-in;width:100%;height:100%;display:block}.game-board__low-detail-canvas{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.game-board__tile{--layer-depth-x:calc(var(--tile-layer,0) * -2px);--layer-depth-y:calc(var(--tile-layer,0) * -4px);z-index:calc(20 + var(--tile-layer,0) * 100);color:#17355b;min-width:0;min-height:0;transform:translate(var(--layer-depth-x), var(--layer-depth-y));cursor:pointer;-webkit-tap-highlight-color:transparent;contain:layout style;background:linear-gradient(135deg,#fffffffa,#0000 21%),linear-gradient(150deg,#fffdf3 0%,#f6e8be 56%,#d6b675 100%);border-top:1px solid #b89963;border-bottom:3px solid #704b34;border-left:1px solid #b89963;border-right:2px solid #8f6a42;border-radius:clamp(3px,8%,8px);place-items:center;padding:0;transition:filter .15s,opacity .15s,transform .15s,box-shadow .15s;display:grid;position:absolute;box-shadow:inset 1px 1px #fffffff5,inset -2px -3px #976c3654,0 2px #e5ca8d,1px 4px #ba8a52,3px 7px #664631,5px 10px #25444c,7px 14px 18px #000000a8}.game-board__tile:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #6745232e;position:absolute;inset:5%}.game-board__tile:after{content:"";pointer-events:none;background:linear-gradient(90deg,#9f713f,#3c656a 72%,#173641);border-radius:0 0 5px 3px;height:4px;position:absolute;bottom:-4px;left:8%;right:-3px;box-shadow:1px 2px 3px #0000006b}.game-board__tile>span{z-index:1;font:800 var(--tile-font,24px)/.95 ui-serif, "Yu Mincho", "Hiragino Mincho ProN", serif;text-shadow:0 1px #ffffff9e;position:relative}.game-board__tile[data-tone=ward]>span{color:#a51e48}.game-board__tile[data-tone=town]>span{color:#165b48}.game-board__tile[data-tone=village]>span{color:#744d13}.game-board__tile[data-tone=neighborhood]>span{color:#173d59}.game-board__tile.is-blocked{filter:brightness(.53)saturate(.62);opacity:.78;cursor:not-allowed}.game-board__tile.is-free:focus-visible{outline-offset:2px;transform:translate(var(--layer-depth-x), calc(var(--layer-depth-y) - 3px));outline:3px solid #62f4ec}.game-board__tile.is-hinted{animation:1s ease-in-out infinite game-board-hint;box-shadow:inset 0 0 0 2px #5ff7ef,0 0 0 2px #071126,0 0 14px 5px #56f6ef85,1px 4px #ba8a52,3px 7px #664631,5px 10px #25444c,7px 14px 18px #000000a8}.game-board__tile.is-wrong{animation:.26s linear game-board-error}.game-board__camera-controls{z-index:10020;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04131fe0;border-radius:12px;gap:5px;padding:4px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 7px 20px #0000006b}.game-board__camera-controls button{color:#f8e6b7;cursor:pointer;background:#0e2f3af0;border:1px solid #e0c2796b;border-radius:9px;min-width:44px;min-height:44px;padding:0 12px;font:800 20px/1 ui-sans-serif,system-ui,sans-serif}.game-board__camera-controls .game-board__overview-button{min-width:96px;font-size:12px}.game-board__camera-controls button:focus-visible{outline-offset:2px;outline:3px solid #62f4ec}.game-board__minimap{z-index:10010;aspect-ratio:78/58;pointer-events:none;background:#030f1be6;border:1px solid #e0c2795c;border-radius:9px;width:clamp(112px,18vw,172px);padding:3px;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 8px 24px #0000007a}.game-board__minimap canvas{width:calc(100% - 6px);height:calc(100% - 6px);display:block;position:absolute;inset:3px}.game-board__minimap-camera{pointer-events:none}.game-board--mega.is-zoomed-out .game-board__tile{border-bottom-width:2px;border-right-width:1px;transition:none;box-shadow:inset 1px 1px #ffffffe0,inset -1px -2px #976c364d,1px 2px #9b7048,3px 5px 7px #00000075}.game-board--mega.is-zoomed-out .game-board__tile:before{display:none}.game-board--mega.is-zoomed-out .game-board__tile:after{height:2px;box-shadow:none;bottom:-2px;right:-1px}.game-board__overview-note{z-index:10030;color:#fff0c7;white-space:nowrap;pointer-events:none;background:#04131feb;border-radius:999px;margin:0;padding:8px 13px;font:700 11px/1.3 ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0006}@media (hover:hover) and (pointer:fine){.game-board__tile.is-free:hover{filter:brightness(1.07);transform:translate(var(--layer-depth-x), calc(var(--layer-depth-y) - 3px))}.game-board__camera-controls button:hover{filter:brightness(1.13)}}@media (width<=520px){.game-board__camera-controls{gap:3px;padding:3px;inset:auto auto 6px 6px}.game-board__camera-controls button{min-width:44px;padding-inline:9px}.game-board__camera-controls .game-board__overview-button{min-width:84px;font-size:10px}.game-board__minimap{opacity:.86;width:88px;bottom:6px;right:6px}.game-board__overview-note{font-size:9px;bottom:7px}}@media (height<=540px){.game-board__minimap{width:82px}.game-board__camera-controls button{min-height:44px}}@media (prefers-reduced-motion:reduce){.game-board__tile{transition:none}.game-board__tile.is-hinted{outline:3px solid #62f4ec;animation:none}.game-board__tile.is-wrong{outline:3px solid #ff6b84;animation:none}}@keyframes game-board-hint{50%{filter:brightness(1.22);transform:translate(var(--layer-depth-x), calc(var(--layer-depth-y) - 7px))}}@keyframes game-board-error{25%{translate:-4px}75%{translate:4px}}