.naval.svelte-1iw9acf{width:100%;margin:0 auto}.instruction.svelte-1iw9acf,.legend.svelte-1iw9acf{text-align:center;color:var(--muted,#a8b5cb)}.instruction.svelte-1iw9acf{margin:0 0 8px;font-size:.8rem}.naval-controls.svelte-1iw9acf,.fleet-list.svelte-1iw9acf{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;display:flex}.naval-controls.svelte-1iw9acf button:where(.svelte-1iw9acf),.handoff.svelte-1iw9acf button:where(.svelte-1iw9acf),.naval-tabs.svelte-1iw9acf button:where(.svelte-1iw9acf){color:#edf5ff;cursor:pointer;font:inherit;background:#18314b;border:1px solid #37516d;border-radius:.7rem;padding:.5rem .65rem}.naval-controls.svelte-1iw9acf button:where(.svelte-1iw9acf){font-size:.75rem}.naval-tabs.svelte-1iw9acf{display:none}.naval-tabs.svelte-1iw9acf button:where(.svelte-1iw9acf){flex:1;font-size:.8rem}.naval-tabs.svelte-1iw9acf button[aria-pressed=true]:where(.svelte-1iw9acf){border-color:var(--o);background:#24534f}button.svelte-1iw9acf:disabled{cursor:default}.naval-controls.svelte-1iw9acf button:where(.svelte-1iw9acf):disabled{opacity:.4}.fleet-list.svelte-1iw9acf span:where(.svelte-1iw9acf){color:#9caec4;border:1px solid #37516d;border-radius:.5rem;padding:4px;font-size:.8rem}.fleet-list.svelte-1iw9acf .placed:where(.svelte-1iw9acf){color:#56cebb}.fleet-list.svelte-1iw9acf .next:where(.svelte-1iw9acf){color:#fff;border-color:#60a5fa}.seas.svelte-1iw9acf{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.seas.single.svelte-1iw9acf{grid-template-columns:minmax(0,430px);justify-content:center}h2.svelte-1iw9acf{margin:6px 0;font-size:.9rem}h2.svelte-1iw9acf small:where(.svelte-1iw9acf){color:#a8b5cb;margin-top:3px;font-size:.7rem;font-weight:500;display:block}.sea.svelte-1iw9acf{background:radial-gradient(at 30% 20%,#234d5c,#102e40);border:1px solid #3c6477;border-radius:12px;grid-template-columns:1.1rem repeat(10,minmax(0,1fr));gap:3px;padding:8px;display:grid;box-shadow:inset 0 1px #ffffff20,0 7px #071925,0 16px 24px #0004}.axis.svelte-1iw9acf{color:#a8b5cb;justify-content:center;align-items:center;font-size:.7rem;display:flex}.sea.svelte-1iw9acf button:where(.svelte-1iw9acf){aspect-ratio:1;color:#edf5ff;cursor:crosshair;background:#102940;border:1px solid #294664;border-radius:4px;min-width:0;padding:0;font-size:1.15rem}.sea.svelte-1iw9acf button:where(.svelte-1iw9acf):not(:disabled):hover,.sea.svelte-1iw9acf button.preview:where(.svelte-1iw9acf){background:#265479;border-color:#85bfff}.sea.svelte-1iw9acf button.ship:where(.svelte-1iw9acf){background:linear-gradient(135deg,#85a5b9,#40657a);box-shadow:inset 0 2px #ffffff35}.sea.svelte-1iw9acf button.miss:where(.svelte-1iw9acf){color:#a8b5cb;background:#172535}.sea.svelte-1iw9acf button.hit:where(.svelte-1iw9acf){background:radial-gradient(circle,#ffd591,#b66a25);animation:.26s ease-out svelte-1iw9acf-impact}.sea.svelte-1iw9acf button.sunk:where(.svelte-1iw9acf){background:#963d52}@keyframes svelte-1iw9acf-impact{0%{transform:scale(1.12);box-shadow:0 0 18px #ffc475}to{box-shadow:none;transform:scale(1)}}button.svelte-1iw9acf:focus-visible{outline-offset:2px;outline:3px solid #f6cc79}.legend.svelte-1iw9acf{flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0;font-size:.7rem;display:flex}.legend.svelte-1iw9acf strong:where(.svelte-1iw9acf){color:#ff91a7}.handoff.svelte-1iw9acf{text-align:center;border:1px dashed #37516d;border-radius:1rem;padding:3rem 1rem}.handoff.svelte-1iw9acf>span:where(.svelte-1iw9acf){font-size:3rem}.handoff.svelte-1iw9acf h2:where(.svelte-1iw9acf){font-size:1.2rem}.handoff.svelte-1iw9acf p:where(.svelte-1iw9acf){color:#a8b5cb}details.svelte-1iw9acf{color:#a8b5cb;margin-top:8px;font-size:.8rem;line-height:1.5}summary.svelte-1iw9acf{cursor:pointer;color:#edf5ff}@container (width<=600px){.naval-tabs.svelte-1iw9acf{gap:6px;margin:8px 0;display:flex}.seas.svelte-1iw9acf{grid-template-columns:1fr;gap:0}.seas.svelte-1iw9acf:not(.single):not(.show-fleet) .fleet-field:where(.svelte-1iw9acf),.seas.show-fleet.svelte-1iw9acf .target-field:where(.svelte-1iw9acf){display:none}.sea.svelte-1iw9acf{gap:2px}}.dot-game.svelte-1ws3c0v{width:100%}.rules.svelte-1ws3c0v{color:#aeb9ca;text-align:center;max-width:500px;margin:12px auto 18px;font-size:.82rem;line-height:1.5}.dot-board.svelte-1ws3c0v{--step:min(40px, calc((100cqw - 12px) / 12));width:max-content;padding-right:calc(var(--step) / 2);margin:auto}.dot-row.svelte-1ws3c0v{display:flex}.offset.svelte-1ws3c0v{margin-left:calc(var(--step) / 2)}.dot-row.svelte-1ws3c0v button:where(.svelte-1ws3c0v){width:var(--step);height:calc(var(--step) * .87);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.dot-row.svelte-1ws3c0v button:where(.svelte-1ws3c0v) span:where(.svelte-1ws3c0v){aspect-ratio:1;background:radial-gradient(circle at 35% 25%,#a3b3c2,#5d7084);border-radius:50%;width:78%;transition:background .15s,transform .15s;box-shadow:inset 0 1px 2px #fff5,0 3px 2px #0005}.dot-row.svelte-1ws3c0v button:where(.svelte-1ws3c0v):enabled:hover span:where(.svelte-1ws3c0v){background:#c4cfdf}button.blocked.svelte-1ws3c0v span:where(.svelte-1ws3c0v){background:radial-gradient(circle at 35% 25%,#ffc291,#ef8844);transform:scale(.88)}button.blue.svelte-1ws3c0v span:where(.svelte-1ws3c0v){background:radial-gradient(circle at 35% 25%,#c1e8ff,#58adff);box-shadow:0 0 0 3px #58adff30,0 0 18px #58adff70}button.destination.svelte-1ws3c0v span:where(.svelte-1ws3c0v){box-shadow:0 0 0 2px #58adff}button.svelte-1ws3c0v:disabled{cursor:default}.feedback.svelte-1ws3c0v{text-align:center;flex-direction:column;gap:6px;margin:18px 0;display:flex}.feedback.svelte-1ws3c0v strong:where(.svelte-1ws3c0v){font-size:.95rem}.feedback.svelte-1ws3c0v>span:where(.svelte-1ws3c0v){color:var(--muted);font-size:.8rem}.symbol-game.svelte-1guf80t{width:100%;max-width:620px;margin:auto}.rules.svelte-1guf80t,.feedback.svelte-1guf80t{color:#aeb9ca;text-align:center;font-size:.8rem;line-height:1.5}.rules.svelte-1guf80t{margin:0 0 12px}.round-score.svelte-1guf80t{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:1.6rem;font-weight:800;display:flex}.round-score.svelte-1guf80t>span:where(.svelte-1guf80t):first-child{color:var(--x)}.round-score.svelte-1guf80t>span:where(.svelte-1guf80t):last-child{color:var(--o)}.target.svelte-1guf80t{color:var(--muted);font-size:.85rem}.cards.svelte-1guf80t{grid-template-columns:1fr 1fr;gap:14px;display:grid}.zone.svelte-1guf80t{min-width:0;color:var(--x)}.player-o.svelte-1guf80t{color:var(--o)}.symbol-card.svelte-1guf80t{aspect-ratio:1;background:radial-gradient(circle at 30% 20%,#fffdf6,#f2dfbb);border-radius:50%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:9%;display:grid;box-shadow:0 0 0 3px,0 6px #b59b76,0 14px 24px #0005}.player-o.svelte-1guf80t .symbol-card:where(.svelte-1guf80t){background:radial-gradient(circle at 30% 20%,#f8fffc,#c9e9dd);box-shadow:0 0 0 3px,0 6px #7fa99a,0 14px 24px #0005}button.svelte-1guf80t{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:14px;min-width:0;min-height:44px;padding:0}button.svelte-1guf80t span:where(.svelte-1guf80t){transform:rotate(var(--tilt)) scale(var(--scale));pointer-events:none;font-size:clamp(1.6rem,5.5vw,3.1rem);display:block}button.svelte-1guf80t:enabled:hover{background:#0001}button.svelte-1guf80t:focus-visible{outline:3px solid #315d79}button.svelte-1guf80t:disabled{cursor:default}.waiting-card.svelte-1guf80t{text-align:center;grid-area:2/2;font-size:2rem}.feedback.svelte-1guf80t{margin:8px 0 0}@media (width<=420px){.cards.svelte-1guf80t{gap:10px}.symbol-card.svelte-1guf80t{padding:5%}.rules.svelte-1guf80t{font-size:.72rem}button.svelte-1guf80t{min-height:40px}}.connect-game.svelte-11k2864{width:100%;max-width:500px;margin:auto}.instructions.svelte-11k2864{text-align:center;color:var(--muted);margin:14px 0;font-size:.9rem;line-height:1.5}.connect-board.svelte-11k2864{background:linear-gradient(135deg,#34545d,#1b343e);border:1px solid #557881;border-radius:22px;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:10px;display:grid;box-shadow:inset 0 2px #ffffff25,0 10px #0a1b24,0 20px 30px #0005}.column.svelte-11k2864{color:#b8ccec;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:4px 2px 8px;display:flex}.arrow.svelte-11k2864{font-size:24px;line-height:1.2}.slot.svelte-11k2864{aspect-ratio:1;background:#0a1520;border-radius:50%;place-items:center;width:100%;font-size:clamp(18px,5vw,32px);font-weight:700;display:grid;box-shadow:inset 0 4px 8px #0009,0 1px #ffffff20}.disc.svelte-11k2864{aspect-ratio:1;border-radius:50%;place-items:center;width:94%;animation:.36s cubic-bezier(.3,.7,.4,1) svelte-11k2864-drop-disc;display:grid;box-shadow:inset 0 2px 3px #ffffff70,inset 0 -4px 3px #0003,0 3px 5px #0006}.slot.x.svelte-11k2864 .disc:where(.svelte-11k2864){background:radial-gradient(circle at 35% 25%, #ffba91, var(--x) 70%);color:#702d23}.slot.o.svelte-11k2864 .disc:where(.svelte-11k2864){background:radial-gradient(circle at 35% 25%, #b2f6e8, var(--o) 70%);color:#14564d}@keyframes svelte-11k2864-drop-disc{0%{transform:translateY(calc(var(--drop) * -110%));opacity:.4}to{opacity:1;transform:translateY(0)}}.slot.winner.svelte-11k2864{outline-offset:-3px;outline:3px solid #fff;box-shadow:0 0 12px #ffffff70}.column.svelte-11k2864:enabled:hover{background:#ffffff12}.column.svelte-11k2864:enabled:hover .arrow:where(.svelte-11k2864){color:#fff}.column.svelte-11k2864:focus-visible{outline-offset:2px;outline:2px solid #fff}.column.svelte-11k2864:disabled{cursor:default}.column.svelte-11k2864:disabled .arrow:where(.svelte-11k2864){opacity:.25}details.svelte-11k2864{color:var(--muted);margin:18px 8px;font-size:.82rem;line-height:1.6}summary.svelte-11k2864{cursor:pointer;color:#d2dbea}.rules.svelte-1yf9l9r{text-align:center;max-width:400px;color:var(--muted);margin:0 auto 16px;font-size:.85rem;line-height:1.6}.box-score.svelte-1yf9l9r{justify-content:space-between;align-items:center;gap:12px;max-width:400px;margin:0 auto 16px;font-size:1.4rem;font-weight:800;display:flex}.box-score.svelte-1yf9l9r>:where(.svelte-1yf9l9r):first-child{color:var(--x)}.box-score.svelte-1yf9l9r>:where(.svelte-1yf9l9r):last-child{color:var(--o)}.score-label.svelte-1yf9l9r{color:var(--muted);font-size:.7rem;font-weight:600}.move-hint.svelte-1yf9l9r{text-align:center;color:var(--muted);margin:0 0 8px;font-size:.7rem}.dots-surface.svelte-1yf9l9r{width:100%}.dots-board.svelte-1yf9l9r{aspect-ratio:1;background:radial-gradient(circle at 30% 20%,#2c3e4c,#172633);border-radius:20px;width:min(100%,400px);margin:auto;display:block;box-shadow:inset 0 1px #ffffff15,0 8px #0b1720}@media (width>=700px) and (orientation:portrait){.dots-board.svelte-1yf9l9r{width:100%}.rules.svelte-1yf9l9r,.box-score.svelte-1yf9l9r{max-width:none}}.dot.svelte-1yf9l9r{fill:#dbe5f1;pointer-events:none}.edge.svelte-1yf9l9r{cursor:pointer;color:#354458;outline:none}.x.svelte-1yf9l9r{color:var(--x)}.o.svelte-1yf9l9r{color:var(--o)}.hit.svelte-1yf9l9r{fill:#0000}.edge.svelte-1yf9l9r path:where(.svelte-1yf9l9r){fill:none;stroke-linecap:round;pointer-events:none}.stroke.svelte-1yf9l9r{stroke:currentColor;stroke-width:5px}.halo.svelte-1yf9l9r{stroke:#fff;stroke-width:9px}.edge[aria-disabled=true].svelte-1yf9l9r{cursor:default}.edge[aria-disabled=false].svelte-1yf9l9r:hover .stroke:where(.svelte-1yf9l9r){stroke:#dbe5f1}.edge.svelte-1yf9l9r:focus-visible .hit:where(.svelte-1yf9l9r){stroke:var(--o);stroke-width:2px}.box.svelte-1yf9l9r{pointer-events:none}.box.svelte-1yf9l9r rect:where(.svelte-1yf9l9r){fill:currentColor;fill-opacity:.3;animation:.24s ease-out svelte-1yf9l9r-close-box}@keyframes svelte-1yf9l9r-close-box{0%{fill-opacity:0}to{fill-opacity:.3}}.box.svelte-1yf9l9r path:where(.svelte-1yf9l9r),.box.svelte-1yf9l9r circle:where(.svelte-1yf9l9r){fill:none;stroke:currentColor;stroke-width:2.5px}.hex-surface.svelte-1hb9bgs{flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;display:flex}.hex-viewport.svelte-1hb9bgs{overscroll-behavior:contain;flex:1;align-content:center;min-height:0;padding:2px;overflow:auto}.hex-viewport.svelte-1hb9bgs:focus-visible{outline:2px solid var(--o);outline-offset:-2px}.hex-board.svelte-1hb9bgs{width:100%;margin:auto;position:relative;container-type:inline-size}.hex-board.enlarged.svelte-1hb9bgs{min-width:calc(var(--extent) * .44px)}.hex-row.svelte-1hb9bgs{display:contents}.hex-cell.svelte-1hb9bgs{width:var(--cell-width);height:var(--cell-height);color:#fff;clip-path:polygon(50% 2%,98% 26%,98% 74%,50% 98%,2% 74%,2% 26%);font-size:calc(100cqw / var(--extent) * 58);cursor:pointer;background:#293d51;border:0;place-items:center;padding:0;display:grid;position:absolute}.hex-cell.svelte-1hb9bgs:not(:disabled):hover{background:#506780}.hex-cell.svelte-1hb9bgs:disabled{cursor:default}.hex-cell.x.svelte-1hb9bgs{background:var(--x);color:#321c20}.hex-cell.o.svelte-1hb9bgs{background:var(--o);color:#103432}.hex-cell.winner.svelte-1hb9bgs{filter:brightness(1.3)}.hex-cell.svelte-1hb9bgs:focus-visible{background:#8194aa;outline:none}.hex-goals.svelte-1hb9bgs{pointer-events:none;fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.goal-x.svelte-1hb9bgs{stroke:var(--x)}.goal-o.svelte-1hb9bgs{stroke:var(--o)}.hex-footer.svelte-1hb9bgs{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.hex-rules.svelte-1hb9bgs{gap:4px;margin:0;font-size:.72rem;font-weight:700;display:grid}.hex-rules.svelte-1hb9bgs span:where(.svelte-1hb9bgs):first-child{color:var(--x)}.hex-rules.svelte-1hb9bgs span:where(.svelte-1hb9bgs):last-child{color:var(--o)}.hex-zoom.svelte-1hb9bgs{border:1px solid var(--line);background:var(--panel);color:#dbe5f1;cursor:pointer;border-radius:12px;flex:none;min-height:44px;padding:8px 12px;font-size:.75rem;font-weight:700}.hex-pan-hint.svelte-1hb9bgs{color:var(--muted);flex:none;margin:0;font-size:.7rem}.morris-game.svelte-fhlve7{width:100%;max-width:500px;margin:auto}.phase.svelte-fhlve7{text-align:center;min-height:2.8em;margin:12px 0;font-size:.9rem;line-height:1.5}.reserves.svelte-fhlve7{color:var(--muted);justify-content:space-between;gap:8px;margin:0 8px 18px;font-size:.8rem;display:flex}.morris-board.svelte-fhlve7{aspect-ratio:1;background:radial-gradient(at 30% 20%,#405449,#23352e 70%);border-radius:22px;margin:0 8px;position:relative;box-shadow:inset 0 0 0 2px #ffffff12,0 8px #101d18,0 18px 30px #0004}svg.svelte-fhlve7{pointer-events:none;width:100%;height:100%;position:absolute}line.svelte-fhlve7{stroke:#afba9b;stroke-width:.8px}button.svelte-fhlve7{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;width:11%;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}button.svelte-fhlve7 span:where(.svelte-fhlve7){aspect-ratio:1;background:#253348;border:2px solid #65748a;border-radius:50%;place-items:center;width:72%;font-size:clamp(16px,5vw,30px);font-weight:700;line-height:1;display:grid}button.x.svelte-fhlve7 span:where(.svelte-fhlve7){background:radial-gradient(circle at 30% 20%, #ffbf9e, var(--x));color:#702d23;border-color:#ffac8a;animation:.22s ease-out svelte-fhlve7-seat-piece;box-shadow:inset 0 -3px 2px #0003,0 3px 4px #0005}button.o.svelte-fhlve7 span:where(.svelte-fhlve7){background:radial-gradient(circle at 30% 20%, #c0fae8, var(--o));color:#14564d;border-color:#a4edde;animation:.22s ease-out svelte-fhlve7-seat-piece;box-shadow:inset 0 -3px 2px #0003,0 3px 4px #0005}@keyframes svelte-fhlve7-seat-piece{0%{opacity:.3;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}button.svelte-fhlve7:disabled{cursor:default}button.selected.svelte-fhlve7 span:where(.svelte-fhlve7){box-shadow:0 0 0 4px #fff}button.target.svelte-fhlve7 span:where(.svelte-fhlve7){box-shadow:0 0 0 3px #85d9b6}button.svelte-fhlve7:enabled:hover span:where(.svelte-fhlve7){filter:brightness(1.35)}button.svelte-fhlve7:focus-visible{outline-offset:1px;outline:2px solid #fff}.morris-rules.svelte-fhlve7{color:var(--muted);margin:20px 8px;font-size:.82rem;line-height:1.6}summary.svelte-fhlve7{cursor:pointer;color:#d2dbea}.fit-area.svelte-l57n9m{flex:1 1 0;width:100%;min-width:0;min-height:0;position:relative}.fit-content.svelte-l57n9m{width:100%;transform:translate(-50%, -50%) scale(var(--fit-scale));transform-origin:50%;display:flow-root;position:absolute;top:50%;left:50%;container-type:inline-size}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f7fb;font-synthesis:none;--x:#ff7a59;--o:#56d8c9;--panel:#141f31db;--line:#ffffff17;--muted:#8994a8;background:#0b1220;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 5%,#53d8c914,#0000 30%),radial-gradient(circle at 90% 85%,#ff7a5917,#0000 28%),#0b1220;min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}#app{min-height:100svh}button{font:inherit}[hidden]{display:none!important}.game-shell{z-index:1;width:min(100% - 32px,720px);margin:0 auto;padding:48px 0 42px;position:relative}.game-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.eyebrow{color:var(--o);letter-spacing:.19em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,7vw,3.4rem);font-weight:800;line-height:1}h1 span{color:var(--x)}.icon-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.74rem;font-weight:700;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.icon-button span{font-size:1rem}.icon-button:hover{color:#fff;border-color:#fff3;transform:translateY(-1px)}.scoreboard{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin-bottom:18px;display:grid}.player-card,.draw-score{border:1px solid var(--line);background:var(--panel);border-radius:18px;box-shadow:0 12px 35px #00000026}.player-card{align-items:center;gap:13px;min-height:82px;padding:15px 18px;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.player-card:after{content:"";background:0 0;border-radius:5px 5px 0 0;height:3px;transition:background .18s;position:absolute;bottom:0;left:15px;right:15px}.player-card.active.player-x{background:#ff7a5912;border-color:#ff7a5957}.player-card.active.player-x:after{background:var(--x)}.player-card.active.player-o{background:#56d8c912;border-color:#56d8c957}.player-card.active.player-o:after{background:var(--o)}.player-symbol{font-size:2.7rem;font-weight:500;line-height:1}.player-x .player-symbol{color:var(--x)}.player-o .player-symbol{color:var(--o)}.player-card div,.draw-score{flex-direction:column;display:flex}.player-audio{border:1px solid var(--line);color:#6f7b90;background:#ffffff06;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;margin-left:auto;padding:0;display:grid}button.player-audio{cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}button.player-audio:hover{color:#bdc5d3;border-color:#ffffff38;transform:translateY(-1px)}.player-audio.enabled{color:var(--o);background:#56d8c924;border-color:#56d8c961;box-shadow:inset 0 0 0 1px #56d8c90f}.player-audio.remote{cursor:default}.player-audio svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px;overflow:visible}.player-audio .mic-slash{stroke-width:2.2px}.player-audio:disabled{cursor:wait;opacity:.55;transform:none}.player-card strong,.draw-score strong{font-size:1.35rem;line-height:1.1}.player-label,.draw-score span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700}.draw-score{justify-content:center;align-items:center;min-width:82px;padding:12px}.online-card{border:1px solid var(--line);background:#141f31a8;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:14px 16px;transition:border-color .18s,background .18s;display:flex}.online-card.phase-connected,.online-card.phase-arrived{background:#56d8c90f;border-color:#56d8c94d}.online-card.phase-matching{border-color:#56d8c938}.online-card.phase-arrived{animation:.45s cubic-bezier(.2,1.2,.4,1) player-arrival}.online-card.phase-error,.online-card.phase-expired{border-color:#ff7a5952}.online-summary{align-items:center;gap:12px;min-width:0;display:flex}.online-icon{width:43px;height:43px;color:var(--o);letter-spacing:-.04em;background:#56d8c91a;border-radius:13px;flex:none;place-items:center;font-size:.76rem;font-weight:800;display:grid}.phase-waiting .online-icon,.phase-matching .online-icon,.phase-connecting .online-icon,.phase-joining .online-icon,.phase-reconnecting .online-icon{animation:1.2s ease-in-out infinite alternate connection-pulse}.phase-arrived .online-icon{animation:.55s cubic-bezier(.2,1.4,.4,1) player-arrival-icon}.online-kicker,.online-summary h2,.online-summary p{margin:0}.online-kicker{color:var(--o);letter-spacing:.11em;text-transform:uppercase;font-size:.6rem;font-weight:800}.online-summary h2{margin:1px 0 2px;font-size:.92rem;line-height:1.25}.online-summary #online-description{color:var(--muted);font-size:.7rem;line-height:1.35}.online-actions{flex:none;gap:7px;display:flex}.online-actions button,.setup-header>button{cursor:pointer;border-radius:11px;min-height:40px;padding:9px 13px;font-size:.7rem;font-weight:800;transition:transform .15s,border-color .15s,background .15s}.online-actions button:hover{transform:translateY(-1px)}.online-primary{background:var(--o);color:#0b2826;border:1px solid #56d8c93d}.online-primary:hover{background:#6de4d6}.online-secondary{border:1px solid var(--line);color:#bdc5d3;background:0 0}.online-secondary:hover{color:#fff;border-color:#fff3}.online-actions button:disabled{opacity:.5;cursor:wait;transform:none}#remote-audio{display:none}.play-area{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1827c7;border-radius:26px;padding:24px;box-shadow:0 24px 70px #00000038}.turn-indicator{justify-content:center;align-items:center;gap:9px;min-height:28px;margin:0 0 20px;display:flex}.turn-indicator p{color:#bdc5d3;margin:0;font-size:.86rem;font-weight:700}.turn-indicator strong{color:var(--x);margin-left:2px;font-size:1.2rem}.turn-dot{background:var(--x);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ff7a591c}.turn-indicator.player-o .turn-dot{background:var(--o);box-shadow:0 0 0 5px #56d8c91c}.turn-indicator.player-o strong{color:var(--o)}.turn-indicator.finished .turn-dot{background:#f4ca64;box-shadow:0 0 0 5px #f4ca641c}.turn-indicator.waiting .turn-dot{background:#6f7b90;box-shadow:0 0 0 5px #8994a81a}.board{grid-template-columns:repeat(3,1fr);gap:11px;width:min(100%,455px);margin:0 auto;display:grid}.cell{aspect-ratio:1;color:#fff;cursor:pointer;background:#162237;border:1px solid #ffffff13;border-radius:18px;place-items:center;font-size:clamp(3.2rem,13vw,5.2rem);font-weight:500;line-height:1;transition:transform .12s,border-color .15s,background .15s;display:grid;box-shadow:inset 0 1px #ffffff0a,0 7px 16px #00000021}.cell:not(:disabled):hover{background:#1a2942;border-color:#ffffff2e;transform:translateY(-2px)}.cell:not(:disabled):active{transform:translateY(0)scale(.97)}.cell:disabled{cursor:default}.cell.x{color:var(--x)}.cell.o{color:var(--o)}.cell.marked{animation:.23s cubic-bezier(.2,1.4,.5,1) place-mark}.cell.winner{background:#f4ca641c;border-color:#f4ca648c;animation:.9s ease-in-out infinite alternate win-pulse;box-shadow:inset 0 0 24px #f4ca640f,0 0 20px #f4ca640f}.new-round{border:1px solid var(--line);width:min(100%,455px);color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:15px;justify-content:space-between;align-items:center;margin:20px auto 0;padding:14px 18px;font-size:.84rem;font-weight:800;transition:background .15s,border-color .15s,color .15s,transform .15s;display:flex}.new-round:not(:disabled){color:#f8dc96;background:#f4ca6417;border-color:#f4ca645c}.new-round:not(:disabled):hover{background:#f4ca6426;border-color:#f4ca6494;transform:translateY(-1px)}.new-round .round-timer{color:#bdc5d3;text-align:center;background:#ffffff0e;border-radius:9px;min-width:50px;padding:5px 8px;font-size:.7rem;transition:background .15s,color .15s,transform .15s}.new-round:not(:disabled) .round-timer{color:#f8dc96;background:#f4ca6424}.new-round:not(:disabled):hover .round-timer{transform:translate(2px)}.new-round:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.background-shape{z-index:0;pointer-events:none;border:1px solid #ffffff09;border-radius:50%;position:fixed}.shape-one{width:500px;height:500px;top:-230px;right:-170px}.shape-two{width:560px;height:560px;bottom:-270px;left:-200px}button:focus-visible{outline-offset:3px;outline:3px solid #fffc}@keyframes place-mark{0%{opacity:.2;transform:scale(.72)}}@keyframes win-pulse{to{border-color:#f4ca64e6;transform:translateY(-2px)}}@keyframes connection-pulse{to{background:#56d8c933;box-shadow:0 0 0 5px #56d8c90d}}@keyframes player-arrival{0%{border-color:#56d8c9bf;transform:translateY(2px);box-shadow:0 0 0 6px #56d8c914}}@keyframes player-arrival-icon{0%{background:#56d8c952;transform:scale(.86);box-shadow:0 0 0 8px #56d8c914}}@media (width<=560px){body{height:100svh;min-height:0;overflow:hidden}#app{height:100%;min-height:0}.game-shell{width:min(100% - 22px,500px);height:100%;padding:max(12px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.game-header{flex:none;align-items:flex-end;margin-bottom:10px}.icon-button{justify-content:center;width:42px;height:42px;padding:0;font-size:0}.icon-button span{font-size:1.2rem}.scoreboard{flex:none;gap:7px;margin-bottom:8px}.player-card{gap:7px;min-height:70px;padding:11px 10px}.player-audio{border-radius:9px;width:31px;height:31px}.player-audio svg{width:17px;height:17px}.player-symbol{font-size:2rem}.player-card strong,.draw-score strong{font-size:1.15rem}.player-label,.draw-score span{font-size:.58rem}.draw-score{min-width:58px;padding:8px}.online-card{flex:none;gap:9px;margin-bottom:8px;padding:11px}.online-summary{gap:9px}.online-icon{border-radius:11px;width:37px;height:37px;font-size:.66rem}.online-summary h2{font-size:.8rem}.online-summary #online-description{max-width:145px;font-size:.62rem}.online-actions{flex-direction:column}.online-actions button{min-height:34px;padding:7px 10px;font-size:.62rem}.online-card.phase-connected{flex-direction:column;align-items:stretch}.phase-connected .online-summary #online-description{max-width:none}.phase-connected .online-actions{flex-direction:row}.phase-connected .online-actions button{flex:1}.play-area{border-radius:22px;flex-direction:column;flex:auto;justify-content:space-between;gap:8px;min-height:0;padding:12px 14px;display:flex}.turn-indicator{flex:none;margin:0}.board{flex:none;gap:8px;width:min(100%,455px,100svh - 401px)}.cell{border-radius:14px;font-size:clamp(2.4rem,13vw,5.2rem)}.new-round{flex:none;min-height:40px;margin:0 auto;padding:10px 16px}}@media (width<=560px) and (height>=800px){.game-shell{justify-content:center}.play-area{flex:none}}@media (width>=561px) and (height>=901px){.game-shell{flex-direction:column;justify-content:center;min-height:100svh;display:flex}}@media (width>=561px) and (height<=900px){body{height:100svh;min-height:0;overflow:hidden}#app{height:100%;min-height:0}.game-shell{flex-direction:column;height:100%;padding:18px 0;display:flex}.game-header{flex:none;margin-bottom:12px}.scoreboard{flex:none;margin-bottom:10px}.player-card{min-height:70px;padding-block:11px}.online-card{flex:none;margin-bottom:10px;padding-block:10px}.play-area{flex-direction:column;flex:auto;justify-content:space-between;gap:8px;min-height:0;padding:14px 18px;display:flex}.turn-indicator,.new-round{flex:none;margin-block:0}.board{flex:none;gap:9px;width:min(100%,390px,100svh - 430px)}}@media (width>=700px) and (height<=600px) and (orientation:landscape){.game-shell{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:8px 12px;width:min(100% - 20px,1100px);padding:8px 0;display:grid}.game-header,.scoreboard,.online-card{margin:0}.game-header{align-items:center}.game-header h1{font-size:2rem}.scoreboard{gap:7px}.player-card{gap:8px;min-height:58px;padding:8px 10px}.player-symbol{font-size:2rem}.draw-score{min-width:58px;padding:8px}.online-card{align-self:center;gap:8px;width:100%;padding:9px 10px}.online-icon{width:37px;height:37px}.online-actions button{min-height:36px;padding:7px 10px}.play-area{grid-area:1/2/4;height:100%;padding:10px 14px}.board{gap:7px;width:min(100%,320px,100svh - 132px)}.cell{border-radius:13px;font-size:clamp(2.3rem,8vh,4rem)}.new-round{min-height:38px;padding-block:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.game-shell{width:min(100% - 32px,760px)}.setup-header{text-align:center;margin:12px 0 36px}.setup-header h1 span{color:var(--x)}.setup-header>p:last-child{color:var(--muted);font-size:.95rem}.setup-header>p.setup-error{color:#ffad99;margin:14px 0 0;font-weight:700}.setup-section{margin-bottom:32px}.section-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading span{color:var(--o);font-size:.85rem;font-weight:800}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:1.2rem}.game-options,.opponent-options{gap:12px;display:grid}.game-options button,.opponent-options button{border:1px solid var(--line);background:var(--panel);color:inherit;text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;align-items:flex-start;padding:20px;transition:border-color .15s,background .15s,transform .15s;display:flex}.game-options button:hover,.opponent-options button:hover{border-color:#56d8c973;transform:translateY(-2px)}.game-options button.selected,.opponent-options button.selected{border-color:var(--o);background:#56d8c917;box-shadow:inset 0 0 0 1px #56d8c926}.game-options strong,.opponent-options strong{font-size:1.05rem}.game-options small,.opponent-options small{color:#aeb9ca;margin-top:6px;font-size:.78rem;line-height:1.45}.option-art{width:100%;height:104px;color:var(--x);text-align:center;letter-spacing:.3em;place-items:center;margin-bottom:14px;font-size:2.1rem;font-weight:800;line-height:.95;display:grid}.hex-art{color:var(--o);letter-spacing:-.08em}.size-picker{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-top:16px;padding:14px 18px}.size-picker>span{margin-bottom:10px;font-size:.82rem;font-weight:800;display:block}.size-picker small{color:var(--muted);margin-top:10px;font-size:.7rem;display:block}.size-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.size-options button{border:1px solid var(--line);color:#bdc5d3;cursor:pointer;background:#ffffff09;border-radius:10px;padding:9px 4px;font-weight:800}.size-options button.selected{border-color:var(--o);color:var(--o);background:#56d8c926}.size-options button:hover{border-color:var(--o)}.start-button{background:var(--o);color:#0b2826;cursor:pointer;border:0;border-radius:15px;justify-content:space-between;align-items:center;width:100%;padding:17px 22px;font-weight:800;display:flex}.start-button:hover:not(:disabled){background:#79e9dd}.start-button:disabled{opacity:.5;cursor:wait}.play-topbar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;font-size:.78rem;font-weight:700;display:flex}.play-topbar>span{text-align:right}.back-button{color:var(--o);cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:800}.scoreboard.no-draw{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=560px){body{height:auto;min-height:100svh;overflow:auto}#app{height:auto;min-height:100svh}.game-shell{justify-content:flex-start;height:auto;min-height:100svh;padding:16px 0 24px}.setup-header{margin:4px 0 20px}.setup-header h1{font-size:2rem}.setup-section{margin-bottom:18px}.section-heading{margin-bottom:10px}.game-options{grid-template-columns:repeat(2,minmax(0,1fr))}.game-options button{padding:12px}.option-art{height:48px;font-size:1.35rem}.game-options small{font-size:.7rem}.size-picker{padding:10px}.size-picker>span{margin-bottom:7px}.size-picker small{margin-top:7px}.size-options{grid-template-columns:repeat(4,1fr);gap:5px}.size-options button{padding:7px 2px;font-size:.7rem}.opponent-options{grid-template-columns:1fr;gap:8px}.opponent-options button{padding:8px 12px}.opponent-options strong{font-size:.9rem}.opponent-options small{margin-top:1px;font-size:.68rem}.play-area{flex:none;gap:16px;padding:18px 12px}.board{width:min(100%,455px)}.new-round{margin:0 auto}.play-topbar{margin-bottom:15px}}@media (width>=561px) and (height<=900px){body{height:auto;min-height:100svh;overflow:auto}#app,.game-shell{height:auto;min-height:100svh}.board{width:min(100%,390px)}}@media (width>=700px) and (height<=600px) and (orientation:landscape){.game-shell{width:min(100% - 32px,760px);padding:24px 0;display:block}.game-header,.scoreboard,.online-card{margin-bottom:12px}.play-area{gap:18px;height:auto}.board{width:min(100%,320px)}}.arena{padding-top:24px}.arena .play-topbar{margin-bottom:16px;font-size:.7rem}.arena .game-header{gap:12px;margin-bottom:16px}.arena .eyebrow{display:none}.arena .scoreboard{gap:8px;margin-bottom:16px}.arena .player-card{border-radius:50px;min-height:62px;padding:10px 14px}.arena .player-card div{flex-direction:row;align-items:center;gap:12px}.arena .player-label{color:#bcc7d8;letter-spacing:.02em}.arena .player-card:after{display:none}.arena .player-card.active{box-shadow:inset 0 1px #ffffff12,0 0 24px #0003}.arena .draw-score{min-width:58px;box-shadow:none;background:0 0;border:0;padding:6px}.arena .play-area{background:radial-gradient(at 50% 0,#28413c55,#0000 65%),repeating-linear-gradient(120deg,#ffffff02 0 1px,#0000 1px 5px),#101c27;border-color:#ffffff10;border-radius:32px;padding:24px 20px 28px;box-shadow:inset 0 2px #ffffff08,0 24px 70px #0005}.arena .turn-indicator{background:#060e1999;border-radius:40px;width:fit-content;margin:0 auto 20px;padding:8px 18px}.arena .turn-indicator.finished{box-shadow:0 0 24px #f4ca6425}.arena .board{background:#080f1b;border-radius:24px;gap:8px;padding:12px;box-shadow:0 12px #060b13,0 22px 32px #0005}.arena .cell{text-shadow:0 3px #0005;background:linear-gradient(145deg,#29374a,#152132);border-radius:14px;box-shadow:inset 0 2px #ffffff0d,0 4px #080f1b}.arena .cell.winner{background:linear-gradient(145deg,#55452b,#28291f)}.arena .new-round{border-radius:40px;width:min(100%,400px);margin-top:26px}@media (width<=560px){.arena .player-card{gap:6px;min-height:58px;padding:8px 10px}.arena .player-card div{flex-direction:column;align-items:flex-start;gap:3px}.arena .player-label{font-size:.6rem}.arena .play-area{border-radius:24px;padding:18px 10px 24px}.arena .play-topbar>span{max-width:55%}.arena .board{padding:9px}}html{height:100%;overflow:hidden}body{min-width:0;height:100dvh;min-height:0;overflow:hidden}#app{height:100%;min-height:0}.game-shell{width:100%;max-width:760px;height:100%;min-height:0;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;justify-content:flex-start;gap:8px;display:flex}.setup-header{text-align:left;flex:none;align-items:center;gap:8px;margin:0;padding:12px 0;display:grid}.setup-header h1{font-size:clamp(1.5rem,5vw,2rem)}.setup-header>p.setup-error{grid-column:1/-1;margin:0;font-size:.75rem}.setup-content{flex:0 auto;align-content:start;gap:24px;min-height:0;padding:4px 2px 16px;display:grid;overflow:auto}.setup-section{min-width:0;margin:0}.section-heading{gap:8px;margin-bottom:12px}.section-heading h2{font-size:.95rem}.game-context{color:var(--muted);margin:-4px 0 12px;font-size:.75rem;line-height:1.5}.game-options,.opponent-options{gap:8px}.game-options{grid-template-columns:repeat(2,minmax(0,1fr))}.game-options button{border-radius:12px;flex-direction:row;align-items:center;gap:8px;min-height:60px;padding:10px}.game-options strong{overflow-wrap:anywhere;min-width:0;font-size:.82rem}.game-options small{display:none}.option-art{letter-spacing:0;white-space:nowrap;flex:none;width:46px;height:30px;margin:0;font-size:.7rem}.opponent-options{grid-template-columns:repeat(2,minmax(0,1fr))}.opponent-options button{text-align:left;border-radius:12px;justify-content:center;align-items:flex-start;min-height:76px;padding:12px}.opponent-options strong{font-size:.85rem}.opponent-options small{margin-top:5px;font-size:.7rem;display:block}.pairing-intro{align-self:center;padding:24px 8px}.pairing-symbol{color:var(--o);letter-spacing:.15em;font-size:3rem}.pairing-intro h2{letter-spacing:-.035em;margin:12px 0;font-size:clamp(1.3rem,5vw,1.8rem)}.pairing-intro p{color:#aeb9ca;max-width:38ch;font-size:.9rem;line-height:1.65}.pairing-intro .pairing-note{color:var(--muted);font-size:.75rem}.size-picker{border-radius:12px;margin-top:8px;padding:8px}.size-picker>span{margin-bottom:5px;font-size:.75rem}.size-picker small{margin-top:5px;font-size:.66rem;line-height:1.3}.size-options{gap:5px}.size-options button{min-height:44px;padding:8px 2px;font-size:.8rem}.side-picker{margin:0}.start-button{flex:none;min-height:48px;padding:12px 16px;font-size:.9rem}.arena .play-topbar{flex:none;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;margin:0;font-size:.75rem;display:grid}.play-context{text-align:right;min-width:0}.arena .play-context h1{background:linear-gradient(110deg, var(--o), #b8eee5 45%, var(--x));color:#0000;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:0 0 4px auto;font-size:1.05rem;line-height:1.3}.play-context>span{font-size:.65rem}.back-button{min-height:44px}.score-reset{border:1px solid var(--line);background:var(--panel);width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:12px;font-size:1.5rem}.score-reset:disabled{opacity:.5;cursor:wait}.arena .game-header{flex:none;align-items:center;margin:0}.arena h1{font-size:clamp(1.1rem,4vw,1.8rem)}.arena .icon-button{justify-content:center;width:32px;height:32px;padding:0;font-size:0}.arena .icon-button span{font-size:1.2rem}.arena .scoreboard{flex:none;gap:6px;margin:0}.arena .player-card{gap:6px;min-width:0;min-height:44px;padding:6px 10px}.arena .player-card div{flex-direction:row;gap:6px;min-width:0}.arena .player-symbol{font-size:1.5rem}.arena .player-label{overflow-wrap:anywhere;font-size:.55rem}.arena .player-card strong,.arena .draw-score strong{font-size:1rem}.arena .draw-score{min-width:42px;padding:4px}.arena .draw-score span{font-size:.55rem}.arena .player-audio{width:36px;height:36px}.online-card{flex-direction:row;flex:none;align-items:center;gap:8px;margin:0;padding:8px}.online-icon{display:none}.online-summary{gap:0}.online-summary h2{font-size:.75rem}.online-kicker{font-size:.5rem}.online-summary #online-description{max-width:none;font-size:.62rem}.online-actions{flex-direction:column;gap:4px}.online-actions button{min-height:44px;padding:8px 10px;font-size:.7rem}.online-card.phase-connected{flex-direction:row;align-items:center}.phase-connected .online-actions{flex-direction:column}.arena .play-area{border-radius:20px;flex-direction:column;flex:1 1 0;justify-content:flex-start;gap:8px;width:100%;height:auto;min-height:0;padding:10px 12px 14px;display:flex}.arena .play-area.full-width-board{box-shadow:none;background:0 0;border:0;border-radius:0;padding:8px 0}.arena .turn-indicator{flex:none;min-height:34px;margin:0 auto;padding:4px 12px}.arena .turn-indicator p{font-size:.75rem}.arena .board{width:min(100%,455px)}.arena .cell{min-width:0;padding:0;font-size:clamp(24px,15cqw,84px)}.arena .new-round{flex:none;min-height:36px;margin:0 auto;padding:7px 12px}.background-shape{display:none}@media (width>=700px){.setup-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:start;gap:24px}.game-selection{grid-area:1/2/3}.side-picker{grid-column:1}.game-options button{min-height:64px}.opponent-options{grid-template-columns:1fr}.opponent-options button{text-align:left;align-items:flex-start}}@media (height<=600px){.option-art{height:24px}.pairing-intro{padding:0 8px}}@media (width>=600px) and (height<=500px){.game-shell{max-width:1100px;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));gap:6px}.setup-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:start;gap:24px}.game-selection{grid-area:1/2/3}.side-picker{grid-column:1}}@media (width>=600px) and (height<=500px),(width>=1000px) and (orientation:landscape){.arena{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6px 12px;display:grid}.arena .play-topbar{grid-area:1/1}.arena .scoreboard{grid-area:2/1}.arena>.online-card{grid-area:3/1;align-self:start}.arena .play-area{grid-area:1/2/-1;height:100%}}@media (width>=1000px) and (orientation:landscape){.game-shell{max-width:1366px;padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.arena{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:16px 24px}.arena .play-topbar{grid-template-columns:minmax(0,1fr) auto}.arena .play-context{text-align:left;grid-area:2/1/auto/-1}.arena .score-reset{grid-area:1/2}.arena .play-context h1{margin-left:0;font-size:1.25rem}.arena .player-label{font-size:.7rem}.arena .play-area{padding:16px}}@media (width>=700px) and (orientation:portrait){.arena{max-width:1024px}}