@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700;800&family=Hanken+Grotesk:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap";._feet_18a7a_1{pointer-events:none;z-index:1;position:absolute;inset:0}._foot_18a7a_8,._footShadow_18a7a_9{display:block;position:absolute}._foot_18a7a_8{background:linear-gradient(90deg,#ffda9133,#0000 36%),linear-gradient(#a85e24 0%,#743411 58%,#421805 100%);border:1px solid #4e230b;border-radius:42% 42% 34% 34%;width:clamp(26px,3.4vw,42px);height:clamp(44px,7vw,86px);box-shadow:inset -7px 0 10px #1c09023d,0 10px 13px #2713073d}._footShadow_18a7a_9{filter:blur(2px);background:#2f1c0c2e;border-radius:50%;width:clamp(46px,5.8vw,76px);height:clamp(10px,1.3vw,18px)}._frontLeftFoot_18a7a_35{bottom:7%;left:8%}._frontRightFoot_18a7a_36{bottom:7%;right:8%}._backLeftFoot_18a7a_37{opacity:.76;top:-5%;left:9%;transform:scale(.72)}._backRightFoot_18a7a_38{opacity:.76;top:-5%;right:9%;transform:scale(.72)}._frontLeftShadow_18a7a_39{bottom:3%;left:7.2%}._frontRightShadow_18a7a_40{bottom:3%;right:7.2%}._backLeftShadow_18a7a_41{opacity:.42;top:9%;left:8.6%}._backRightShadow_18a7a_42{opacity:.42;top:9%;right:8.6%}@media (width<=760px){._foot_18a7a_8{height:40px}}._motifBand_7t8vv_1{z-index:2;background:#461d0a47;border-radius:4px;justify-content:center;gap:clamp(3px,.35vw,6px);padding:clamp(3px,.35vw,5px);display:flex;position:absolute;inset:auto 10% 10%}._motifBand_7t8vv_1[data-side=right]{top:10%;bottom:auto}._motifMark_7t8vv_18{opacity:.82;border-top:2px solid #321405;border-right:2px solid #321405;width:clamp(10px,1.2vw,18px);height:clamp(10px,1.2vw,18px);transform:rotate(45deg)}@media (width<=760px){._motifBand_7t8vv_1{display:none}}._shell_on4wy_1{--wood-light:#d99d55;--wood-gold:#efc071;--wood-mid:#a95c22;--wood-deep:#5c2b11;--wood-dark:#2c1407;--pit-floor:#1d1711;--focus-gold:#ffe49a;width:min(100%,1100px);margin-inline:auto;overflow:visible}._stage_on4wy_14{perspective:1100px;padding:clamp(10px,1.8vw,22px) 0 clamp(42px,6vw,76px);position:relative}._board_on4wy_20{z-index:2;aspect-ratio:5.35;background:linear-gradient(90deg, #5a270d2e 0 1px, transparent 1px 8.5%), linear-gradient(135deg, #f2c985 0%, var(--wood-light) 24%, #bb6b2b 65%, #864014 100%);transform-origin:bottom;border:1px solid #f4cf8c;border-radius:clamp(14px,1.7vw,23px);padding:clamp(12px,1.6vw,22px);position:relative;transform:perspective(1100px)rotateX(7deg);box-shadow:0 34px 42px #2a180a3d,inset 0 2px #ffefbf9e,inset 0 -15px 18px #3918084d}._boardDepth_on4wy_38{background:linear-gradient(#8a4318 0%,#56250c 58%,#2d1205 100%);border-radius:0 0 20px 20px;height:18%;position:absolute;inset:auto 2.2% -14%;box-shadow:inset 0 -6px 11px #0000003d}._innerSurface_on4wy_47{background:linear-gradient(90deg,#ffdf9e1a 0 1px,#0000 1px 7%),linear-gradient(#bc7434,#854016);border-radius:clamp(10px,1.1vw,16px);grid-template-columns:minmax(70px,.95fr) minmax(0,7fr) minmax(70px,.95fr);gap:clamp(9px,1.25vw,18px);height:100%;padding:clamp(10px,1.2vw,18px);display:grid;position:relative;box-shadow:inset 0 0 0 3px #5a270d70,inset 0 12px 18px #ffdd9b29,inset 0 -16px 24px #220d034d}._reserve_on4wy_64{background:radial-gradient(at 50% 62%,#ffde9a29,#0000 58%),linear-gradient(#b66a2a,#7e3912);border:clamp(5px,.7vw,8px) solid #d79549;border-radius:clamp(9px,1vw,15px);min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 9px 14px #280f0459,inset 0 -5px 9px #ffcf812e,0 6px 9px #240f053d}._reserveWell_on4wy_79{background:radial-gradient(at 42% 32%,#9f5a21,#4c220c 72%);border-radius:40%;position:absolute;inset:23% 18% 18%;box-shadow:inset 0 10px 18px #0e070370}._playArea_on4wy_87{background:linear-gradient(#441e0b57,#260f0533);border-radius:clamp(8px,1vw,14px);min-width:0;padding:clamp(7px,.9vw,13px);position:relative;box-shadow:inset 0 0 0 2px #3e1a096b}._pitGrid_on4wy_96{z-index:3;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(9px,1.15vw,16px) clamp(7px,.95vw,13px);height:100%;display:grid;position:relative}._centerRail_on4wy_106,._columnSeparator_on4wy_107{z-index:2;pointer-events:none;background:linear-gradient(90deg,#efc071,#bd6c2a 55%,#8c4114);border:1px solid #5c2a0e;position:absolute;box-shadow:0 5px 7px #15080240,inset 0 1px #ffecb88c}._centerRail_on4wy_106{border-radius:999px;height:clamp(9px,1vw,15px);top:50%;left:-1.2%;right:-1.2%;transform:translateY(-50%)}._columnSeparator_on4wy_107{border-radius:999px;width:clamp(8px,.8vw,13px);top:-4%;bottom:-4%;transform:translate(-50%)}._error_on4wy_135{color:#8a2727;place-items:center;min-height:280px;font-weight:800;display:grid}@media (width<=760px){._stage_on4wy_14{perspective:700px;padding-bottom:38px}._board_on4wy_20{aspect-ratio:4.65;border-radius:14px;padding:10px;transform:perspective(800px)rotateX(3deg)}._innerSurface_on4wy_47{grid-template-columns:minmax(34px,.42fr) minmax(0,7fr) minmax(34px,.42fr);gap:7px;padding:8px}._pitGrid_on4wy_96{gap:7px 5px}._reserveWell_on4wy_79{inset:26% 19%}}._pitButton_1sgzf_1{min-width:0;min-height:0;color:inherit;font:inherit;background:0 0;border:0;border-radius:18px;padding:0;position:relative}._pitButton_1sgzf_1:disabled{cursor:default}._pitInteractive_1sgzf_17{cursor:pointer}._pitRim_1sgzf_21,._pitBowl_1sgzf_22{pointer-events:none;position:absolute}._pitRim_1sgzf_21{background:linear-gradient(90deg,#ffe7b32e,#0000 34%),linear-gradient(#e2a85e 0%,#b86728 62%,#70300e 100%);border:2px solid #5b280c;border-radius:19px;inset:0;box-shadow:0 7px 9px #1d0c0447,inset 0 2px #ffeebe94,inset 0 -7px 9px #3013054d}._pitBowl_1sgzf_22{background:radial-gradient(at 50% 72%,#241b13 0%,#1d1711 62%,#0f0a06 100%),linear-gradient(#33281d,#100b07);border:1px solid #120b06;border-radius:42% 42% 48% 48%;inset:13% 11% 12%;overflow:hidden;box-shadow:inset 0 13px 18px #0201009e,inset 0 -5px 7px #a35c2447}._pitAllowed_1sgzf_53 ._pitRim_1sgzf_21{border-color:#f6de92;box-shadow:0 7px 9px #1d0c0447,0 0 0 2px #f6de9261,inset 0 2px #ffeebe94}._pitInteractive_1sgzf_17:hover ._pitRim_1sgzf_21,._pitInteractive_1sgzf_17:focus-visible ._pitRim_1sgzf_21{background:linear-gradient(#f4c979 0%,#c87530 62%,#7e3712 100%);border-color:#ffe49a;box-shadow:0 9px 13px #180a0354,0 0 0 4px #ffe49a59,inset 0 2px #fff0c5ad}._pitInteractive_1sgzf_17:focus-visible{outline-offset:4px;outline:3px solid #ffe49ab8}._pitMuted_1sgzf_76{opacity:.94}._pitDisabled_1sgzf_80{opacity:.82}._seedLayer_1sgzf_84{position:absolute;inset:0}._seed_1sgzf_84{background:radial-gradient(circle at 33% 28%,#e0b06f 0 11%,#0000 12%),radial-gradient(circle at 38% 30%,#9d7042 0%,#5b3c20 58%,#211108 100%);border:1px solid #1d1007;border-radius:50%;width:clamp(11px,1.16vw,17px);height:clamp(10px,1.06vw,16px);position:absolute;box-shadow:1px 3px 4px #0000006b,inset -2px -2px 3px #15090359}._seedBadge_1sgzf_103{z-index:4;color:#ffe8b5;pointer-events:none;background:#221108c7;border-radius:999px;padding:.28em .42em;font-size:clamp(.58rem,.75vw,.78rem);font-weight:800;line-height:1;position:absolute;left:50%;transform:translate(-50%)}._pitNorth_1sgzf_118 ._seedBadge_1sgzf_103{top:-1.15rem}._pitSouth_1sgzf_122 ._seedBadge_1sgzf_103{bottom:-1.15rem}.songo-board-asset{-webkit-user-select:none;user-select:none;width:min(100%,1400px);margin:0 auto;position:relative}.songo-board-asset__image{filter:drop-shadow(0 30px 34px #2b1e0f2e);transform-origin:50%;border-radius:clamp(10px,1.2vw,18px);width:100%;height:auto;display:block}.songo-board-asset--view-north .songo-board-asset__image{transform:rotate(180deg)}.songo-board-asset__overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.songo-board-asset__overlay--debug{pointer-events:auto}.songo-board-asset__seed-shadow{fill:#0000006b}.songo-board-asset__seed{fill:url(#songoBoardAssetSeed);stroke:#1d1007;stroke-width:.8px}.songo-board-asset__seed-highlight{fill:#f7d394b8}.songo-board-asset__seed-image{pointer-events:none;filter:drop-shadow(0 3px 3px #0805036b)}.songo-board-asset__seed-badge circle{fill:#1c1008d6;stroke:#f4cd84ad;stroke-width:2px}.songo-board-asset__seed-badge text{fill:#ffe7b0;text-anchor:middle;font-size:18px;font-weight:850}.songo-board-asset__store{pointer-events:none}.songo-board-asset__store-badge circle{fill:#1f1208e0;stroke:#e2b869c7;stroke-width:2px}.songo-board-asset__store-badge text{fill:#ffe7b0;text-anchor:middle;font-size:20px;font-weight:900}.songo-board-asset__store-owner rect{fill:#fff8ecdb;stroke:#683a1447;stroke-width:1.5px;filter:drop-shadow(0 8px 12px #1c100733)}.songo-board-asset__store-owner--viewer rect{fill:#edfaf1e0;stroke:#176b4561}.songo-board-asset__store-owner text{text-anchor:middle;paint-order:stroke;stroke:#fff8ecad;stroke-width:2px;dominant-baseline:middle}.songo-board-asset__store-owner-name{fill:#2e1a0d;font-size:18px;font-weight:950}.songo-board-asset__store-owner-badge{fill:#176b45;text-transform:uppercase;font-size:11px;font-weight:900}.songo-board-asset__seed-cluster--active .songo-board-asset__seed{filter:drop-shadow(0 0 8px #ffe199b3);stroke:#f6d58a;stroke-width:1.4px}.songo-board-asset__seed-cluster--captured{opacity:.45}.songo-board-asset__falling-seed{animation:songoSeedDrop var(--songo-seed-drop-duration,.28s) cubic-bezier(.2, .78, .28, 1.1) both;filter:drop-shadow(0 8px 6px #180d0557);pointer-events:none;transform-box:fill-box;transform-origin:50%}.songo-board-asset__drop-highlight{fill:#d6a54829;stroke:#ffe59ec7;stroke-linejoin:round;stroke-width:5px;filter:drop-shadow(0 0 8px #ffdb8a80);vector-effect:non-scaling-stroke;animation:.42s ease-out both songoPitDropPulse}.songo-board-asset__playable-highlight{fill:#23805c2e;filter:drop-shadow(0 0 9px #ffe2916b);pointer-events:none;stroke:#ffe59edb;stroke-linejoin:round;stroke-width:5px;vector-effect:non-scaling-stroke;animation:1.4s ease-in-out infinite songoPlayablePitGlow}.songo-board-asset__gain-badge{filter:drop-shadow(0 12px 14px #2214084d);pointer-events:none;animation:1.2s ease-out both songoGainBadgePop}.songo-board-asset__gain-badge rect{stroke-width:2px}.songo-board-asset__gain-badge--viewer rect{fill:#176b45f0;stroke:#f4cd84d6}.songo-board-asset__gain-badge--opponent rect{fill:#4c2d14eb;stroke:#d6a548b8}.songo-board-asset__gain-badge text{fill:#fff8e7;paint-order:stroke;stroke:#19120a59;stroke-width:2px;text-anchor:middle;font-size:24px;font-weight:950}.songo-board-asset__hotspot{fill:#0000;stroke:#0000;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke;outline:none}.songo-board-asset__hotspot--disabled{pointer-events:none}.songo-board-asset__hotspot--interactive{cursor:pointer;pointer-events:auto}.songo-board-asset__hotspot--allowed{fill:#0000;stroke:#0000}.songo-board-asset__hotspot--interactive:focus-visible{fill:#2574571f;stroke:#f4cd84cc;filter:drop-shadow(0 0 4px #ffe8a65c)}@media (hover:hover) and (pointer:fine){.songo-board-asset__hotspot--interactive:hover{fill:#2574571f;stroke:#f4cd84cc;filter:drop-shadow(0 0 4px #ffe8a65c)}}.songo-board-asset__debug{pointer-events:none}.songo-board-asset__debug-hit{fill:#267e6524;stroke:#22c55e;stroke-width:3px}.songo-board-asset__debug-store{fill:#3b82f61f;stroke:#60a5fa;stroke-dasharray:10 7;stroke-width:3px}.songo-board-asset__debug-seed-area{fill:#f973161a;stroke:#f97316;stroke-dasharray:8 6;stroke-width:2px}.songo-board-asset__debug path:not(.songo-board-asset__debug-hit){fill:none;stroke:#f97316;stroke-linecap:round;stroke-width:2px}.songo-board-asset__debug text{fill:#fef3c7;paint-order:stroke;stroke:#1f1308;stroke-width:4px;text-anchor:middle;font-size:24px;font-weight:850}.songo-board-asset__error,.songo-board-asset__fallback,.songo-board-asset__warning{color:#8a2727;place-items:center;min-height:280px;font-weight:800;display:grid}.songo-board-asset__warning{color:#8a5c1c;min-height:0;margin-top:8px;font-size:.8rem}.songo-board-asset__fallback{color:#423629;gap:12px}@keyframes songoSeedDrop{0%{opacity:0;transform:translateY(var(--songo-seed-drop-start,-26px)) scale(.82)}18%{opacity:1}82%{transform:translateY(1px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes songoPitDropPulse{0%{opacity:0;stroke-width:2px}24%{opacity:1}to{opacity:0;stroke-width:8px}}@keyframes songoPlayablePitGlow{0%,to{opacity:.72;stroke-width:4px}50%{opacity:1;stroke-width:7px}}@keyframes songoGainBadgePop{0%{opacity:0;transform:translateY(10px)scale(.82)}18%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-26px)scale(1.04)}}@media (prefers-reduced-motion:reduce){.songo-board-asset__falling-seed,.songo-board-asset__drop-highlight,.songo-board-asset__playable-highlight,.songo-board-asset__gain-badge{animation-duration:80ms}.songo-board-asset__playable-highlight{animation-iteration-count:1}}@media (width<=760px){.songo-board-asset{width:100%}.songo-board-asset__image{filter:drop-shadow(0 18px 22px #2b1e0f29);border-radius:10px}}.game-header{color:#fff7e6;background:linear-gradient(135deg, #13150ff5, #0f3d2eeb), var(--songo-forest-dark);box-shadow:var(--songo-shadow-deep);border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px;display:grid}.game-header__title{text-align:center;justify-items:center;gap:3px;display:grid}.game-header__title h1,.game-header__title p{margin:0}.game-header__title h1{font-size:clamp(1.35rem,3vw,2rem);line-height:1.1}.game-header__title p{color:#fff7e6c7;overflow-wrap:anywhere;max-width:min(100%,44rem);font-weight:760}.game-header__actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.player-panel{box-shadow:var(--songo-shadow-card);background:linear-gradient(#fffaf1,#f3e3c8);border:1px solid #d6a54847;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 18px 12px 12px;display:grid}.player-panel--turn{box-shadow:0 0 0 4px #176b451a, var(--songo-shadow-card);border-color:#176b456b}.player-panel__avatar{color:#fff6dd;background:radial-gradient(circle at 35% 30%,#c58a45,#5a2d13);border:4px solid #f6e7c5;border-radius:50%;place-items:center;width:62px;height:62px;font-size:1.35rem;font-weight:950;display:grid}.player-panel__name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.player-panel__timer-slot{align-items:center;width:4.1rem;min-width:4.1rem;min-height:1.75rem;display:inline-flex}.player-panel__body{min-width:0}.player-panel h2,.player-panel p{margin:0}.player-panel p{color:var(--songo-muted);font-size:.88rem;font-weight:760}.player-panel__score{color:#3b1d0a;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.game-status-pill{color:#fff8e7;background:#41230cdb;border-radius:999px;justify-self:center;align-items:center;gap:8px;width:fit-content;margin:0;padding:9px 18px;font-weight:900;display:inline-flex;box-shadow:0 12px 22px #41230c2e}.game-status-pill[data-tone=thinking]{background:#0f3d2eeb}.game-status-pill__spinner{opacity:.88;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:.82em;height:.82em;animation:.76s linear infinite songoStatusSpin}.turn-timer{min-width:min(100%,320px);color:var(--songo-text);text-align:center;background:#fff8ecd1;border:1px solid #176b4538;border-radius:18px;justify-self:center;gap:3px;padding:10px 16px;display:grid;box-shadow:0 12px 26px #3a1f0d1a}.turn-timer strong{color:var(--songo-forest);font-size:1.65rem;line-height:1}.turn-timer span,.turn-timer em{color:var(--songo-muted);font-size:.9rem;font-style:normal;font-weight:760}.turn-timer--warning{background:#fff2ea;border-color:#9d2f2f5c}.turn-timer--warning strong{color:var(--songo-danger)}.player-panel .turn-timer{text-align:left;border-radius:999px;justify-content:center;justify-self:auto;align-items:center;width:100%;min-width:0;max-width:none;padding:4px 9px;display:inline-flex;box-shadow:0 8px 16px #3a1f0d1a}.player-panel .turn-timer span,.player-panel .turn-timer em{display:none}.turn-timer--paused{opacity:.72}.game-board-section{background:linear-gradient(135deg, #160c06e0, #301a0ac7), var(--songo-wood-dark);box-shadow:var(--songo-shadow-deep);border-radius:30px;padding:clamp(12px,2vw,22px)}.game-actions-bar{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.status-message{min-height:1.1em;color:var(--songo-muted);justify-self:center;margin:0;font-weight:760}.game-end-panel{box-shadow:var(--songo-shadow-card);text-align:center;background:linear-gradient(#fffaf1,#f1dfbf);border:1px solid #d6a54847;border-radius:26px;gap:14px;padding:clamp(18px,3vw,26px);display:grid}.game-end-panel h2,.game-end-panel p{margin:0}.game-end-panel h2{color:var(--songo-forest-dark);font-size:clamp(1.45rem,3vw,2.1rem)}.game-end-panel p{color:var(--songo-muted);font-weight:780}.game-end-panel__eyebrow{text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;color:var(--songo-wood-dark)!important}.game-end-panel__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mobile-landscape-gate{display:none}.mobile-landscape-gate__card{width:min(100% - 32px,420px);color:var(--songo-text);box-shadow:var(--songo-shadow-deep);text-align:center;background:radial-gradient(circle at 20% 0,#d6a54838,#0000 42%),linear-gradient(#fffaf1,#f1dfbf);border:1px solid #d6a54857;border-radius:28px;justify-items:center;gap:14px;padding:28px 22px;display:grid}.mobile-landscape-gate__icon{color:#fff8e7;background:linear-gradient(180deg, var(--songo-forest), var(--songo-forest-dark));border-radius:24px;place-items:center;width:72px;height:72px;font-size:2.4rem;font-weight:950;display:grid;box-shadow:0 18px 34px #0f3d2e38}.mobile-landscape-gate h2,.mobile-landscape-gate p{margin:0}.mobile-landscape-gate h2{color:var(--songo-forest-dark);font-size:clamp(1.8rem,9vw,2.5rem);line-height:1.05}.mobile-landscape-gate p{color:var(--songo-muted);font-weight:820}.mobile-landscape-gate__steps{color:var(--songo-text);text-align:left;gap:7px;margin:0;padding:0;font-weight:780;list-style-position:inside;display:grid}@media (width<=760px){.game-header{grid-template-columns:1fr}.game-header__actions{flex-direction:column;justify-content:stretch}.player-panel{border-radius:24px}.game-actions-bar button{width:100%}}@media (width<=900px) and (orientation:portrait){.app-shell--game{padding:0;overflow:hidden}.game-screen{width:100%;height:100dvh;min-height:100dvh}.game-screen>:not(.mobile-landscape-gate){visibility:hidden;pointer-events:none}.mobile-landscape-gate{z-index:80;background:radial-gradient(circle at 12% 8%,#c58a4538,#0000 32%),linear-gradient(#fbf5eb 0%,#f6efe3 58%,#ead7b9 100%);place-items:center;padding:20px;display:grid;position:fixed;inset:0}}@media (width<=900px) and (orientation:landscape){.app-shell--game{padding:clamp(3px,1.4dvh,7px)}.game-screen{gap:clamp(3px,1dvh,7px)}.game-header{min-height:0;padding:5px 8px}.game-menu__icon-button,.game-header__back{width:34px;height:34px;min-height:34px}.player-panel{min-height:42px;padding:4px 10px 4px 6px}.player-panel__avatar{width:32px;height:32px}.game-status-pill{padding-block:4px}}.game-screen{grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:clamp(5px,.8dvh,10px);width:min(1720px,100%);height:100%;min-height:0;display:grid;overflow:hidden}.game-header{border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;padding:8px 10px}.game-header__back{color:#fff7e6;width:42px;height:42px;min-height:42px;box-shadow:none;background:#fff8ec1a;border:1px solid #fff8ec2e;border-radius:50%;place-items:center;font-size:1.3rem;line-height:1;display:inline-grid}.game-header__actions{gap:8px;position:relative}.game-menu{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.game-menu__icon-button{color:#fff8e7;width:42px;height:42px;min-height:42px;box-shadow:none;background:#fff8ec1c;border:1px solid #fff8ec33;border-radius:50%;grid-auto-flow:column;place-items:center;gap:6px;transition:background .16s,border-color .16s,transform .16s;display:inline-grid}.game-menu__action-icon{color:currentColor;flex:none;width:16px;height:16px;display:inline-flex}.game-menu__action-icon svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.game-menu__icon-button:hover,.game-menu__icon-button:focus-visible{filter:none;background:#fff8ec33;border-color:#f4cd849e;transform:translateY(-1px)}.game-menu__icon-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.player-panel{gap:10px;min-height:50px;padding:6px 12px 6px 7px}.player-panel__avatar{border-width:3px;width:38px;height:38px;font-size:.9rem}.player-panel h2{font-size:clamp(.85rem,1.55dvh,1rem)}.player-panel p{font-size:.68rem}.player-panel__score{font-size:clamp(1.15rem,2.6dvh,1.75rem)}.game-status-pill{padding:5px 12px;font-size:clamp(.72rem,1.3dvh,.86rem)}.status-message{text-align:right;justify-self:end;font-size:clamp(.72rem,1.4dvh,.88rem)}.game-board-section{border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:0;padding:clamp(2px,.55dvh,7px);display:flex;overflow:hidden}.game-board-section .songo-board-asset{width:min(100%,1720px);max-width:100%;height:auto}.game-board-section .songo-board-asset__image{object-fit:contain;width:100%;height:auto}.game-empty-state{text-align:center;place-self:center;justify-items:center;gap:14px;width:min(100%,560px);padding:clamp(22px,4vw,34px);display:grid}.game-empty-state h2,.game-empty-state p{margin:0}.game-empty-state h2{color:var(--songo-forest-dark);font-size:clamp(1.45rem,3vw,2rem)}.game-empty-state p{max-width:42ch;color:var(--songo-muted);font-weight:760;line-height:1.35}.game-end-modal{z-index:35;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.game-end-modal__backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle at 50% 18%,#d6a54833,#0000 34%),#140c069e;position:absolute;inset:0}.game-end-modal__card{z-index:1;background:radial-gradient(circle at 18% 0%, #d6a54821, transparent 30%), linear-gradient(180deg, #ffffffc7, #fff8ecf7), var(--songo-surface);width:min(100%,820px);max-height:calc(100dvh - 32px);box-shadow:var(--songo-shadow-deep);border:1px solid #d6a5485c;border-radius:30px;gap:clamp(14px,2vw,20px);padding:clamp(20px,3vw,34px);animation:.18s ease-out both songoEndModalIn;display:grid;position:relative;overflow:auto}.game-end-modal__card--win{border-color:#176b4552}.game-end-modal__card--loss{border-color:#c58a4561}.game-end-modal__header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,22px);display:grid}.game-end-modal__mark{color:#fff8e7;background:linear-gradient(180deg, var(--songo-wood), var(--songo-wood-dark));border:1px solid #d6a5486b;border-radius:50%;place-items:center;width:clamp(48px,5vw,62px);height:clamp(48px,5vw,62px);display:grid;box-shadow:0 12px 26px #5a2d132e}.game-end-modal__mark:before{content:"!";font-size:clamp(1.25rem,2vw,1.65rem);font-weight:950}.game-end-modal__card--win .game-end-modal__mark{background:linear-gradient(180deg, #347a38, var(--songo-forest-dark));border-color:#176b4552}.game-end-modal__card--win .game-end-modal__mark:before{content:"✓"}.game-end-modal__card--neutral .game-end-modal__mark:before{content:"="}.game-end-modal__headline{gap:4px;min-width:0;display:grid}.game-end-modal__eyebrow,.game-end-modal__winner,.game-end-modal__reason{color:var(--songo-muted);margin:0;font-weight:850}.game-end-modal__reason{color:var(--songo-muted);background:#fffaf2a3;border:1px solid #5a2d1314;border-radius:18px;padding:12px 14px;font-size:clamp(.88rem,1vw,.98rem);font-weight:700;line-height:1.4}.game-duration-summary{margin:0;display:flex}.game-duration-summary div{color:var(--songo-muted);background:#fffaf299;border:1px solid #5a2d1314;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.84rem;font-weight:820;display:inline-flex}.game-duration-summary dt,.game-duration-summary dd{margin:0}.game-duration-summary dd{color:var(--songo-text);font-weight:950}.game-end-modal__eyebrow{color:var(--songo-wood-dark);letter-spacing:.05em;text-transform:uppercase;font-size:.76rem}.game-end-modal h2{color:var(--songo-forest-dark);margin:0;font-size:clamp(2.1rem,5vw,4rem);line-height:1.05}.game-end-modal__winner{color:var(--songo-text);font-size:clamp(1.02rem,1.6vw,1.3rem)}.game-result-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,18px);display:grid}.game-result-summary__player{background:#f6efe3c7;border:1px solid #0000;border-radius:22px;align-content:center;gap:6px;min-height:132px;padding:clamp(16px,2vw,22px);transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.game-result-summary__player--winner{background:radial-gradient(circle at 22% 10%,#d6a54842,#0000 42%),linear-gradient(#edfaf1eb,#fff8ecf5);border-color:#d6a548ad;transform:translateY(-2px);box-shadow:0 0 0 4px #176b451a,0 14px 28px #176b451f}.game-result-summary__player em{color:#fff8e7;background:linear-gradient(180deg, var(--songo-forest), var(--songo-forest-dark));letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-self:start;width:fit-content;padding:4px 12px;font-size:.7rem;font-style:normal;font-weight:950}.game-result-summary span{color:var(--songo-muted);font-size:clamp(1rem,1.3vw,1.18rem);font-weight:860}.game-result-summary__player--winner span{color:var(--songo-forest-dark);font-weight:1000}.game-result-summary strong{color:var(--songo-text);font-size:clamp(1.6rem,3vw,2.35rem);line-height:1}.game-result-summary__player--winner strong{color:#10281f}.game-result-summary__points{width:fit-content;color:var(--songo-forest-dark);background:#fffaf2db;border:1px solid #d6a54875;border-radius:999px;justify-self:start;padding:5px 11px;font-size:.78rem;font-weight:950;line-height:1;box-shadow:0 8px 18px #40270d14}.game-result-summary__duration{width:fit-content;color:var(--songo-muted);justify-self:start;font-size:.78rem;font-weight:850}.game-end-modal__account-prompt{color:var(--songo-text);background:radial-gradient(circle at 10% 10%,#d6a54833,#0000 42%),linear-gradient(#fffaf2eb,#edfaf1db);border:1px solid #d6a5486b;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:0 12px 24px #40270d14}.game-end-modal__account-prompt strong,.game-end-modal__account-prompt p{margin:0}.game-end-modal__account-prompt strong{color:var(--songo-forest-dark);font-size:.92rem;font-weight:950;display:block}.game-end-modal__account-prompt p{color:var(--songo-muted);margin-top:3px;font-size:.84rem;font-weight:760;line-height:1.35}.game-end-modal__account-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.game-end-modal__account-actions .ui-button{min-width:132px;min-height:38px;padding-inline:14px;font-size:.82rem}.game-end-modal__actions{border-top:1px solid #5a2d131a;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:2px;display:flex}.game-end-modal__actions p{color:var(--songo-muted);flex-basis:100%;margin:0;font-weight:820}.game-end-modal__actions .ui-button{min-width:180px}.game-end-modal__waiting,.game-end-panel__waiting{width:fit-content;max-width:100%;color:var(--songo-forest-dark);border-top:1px solid #5a2d131a;align-items:center;gap:10px;padding-top:12px;font-weight:900;display:inline-flex}.game-end-modal__waiting-spinner,.game-end-panel__waiting-spinner{border:3px solid #1f483147;border-top-color:var(--songo-forest);border-radius:50%;flex:none;width:1.35rem;height:1.35rem;animation:.76s linear infinite songoStatusSpin}@keyframes songoEndModalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes songoStatusSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.game-status-pill__spinner,.game-end-modal__waiting-spinner,.game-end-panel__waiting-spinner,.matchmaking-dialog__waiting-spinner{animation:none}}@media (width<=760px){.game-screen{gap:7px}.game-header{border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.game-header__actions{flex-direction:row;min-width:0}.game-header__title{text-align:left;justify-items:start}.game-header__actions .ui-badge{display:none}.game-menu{flex-wrap:nowrap;gap:5px}.game-menu__icon-button{width:36px;height:36px;min-height:36px}.player-panel{border-radius:18px;gap:10px;min-height:54px}.player-panel__avatar{width:40px;height:40px}.status-message{text-align:left;justify-self:start}.game-board-section{border-radius:18px;padding:2px}.game-result-summary{grid-template-columns:1fr}}.game-topbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.game-title-stack{gap:8px;display:grid}.game-title-stack h1,.game-title-stack p{margin:0}.game-title-stack h1{color:#1f2720;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.game-mode-detail{color:#66573d;font-weight:760}.game-status-banner{color:#0f5c42;background:#e8f4ed;border:1px solid #b8d3c2;border-radius:999px;width:fit-content;padding:6px 11px;font-size:.9rem;font-weight:760}.songo-board-shell{width:100%;padding:0 0 18px;position:relative}.songo-board{aspect-ratio:1440/940;filter:drop-shadow(0 30px 32px #3623102e);width:100%;display:block;overflow:visible}.songo-ground-shadow{fill:url(#songoTableShadow)}.songo-board-side{fill:url(#songoSideWood);stroke:#241004;stroke-linejoin:round;stroke-width:3.5px}.songo-board-side-highlight{fill:none;stroke:#d9a25e;stroke-linecap:round;stroke-width:4px;opacity:.58}.songo-leg path:first-child{fill:url(#songoSideWood);stroke:#321506;stroke-linejoin:round;stroke-width:3px}.songo-leg-highlight{fill:none;stroke:#dfaa63;stroke-linecap:round;stroke-width:4px;opacity:.48}.songo-board-top{fill:url(#songoTopWood);stroke:#f4cf88;stroke-linejoin:round;stroke-width:8px}.songo-board-grain{fill:url(#songoWoodGrain);opacity:.5;pointer-events:none}.songo-grain-line{fill:none;stroke:#5a2d10;stroke-linecap:round;stroke-width:1.8px;opacity:.2}.songo-grain-line.is-soft{opacity:.12}.songo-reserve-floor{fill:url(#songoTopWood);stroke:#5e3010;stroke-width:3px}.songo-reserve-rail,.songo-raised-rail-top,.songo-perimeter-rails rect{fill:url(#songoRailWood);stroke:#4a210b;stroke-linejoin:round;stroke-width:3px;filter:drop-shadow(0 5px 4px #160a0447);pointer-events:none}.songo-raised-rail-shadow{fill:#1b0b03;opacity:.42;pointer-events:none}.songo-grid-recess{fill:#271f17;opacity:.9}.songo-carved-motif rect{fill:#a9672c;stroke:#3f1c08;stroke-width:2px;opacity:.7}.songo-carved-motif path{fill:none;stroke:#2f1608;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;opacity:.9}.songo-pit{cursor:not-allowed;outline:none}.songo-pit.is-playable{cursor:pointer}.songo-pit.is-disabled{opacity:.82}.songo-compartment-floor{fill:url(#songoFloorShade);stroke:#16100a;stroke-width:2.5px}.songo-compartment-wall-shadow{fill:#160904;opacity:.4}.songo-compartment-curved-wall{fill:url(#songoRailWood);stroke:#3e1b07;stroke-linejoin:round;stroke-width:2.3px;filter:drop-shadow(0 -2px 2px #0b04013d)}.songo-compartment-back-lip{fill:none;stroke:#f0c87e;stroke-linecap:round;stroke-width:2.4px;opacity:.64}.songo-pit.is-playable:hover .songo-compartment-floor,.songo-pit.is-playable:focus .songo-compartment-floor{stroke:#fff0a8;stroke-width:4px}.songo-pit.is-playable:hover .songo-compartment-curved-wall,.songo-pit.is-playable:focus .songo-compartment-curved-wall{stroke:#fff0a8;stroke-width:3.6px}.songo-pit.is-selected .songo-compartment-floor{stroke:#fff0a8;stroke-width:4px}.songo-pit.is-selected .songo-compartment-curved-wall{stroke:#fff0a8;stroke-width:3.6px}.songo-seed-shadow{fill:#0804016b}.songo-seed-body{fill:url(#songoSeedGradient);stroke:#1f1208;stroke-width:1px}.songo-seed-highlight{fill:#ffe0a3;opacity:.58}.songo-seed-speckle{fill:#23150b;opacity:.5}.songo-pit-count{fill:#ffe9bd;paint-order:stroke;stroke:#2d1609;stroke-width:3px;font-size:18px;font-weight:850}.songo-score-bar{color:#394236;justify-content:space-between;align-items:center;gap:16px;font-weight:700;display:flex}.connection-state:before{content:"";background:#9d2d2d;border-radius:999px;width:8px;height:8px;margin-right:7px;display:inline-block}.connection-state.is-online:before{background:#178057}.connection-reconnect{color:#8a2727;background:0 0;min-height:auto;padding:0;font-weight:800}.connection-reconnect:hover,.connection-reconnect:focus{color:#5f1717;text-decoration:underline}@media (width<=760px){.game-topbar{flex-direction:column;align-items:stretch}.game-actions-bar{justify-content:stretch;width:100%}.game-actions-bar button,.game-actions-bar input{width:100%}.songo-board-shell{overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:18px;overflow-x:auto}.songo-board{min-width:650px}.songo-score-bar{flex-direction:column;align-items:flex-start;gap:8px}}.game-screen{gap:18px;display:grid}.game-actions-bar{flex-wrap:wrap;justify-content:center;gap:12px;max-width:none;display:flex}.game-actions-bar input{width:auto}@media (width<=760px){.game-header__actions,.game-actions-bar{flex-direction:column;align-items:stretch}}@media (width<=940px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.app-shell.app-shell--game{padding:4px 6px}.game-screen{grid-template-rows:42px 40px minmax(0,1fr) 40px;gap:4px;width:100%;height:100%;position:relative}.game-header{border-radius:16px;gap:8px;min-height:0;padding:4px 8px}.game-header__back,.game-menu__icon-button{width:32px;height:32px;min-height:32px}.game-header__title{gap:0}.game-header__title h1{font-size:.95rem}.game-header__title p{font-size:.68rem}.game-header__actions{flex-direction:row;gap:5px;min-width:0}.game-header__actions .ui-badge{min-height:30px;padding:0 10px;font-size:.72rem}.game-menu{flex-wrap:nowrap;gap:4px}.player-panel{border-radius:16px;gap:7px;min-height:40px;padding:3px 9px 3px 5px}.player-panel__avatar{border-width:2px;width:30px;height:30px;font-size:.78rem}.player-panel__name-row{gap:5px}.player-panel__timer-slot{width:3.25rem;min-width:3.25rem;min-height:1.25rem}.player-panel h2{font-size:.84rem}.player-panel p{display:none}.player-panel .ui-badge{min-height:20px;padding:0 8px;font-size:.64rem}.player-panel__score{font-size:1.1rem}.game-status-row{z-index:12;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;min-height:0;display:flex;position:absolute;top:90px;left:10px;right:10px}.game-status-row .game-status-pill,.game-status-row .status-message{pointer-events:auto}.game-status-pill{padding:4px 10px;font-size:.68rem;box-shadow:0 8px 16px #41230c2e}.player-panel .turn-timer{padding:2px 7px}.player-panel .turn-timer strong{font-size:.72rem}.status-message{text-align:right;text-overflow:ellipsis;white-space:nowrap;background:#fff8ecb8;border-radius:999px;max-width:min(48vw,420px);padding:4px 9px;font-size:.68rem;overflow:hidden;box-shadow:0 8px 18px #3a1f0d14}.game-board-section{border-radius:14px;grid-row:4;min-height:0;padding:0}.game-board-section .songo-board-asset{width:min(96%,300dvh - 402px);max-width:1180px}.game-board-section .songo-board-asset__image{width:100%;height:auto}.game-end-modal{padding:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.game-end-modal__card{border-radius:22px;gap:7px;width:min(92vw,620px);max-height:calc(100dvh - 12px);padding:12px 16px 10px}.game-end-modal__header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.game-end-modal__mark{width:38px;height:38px}.game-end-modal__winner{font-size:.86rem}.game-end-modal__eyebrow{font-size:.62rem}.game-end-modal h2{font-size:clamp(1.42rem,8dvh,2rem);line-height:1}.game-end-modal__winner,.game-end-modal__reason{font-size:.82rem}.game-duration-summary div{padding:5px 9px;font-size:.72rem}.game-result-summary{gap:8px}.game-result-summary__player{border-radius:16px;gap:2px;min-height:76px;padding:8px 10px}.game-result-summary__player--winner{transform:none;box-shadow:0 0 0 3px #176b4514,0 10px 20px #176b451a}.game-result-summary__player em{padding:2px 8px;font-size:.58rem}.game-result-summary__points{padding:3px 8px;font-size:.62rem}.game-result-summary__duration{font-size:.62rem}.game-result-summary span{font-size:.84rem}.game-result-summary__player--winner span{font-size:.94rem}.game-result-summary strong{font-size:1rem}.game-result-summary__player--winner strong{font-size:1.1rem}.game-end-modal__account-prompt{border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;padding:9px 10px}.game-end-modal__account-prompt strong{font-size:.78rem}.game-end-modal__account-prompt p{font-size:.72rem}.game-end-modal__account-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-end-modal__account-actions .ui-button{min-width:0;min-height:34px;padding-inline:8px;font-size:.7rem}.game-end-modal__actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px}.game-end-modal__actions .ui-button{white-space:nowrap;min-width:0;min-height:38px;padding:0 15px;font-size:.86rem}}@supports (height:100svh){@media (width<=940px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.game-end-modal__card{max-height:calc(100svh - 12px)}}}.game-screen{grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:clamp(10px,1.45dvh,18px);width:min(1720px,100%);height:100%;min-height:0;overflow:hidden}.game-screen--status-row{grid-template-rows:auto auto auto minmax(0,1fr) auto}.game-header{background:linear-gradient(135deg, #0a1f18fa, #0f3d2ef5), var(--songo-forest-dark);border:1px solid #fff8ec1a;border-radius:28px;min-height:clamp(74px,9dvh,102px);padding:clamp(12px,1.7dvh,18px) clamp(16px,1.8vw,28px);box-shadow:0 20px 46px #0f271d33}.game-header__back{background:#fff8ec1c;border-color:#fff8ec2e;width:clamp(52px,5.6dvh,68px);height:clamp(52px,5.6dvh,68px);min-height:clamp(52px,5.6dvh,68px);font-size:clamp(1.55rem,2.5dvh,2rem)}.game-header__title h1{color:#fffaf0;letter-spacing:0;font-size:clamp(1.7rem,3.1dvh,2.35rem)}.game-header__title p{color:#f3d99b;overflow-wrap:anywhere;max-width:min(100%,44rem);font-size:clamp(1rem,1.9dvh,1.25rem);font-weight:900}.game-header__actions .ui-badge{border:1px solid #f4cd8424;min-height:48px;padding-inline:18px;font-size:clamp(.92rem,1.45dvh,1.08rem)}.game-header__actions .ui-badge:after{content:"";background:#36d66d;border-radius:50%;width:10px;height:10px;margin-left:8px}.game-header__actions .ui-badge--danger:after{background:#f3a08e}.game-menu{flex-wrap:nowrap}.game-menu__icon-button{background:#fff8ec1a;border-color:#f4cd8438;width:clamp(52px,5.6dvh,68px);height:clamp(52px,5.6dvh,68px);min-height:clamp(52px,5.6dvh,68px)}.player-panel{background:linear-gradient(180deg, #fffdf7f0, #fff6e7eb), var(--songo-surface);border:1px solid #d6a54842;border-radius:999px;gap:clamp(12px,1.4vw,22px);min-height:clamp(70px,8dvh,96px);padding:clamp(8px,1dvh,12px) clamp(18px,2vw,28px) clamp(8px,1dvh,12px) clamp(8px,1vw,14px);box-shadow:0 18px 38px #40270d1a}.player-panel--turn{border-color:#176b45b8;box-shadow:inset 0 0 0 1px #176b456b,0 18px 38px #40270d1a}.player-panel__avatar{color:#fff7e6;border-color:#fff8ecd6;width:clamp(50px,5.5dvh,68px);height:clamp(50px,5.5dvh,68px);font-size:clamp(1.05rem,2dvh,1.5rem)}.player-panel--turn .player-panel__avatar{background:radial-gradient(circle at 36% 30%, #4ca269, var(--songo-forest))}.player-panel__name-row{gap:clamp(8px,1vw,14px)}.player-panel__timer-slot{justify-content:center;align-items:center;width:clamp(76px,7.5dvh,96px);min-width:clamp(76px,7.5dvh,96px);min-height:38px;display:inline-flex}.player-panel__timer-slot:empty{display:inline-flex}.player-panel h2{color:var(--songo-text);font-size:clamp(1.1rem,2.1dvh,1.45rem)}.player-panel__state{color:var(--songo-muted);align-items:center;gap:9px;font-size:clamp(.86rem,1.45dvh,1rem);display:inline-flex}.player-panel--turn .player-panel__state{color:var(--songo-forest);font-weight:900}.player-panel--turn .player-panel__state:before{background:var(--songo-forest);content:"";border-radius:50%;flex:none;width:10px;height:10px}.player-panel .turn-timer{min-height:38px;color:var(--songo-forest);background:#fffaf2e0;border-color:#176b4533;padding:0 16px}.player-panel .turn-timer strong{font-size:clamp(1rem,1.7dvh,1.2rem)}.player-panel__score{color:#321908;font-size:clamp(1.75rem,4.1dvh,2.55rem)}.game-status-row{grid-template-columns:minmax(13rem,auto) minmax(0,1fr);align-items:center;gap:12px;min-height:clamp(36px,4.4dvh,48px);display:grid}.game-status-row--message-only{grid-template-columns:minmax(0,1fr)}.game-status-row .game-status-pill{justify-self:start}.game-status-pill{white-space:nowrap;justify-content:center;min-width:clamp(13rem,18vw,18rem);padding:7px 14px;font-size:clamp(.78rem,1.35dvh,.95rem);display:inline-flex}.status-message{max-width:68ch;min-height:1.3em;color:var(--songo-muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;opacity:1;justify-self:end;transition:opacity .16s;overflow:hidden}.status-message[data-visible=false]{opacity:0}.game-board-section{background:linear-gradient(180deg, #fffaf2bd, #f6efe3eb), var(--songo-bg);border:1px solid #5a2d1314;border-radius:28px;justify-content:center;align-items:center;min-height:0;padding:clamp(10px,1.35dvh,22px);display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff94}.game-board-section .songo-board-asset{width:min(100%,1580px);max-width:100%}.game-board-section .songo-board-asset__image{filter:drop-shadow(0 34px 42px #2b1e0f38);border-radius:clamp(12px,1vw,18px);width:100%;height:auto}.waiting-room-panel{background:linear-gradient(180deg, #fffdf7f5, #f9f1e4f0), var(--songo-surface);border:1px solid #d5b47b61;border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.9rem,1.6vw,1.25rem);padding:clamp(.9rem,1.45vw,1.15rem);display:grid;box-shadow:0 18px 40px #432a161f}.waiting-room-panel__qr{aspect-ratio:1;background:#fffdf6;border:1px solid #1d453029;border-radius:18px;place-items:center;width:clamp(8rem,9vw,9.5rem);display:grid;box-shadow:inset 0 0 0 8px #f4cd841a}.waiting-room-panel__content{min-width:0}.waiting-room-panel__eyebrow,.matchmaking-dialog__eyebrow{color:#6f563b;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .3rem;font-size:.78rem;font-weight:900}.waiting-room-panel h2,.matchmaking-dialog h2{color:#0f3d2b;margin:0;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.05}.waiting-room-panel__code-badge{background:linear-gradient(#fff9e8fa,#f6deb3f2),#fff8e8;border:1px solid #c68a4a73;border-radius:8px;justify-items:center;gap:.3rem;width:fit-content;min-width:10rem;margin-top:.85rem;padding:.85rem 1rem .95rem;display:inline-grid;box-shadow:inset 0 1px #ffffffbd,0 14px 26px #40270d24}.waiting-room-panel__code-badge span{color:#725331;font-family:var(--songo-font-mono);text-transform:uppercase;font-size:.72rem;font-weight:900;line-height:1}.waiting-room-panel__code-badge strong{color:#0f3d2b;font-family:var(--songo-font-mono);font-size:clamp(2.4rem,7vw,3.8rem);font-weight:900;line-height:.95}.waiting-room-panel__hint{color:#6f563b;max-width:31rem;margin:.7rem 0 0;font-size:.94rem;font-weight:750;line-height:1.35}.waiting-room-panel p{overflow-wrap:anywhere}.waiting-room-panel__actions,.matchmaking-dialog__actions{flex-wrap:wrap;gap:.7rem;margin-top:.85rem;display:flex}.matchmaking-dialog{z-index:40;width:100%;height:100dvh;min-height:100dvh;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f18107a;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.matchmaking-dialog__card{width:min(100%,34rem);max-height:calc(100dvh - max(1.5rem, env(safe-area-inset-top)) - max(1.5rem, env(safe-area-inset-bottom)));background:linear-gradient(#fffdf8 0%,#f8f1e3 100%);border:1px solid #d5b47ba6;border-radius:24px;padding:clamp(1.2rem,3vw,2rem);display:grid;overflow-y:auto;box-shadow:0 28px 70px #23140c52}.matchmaking-dialog__copy,.matchmaking-dialog__waiting{color:#70675d;font-weight:800}.matchmaking-dialog__waiting{border-top:1px solid #d5b47b59;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-top:.85rem;padding-top:.85rem;display:inline-flex}.matchmaking-dialog__waiting-spinner{border:3px solid #1f483147;border-top-color:#234d36;border-radius:50%;flex:none;width:1.35rem;height:1.35rem;animation:.76s linear infinite songoStatusSpin}.matchmaking-dialog__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0;display:grid}.matchmaking-dialog__stats div{background:#ffffffad;border:1px solid #1d45301f;border-radius:14px;padding:.8rem}.matchmaking-dialog__stats dt{color:#756a5f;font-size:.78rem;font-weight:900}.matchmaking-dialog__stats dd{color:#14261d;margin:.2rem 0 0;font-size:1.45rem;font-weight:950}.matchmaking-dialog__stats-note{color:#70675d;background:#ffffff94;border:1px solid #d5b47b6b;border-radius:14px;margin:1rem 0;padding:.85rem;font-size:.92rem;font-weight:850;line-height:1.35}.matchmaking-dialog__actions{z-index:1;background:linear-gradient(#f8f1e3c7 0%,#f8f1e3 42%);border-top:1px solid #d5b47b59;padding-top:.85rem;position:sticky;bottom:0}.matchmaking-dialog__actions .ui-button{min-height:3rem}.resign-confirmation{z-index:45;width:100%;min-height:100dvh;padding:max(.9rem, env(safe-area-inset-top)) max(.9rem, env(safe-area-inset-right)) max(.9rem, env(safe-area-inset-bottom)) max(.9rem, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0}.resign-confirmation__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f181085;border:0;position:absolute;inset:0}.resign-confirmation__card{z-index:1;background:linear-gradient(#fffdf8 0%,#f8f1e3 100%);border:1px solid #d5b47bad;border-radius:22px;gap:.8rem;width:min(100%,28rem);padding:clamp(1.1rem,3vw,1.75rem);display:grid;position:relative;box-shadow:0 28px 70px #23140c57}.resign-confirmation__eyebrow,.resign-confirmation h2,.resign-confirmation__copy{margin:0}.resign-confirmation__eyebrow{color:#9b3d2f;letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:950}.resign-confirmation h2{color:#201711;font-size:clamp(1.35rem,3.6vw,1.8rem);font-weight:950;line-height:1.05}.resign-confirmation__copy{color:#70675d;font-weight:800;line-height:1.45}.resign-confirmation__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.4rem;display:grid}.resign-confirmation__actions .ui-button{min-width:0;min-height:3rem}.online-opponent-notice{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:35;color:#1f2720;background:linear-gradient(#fffdf8 0%,#f8f1e3 100%);border:1px solid #1d45302e;border-radius:14px;align-items:center;gap:.85rem;width:min(28rem,100vw - 2rem);padding:.85rem;display:flex;position:fixed;box-shadow:0 18px 50px #23140c38}.online-opponent-notice__body{flex:auto;gap:.2rem;min-width:0;display:grid}.online-opponent-notice__title,.online-opponent-notice__copy{margin:0}.online-opponent-notice__title{color:#0f5c42;font-size:.84rem;font-weight:950}.online-opponent-notice__copy{color:#70675d;font-size:.9rem;font-weight:800;line-height:1.25}.online-opponent-notice .ui-button{flex:none;min-width:5.4rem;min-height:2.65rem;padding-inline:1rem}@supports not (height:100dvh){.matchmaking-dialog{height:100vh;min-height:100vh}.matchmaking-dialog__card{max-height:calc(100vh - 1.5rem)}}@media (width<=640px),(height<=620px){.matchmaking-dialog{align-items:start}.matchmaking-dialog__card{border-radius:20px;width:100%;padding:1rem}.matchmaking-dialog h2{font-size:1.25rem}.matchmaking-dialog__copy,.matchmaking-dialog__waiting{margin:.3rem 0 0;font-size:.95rem;line-height:1.22}.matchmaking-dialog__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.75rem 0 .55rem}.matchmaking-dialog__stats div{text-align:center;min-width:0;padding:.65rem .35rem}.matchmaking-dialog__stats dt{font-size:.7rem}.matchmaking-dialog__stats dd{font-size:1.25rem}.matchmaking-dialog__actions{flex-wrap:nowrap;margin-top:.45rem}.matchmaking-dialog__actions .ui-button{flex:1 1 0;min-width:0}.resign-confirmation{align-items:end}.resign-confirmation__card{border-radius:20px;width:100%}.resign-confirmation__actions{grid-template-columns:1fr}.online-opponent-notice{right:max(.75rem, env(safe-area-inset-right));bottom:max(.75rem, env(safe-area-inset-bottom));left:max(.75rem, env(safe-area-inset-left));flex-wrap:wrap;align-items:stretch;width:auto}.online-opponent-notice__body{flex-basis:100%}.online-opponent-notice .ui-button{flex:1 1 0;min-width:0}}@media (width<=380px){.matchmaking-dialog__stats{gap:.35rem}.matchmaking-dialog__stats div{padding-inline:.2rem}}@media (width<=900px){.game-screen{gap:8px}.game-header{border-radius:20px;gap:10px;min-height:64px;padding:8px 10px}.game-header__title{text-align:left;justify-items:start}.game-header__title h1{font-size:1.2rem}.game-header__title p{font-size:.82rem}.game-header__actions .ui-badge{display:none}.game-header__back,.game-menu__icon-button{width:42px;height:42px;min-height:42px}.player-panel{border-radius:22px;min-height:58px}.player-panel__avatar{width:42px;height:42px}.player-panel h2{font-size:.98rem}.player-panel__state{font-size:.76rem}.waiting-room-panel{grid-template-columns:1fr}.waiting-room-panel__qr{width:min(100%,9rem)}.waiting-room-panel__code-badge{width:100%;min-width:0}.waiting-room-panel__code-badge strong{font-size:clamp(2.35rem,16vw,3.15rem)}}@media (width<=940px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.game-screen{grid-template-rows:42px 40px 0 minmax(0,1fr) 40px;gap:4px}.game-screen--status-row{grid-template-rows:42px 40px 0 minmax(0,1fr) 40px}.game-header{border-radius:16px;min-height:42px;padding:4px 8px}.game-header__title h1{font-size:.95rem}.game-header__title p{font-size:.68rem}.game-header__back,.game-menu__icon-button{width:32px;height:32px;min-height:32px}.player-panel{border-radius:16px;gap:7px;min-height:40px;padding:3px 9px 3px 5px}.player-panel__avatar{width:30px;height:30px}.player-panel__state{display:none}.game-status-row{z-index:12;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:90px;left:10px;right:10px}.game-status-pill{min-width:10.5rem}.game-status-row .game-status-pill,.game-status-row .status-message{pointer-events:auto}.game-board-section{border-radius:14px;grid-row:4;padding:0}.game-board-section .songo-board-asset{width:min(96%,300dvh - 402px);max-width:1180px}}.player-panel h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=940px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.player-panel{grid-template-columns:auto minmax(10.5rem,1fr) auto}.player-panel__body,.player-panel__name-row{min-width:0}.player-panel__name-row{flex-wrap:nowrap}.player-panel h2{max-width:100%}.game-board-section .songo-board-asset{width:min(94%,270dvh - 383.4px)}}.game-players-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vw,16px);min-width:0;display:grid}.game-players-row .player-panel,.game-players-row .player-panel__body,.game-players-row .player-panel__name-row{min-width:0}.game-players-row .player-panel__name-row{flex-wrap:nowrap}.game-players-row .player-panel h2{max-width:100%}.game-status-row{grid-template-columns:minmax(9rem,auto) minmax(6.5rem,auto) minmax(0,1fr)}.game-status-row .turn-timer{border-radius:999px;justify-self:center;width:auto;min-width:6.5rem;max-width:11rem;padding:6px 12px}.game-status-row .turn-timer span,.game-status-row .turn-timer em{display:none}@media (width<=900px){.game-players-row{gap:8px}.game-players-row .player-panel{border-radius:18px;gap:8px;min-height:54px;padding:6px 8px}.game-players-row .player-panel__avatar{border-width:2px;width:34px;height:34px;font-size:.86rem}.game-players-row .player-panel h2{font-size:.92rem}.game-players-row .player-panel__state{display:none}.game-players-row .player-panel__score{font-size:1.35rem}}@media (width<=560px),(width<=940px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.game-players-row .player-panel{grid-template-columns:minmax(0,1fr) auto}.game-players-row .player-panel__avatar,.game-players-row .player-panel .ui-badge{display:none}}@media (width<=940px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.game-screen{grid-template-rows:42px 40px minmax(0,1fr)}.game-players-row .player-panel{border-radius:16px;gap:6px;min-height:40px;padding:3px 8px}.game-players-row .player-panel h2{font-size:.84rem}.game-players-row .player-panel__score{font-size:1.08rem}.game-status-row{grid-template-columns:minmax(8.5rem,auto) minmax(5.5rem,auto) minmax(0,1fr);top:90px}.game-status-row .turn-timer{min-width:5.5rem;padding:4px 9px}.game-status-row .turn-timer strong{font-size:.74rem}.game-board-section{grid-row:auto}.game-board-section .songo-board-asset{width:min(95%,290dvh - 342.2px)}}.app-shell--game{background:radial-gradient(circle at 18% 0,#c68a4a42,#0000 25rem),linear-gradient(#4a2e12 0%,#2c1c0d 48%,#3a2817 100%)}.game-header{background:radial-gradient(circle at 82% 14%,#c68a4a2e,#0000 14rem),linear-gradient(135deg,#4a2e12 0%,#2c1c0d 66%,#203724 100%);border-color:#f4cd8433;box-shadow:0 18px 42px #0f090442}.game-header__title h1{color:#fffaf0}.game-header__title p{color:#f3d99b}.game-header__back,.game-menu__icon-button{color:#fffaf0;background:#fffaf21a;border-color:#f4cd8447}.game-players-row .player-panel{background:linear-gradient(180deg, #fffdf8f5, #fbf4e7f0), var(--songo-surface);border-color:#e6d6bab3}.game-status-pill{color:#fffaf0;background:#4a2e12eb}.game-status-pill[data-tone=thinking],.game-status-pill[data-tone=busy]{background:#203724f0}.game-status-row .turn-timer{color:#2c1c0d;background:#fffaf2;border-color:#f4cd8461;box-shadow:0 10px 20px #0f090429}.status-message{color:#fffaf2c7}.game-board-section{background:linear-gradient(135deg, #4a2e12e0, #2c1c0df0), var(--songo-cocoa);border-color:#f4cd842e;box-shadow:inset 0 1px #fffaf21a,0 22px 50px #0f090447}.waiting-room-panel{background:radial-gradient(circle at 94% 12%,#c68a4a29,#0000 10rem),linear-gradient(#fffdf8f5,#fbf4e7f5);border-color:#e6d6bab3}.waiting-room-panel__qr{border-color:#c68a4a47;border-radius:16px}.waiting-room-panel__eyebrow,.matchmaking-dialog__eyebrow{color:var(--songo-wood-dark)}.waiting-room-panel h2,.matchmaking-dialog h2{color:var(--songo-cocoa)}.game-end-modal__card{background:radial-gradient(circle at 18% 0,#c68a4a29,#0000 16rem),linear-gradient(#fffdf8f5,#fbf4e7fa);border-color:#e6d6bab8}@media (width<=900px){.game-status-row{border-radius:14px;padding-inline:6px}.status-message{max-width:42vw}}@media (width<=940px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.game-status-row{background:0 0;border:0;padding:0}.status-message{color:var(--songo-muted);background:#fff8ecd6}}.app-shell--game{background:radial-gradient(120% 90% at 50% -10%,#f1e6d0 0%,#e7dac1 45%,#deceaf 100%);padding:clamp(8px,1.5dvh,14px)}.game-screen{gap:clamp(8px,1.25dvh,14px);width:min(1120px,100%)}.game-header{min-height:auto;color:var(--songo-text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8d1;border:1px solid #e6d6ba;border-radius:18px;padding:clamp(9px,1.15dvh,13px) clamp(10px,1.5vw,16px);box-shadow:0 8px 26px #2a1f171a}.game-header__title{gap:2px}.game-header__back,.game-menu__icon-button{width:clamp(38px,4.8dvh,46px);height:clamp(38px,4.8dvh,46px);min-height:clamp(38px,4.8dvh,46px);color:var(--songo-wood-dark);background:#fffdf8;border:1px solid #e7ddcc;box-shadow:0 6px 16px #2a1f1714}.game-header__back:hover,.game-header__back:focus-visible,.game-menu__icon-button:hover,.game-menu__icon-button:focus-visible{background:#fffaf2;border-color:#c68a4a85;transform:translateY(-1px)}.game-menu__icon-button--danger{color:var(--songo-error);background:#a8492e14;border-color:#a8492e3d}.game-header__actions{gap:8px}.game-header__actions .ui-badge{min-height:34px;color:var(--songo-wood-dark);background:#f3ecdf;border:1px solid #e6d6bad1;padding-inline:12px;font-size:.76rem}.game-header__actions .ui-badge--forest{color:#566e38;background:#6e8b4f1f;border-color:#6e8b4f33}.game-header__actions .ui-badge--danger{color:var(--songo-error);background:#a8492e1a;border-color:#a8492e38}.game-header__actions .ui-badge:after{opacity:.75;background:currentColor;width:8px;height:8px}.game-players-row{gap:clamp(8px,1vw,12px)}.game-players-row .player-panel{background:#fff;border:1.5px solid #ece2d2;border-radius:18px;min-height:clamp(58px,7.1dvh,72px);padding:clamp(8px,1dvh,10px) clamp(12px,1.4vw,16px);box-shadow:0 4px 14px #2a1f170d}.game-players-row .player-panel--turn{border-color:var(--songo-copper);box-shadow:0 0 0 4px #b25a381f,0 8px 22px #b25a3824}.game-players-row .player-panel__avatar{width:clamp(38px,4.8dvh,46px);height:clamp(38px,4.8dvh,46px);font-family:var(--songo-font-display);background:linear-gradient(140deg,#8a5a2b,#4a2e12);border:0;border-radius:12px;font-size:.95rem}.game-players-row .player-panel--turn .player-panel__avatar{background:linear-gradient(140deg,#c67a54,#b25a38)}.game-players-row .player-panel__state{color:var(--songo-muted);font-size:clamp(.76rem,1.25dvh,.86rem);font-weight:700}.game-players-row .player-panel--turn .player-panel__state{color:#8f4426}.game-players-row .player-panel--turn .player-panel__state:before{background:var(--songo-copper)}.game-players-row .player-panel__score{color:var(--songo-cocoa);font-family:var(--songo-font-mono);font-size:clamp(1.35rem,2.5dvh,1.8rem)}.game-status-row{background:0 0;border:0;border-radius:999px;min-height:40px;padding:0}.game-status-pill{min-height:38px;color:var(--songo-wood-dark);box-shadow:none;background:#4a2e121a;padding:8px 18px}.game-status-pill[data-tone=thinking],.game-status-pill[data-tone=busy]{color:#566e38;background:#6e8b4f1f}.game-status-pill[data-tone=capture]{color:#8f4426;background:#b25a3824}.game-status-row .turn-timer{color:var(--songo-wood-dark);background:#fffdf8;border:1px solid #e7ddcc;box-shadow:0 6px 16px #2a1f1712}.game-status-row .turn-timer strong{color:var(--songo-cocoa);font-family:var(--songo-font-mono)}.status-message{color:var(--songo-muted);font-weight:700}.game-board-section{background:radial-gradient(130% 120% at 50% 0,#4a3216 0%,#3a2812 55%,#2c1c0d 100%);border:0;border-radius:26px;padding:clamp(8px,1.8dvh,18px);box-shadow:inset 0 2px 10px #ffffff0d,0 18px 44px #2c1c0d47}.waiting-room-panel,.game-end-modal__card,.matchmaking-dialog{background:radial-gradient(circle at 94% 12%,#c68a4a21,#0000 10rem),linear-gradient(#fffdf8,#fbf4e7);border-color:#e6d6ba}.waiting-room-panel__eyebrow,.matchmaking-dialog__eyebrow,.game-end-modal__eyebrow{color:#a5763f;font-family:var(--songo-font-mono)}@media (width<=900px){.app-shell--game{padding:0}.game-screen{gap:7px;width:100%}.game-header{border-radius:0 0 18px 18px}.game-status-row{grid-template-columns:minmax(7.5rem,auto) minmax(5.5rem,auto) minmax(0,1fr);padding-inline:8px}.game-status-pill{min-height:34px;padding:6px 11px}.status-message{max-width:42vw}.game-board-section{border-radius:18px;padding:6px}}@media (width<=940px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.app-shell.app-shell--game{padding:4px 6px}.game-screen{grid-template-rows:42px 40px minmax(0,1fr);gap:4px}.game-header{border-radius:14px;padding:4px 8px}.game-header__back,.game-menu__icon-button{width:32px;height:32px;min-height:32px}.game-header__actions .ui-badge{min-height:28px;padding-inline:9px;font-size:.68rem}.game-status-row{padding-inline:0;top:90px}.status-message{color:var(--songo-muted);background:#fffdf8d6}.game-board-section{border-radius:14px;padding:0}.game-board-section .songo-board-asset{width:min(96%,300dvh - 402px)}}.game-screen{background:#fbf6ee;border:1px solid #ece2d2;border-radius:28px;grid-template-rows:auto auto auto auto auto auto;gap:13px;width:min(1080px,100%);height:auto;min-height:auto;padding:30px 36px 38px;overflow:visible;box-shadow:0 24px 60px #2a1f1714}.game-screen--empty{grid-template-rows:auto minmax(0,1fr)}.game-header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.game-header__title{text-align:left;justify-items:start}.game-header__title h1{color:#2a1f17;font-family:var(--songo-font-body);font-size:.875rem;font-weight:800}.game-header__title p{color:#6e8b4f;font-size:.72rem;font-weight:700}.game-header__back,.game-menu__icon-button{color:#4a2e12;background:#fff;border-radius:11px;width:38px;height:38px;min-height:38px}.game-header__back{font-size:1.25rem}.game-header__actions .ui-badge{display:none}.game-menu{gap:8px}.game-menu__icon-button{padding:0}.game-menu__icon-button--danger{color:#a8492e;background:#a8492e14}.game-players-row{display:block}.game-players-row .player-panel{background:#fff;border:1.5px solid #ece2d2;border-radius:18px;gap:12px;width:100%;min-height:70px;padding:14px 18px;box-shadow:0 4px 14px #2a1f170a}.game-players-row--opponent .player-panel--turn{border-color:#4a2e12;box-shadow:0 0 0 4px #4a2e121a,0 8px 22px #4a2e1224}.game-players-row--viewer .player-panel--turn{border-color:#b25a38;box-shadow:0 0 0 4px #b25a381f,0 8px 22px #b25a3829}.game-players-row .player-panel__avatar{border-radius:12px;flex:none;width:40px;height:40px;font-size:.94rem}.game-players-row--opponent .player-panel__avatar,.game-players-row--opponent .player-panel--turn .player-panel__avatar{background:linear-gradient(140deg,#8a5a2b,#4a2e12)}.game-players-row--viewer .player-panel__avatar,.game-players-row--viewer .player-panel--turn .player-panel__avatar{background:linear-gradient(140deg,#c67a54,#b25a38)}.game-players-row .player-panel h2{color:#2a1f17;font-family:var(--songo-font-body);font-size:.94rem;font-weight:800}.game-players-row .player-panel__state{color:#8a7d68;font-size:.75rem}.game-players-row--opponent .player-panel--turn .player-panel__state{color:#4a2e12}.game-players-row--opponent .player-panel--turn .player-panel__state:before{background:#4a2e12}.game-players-row--viewer .player-panel--turn .player-panel__state{color:#8f4426}.game-players-row--viewer .player-panel--turn .player-panel__state:before{background:#b25a38}.game-players-row .player-panel__score{color:#4a2e12;font-size:1.625rem}.game-players-row--viewer .player-panel__score{color:#b25a38}.game-status-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.game-status-pill{color:#4a2e12;background:#4a2e121a;border-radius:999px;min-height:38px;padding:8px 20px;font-size:.875rem}.game-status-row .turn-timer{color:#8a7d68;min-width:auto;max-width:none;box-shadow:none;font-family:var(--songo-font-mono);background:#f3ecdf;border:0;border-radius:8px;padding:4px 9px}.game-status-row .turn-timer strong{font-size:.875rem}.status-message{color:#8a5a2b;text-align:center;flex-basis:100%;justify-self:center;font-size:.875rem}.game-board-section{background:radial-gradient(130% 120% at 50% 0,#4a3216 0%,#3a2812 55%,#2c1c0d 100%);border-radius:26px;min-height:0;padding:22px;box-shadow:inset 0 2px 10px #ffffff0d,0 18px 44px #2c1c0d47}.game-board-section .songo-board-asset{width:min(100%,980px)}.waiting-room-panel{margin-top:0}@media (width<=900px) and (orientation:portrait){.app-shell--game{height:100dvh;padding:0;overflow:hidden}}@media (width<=900px){.app-shell--game{padding:0}.game-screen{border:0;border-radius:0;width:100%;min-height:100dvh;padding:8px 10px 12px}.game-header{padding:0}.game-menu{gap:5px}.game-menu__icon-button,.game-header__back{width:34px;height:34px;min-height:34px}.game-players-row .player-panel{min-height:54px;padding:8px 10px}.game-status-row{padding:0}.status-message{max-width:none}.game-board-section{padding:8px 6px}}@media (width<=940px) and (orientation:landscape),(height<=520px) and (orientation:landscape){.app-shell.app-shell--game{height:100dvh;min-height:100dvh;padding:4px 6px;overflow:hidden}.game-screen{grid-template-rows:34px minmax(0,1fr) 30px;gap:5px;height:100%;min-height:0;padding:5px;overflow:hidden}.game-header{grid-row:1}.game-players-row--opponent,.game-players-row--viewer{display:none}.game-status-row{grid-row:3;justify-content:center;position:static}.game-status-pill{min-height:28px;padding:6px 12px;font-size:.72rem}.status-message,.game-status-row .turn-timer{display:none}.game-board-section{border-radius:16px;grid-row:2;padding:0}.game-board-section .songo-board-asset{width:min(96%,300dvh - 156px)}}.app-shell--game{align-items:center;height:100dvh;min-height:100dvh;padding:clamp(14px,3dvh,22px) 16px;overflow:auto}.game-screen{background:#fbf6ee;border:1px solid #ece2d2;border-radius:28px;grid-template-rows:auto auto auto auto auto auto;gap:clamp(7px,1.15dvh,11px);width:min(1080px,100%);min-height:0;padding:clamp(22px,3dvh,30px) clamp(24px,3vw,36px);box-shadow:0 24px 60px #2a1f1714}.game-header{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:38px}.game-header__title h1{font-size:clamp(.92rem,1.45dvh,1rem)}.game-header__title p{font-size:clamp(.72rem,1.15dvh,.8rem)}.game-menu{flex-wrap:nowrap;gap:8px}.game-menu__icon-button{white-space:nowrap;border-radius:11px;width:auto;min-width:0;height:38px;min-height:38px;padding:0 14px;font-size:.84rem;font-weight:800}.game-menu__label--short{display:none}.game-players-row .player-panel{grid-template-columns:auto minmax(0,1fr) auto;min-height:clamp(58px,7.8dvh,70px);padding:clamp(9px,1.25dvh,14px) clamp(12px,1.45vw,18px)}.game-players-row .player-panel__avatar{width:clamp(36px,5dvh,40px);height:clamp(36px,5dvh,40px)}.game-players-row .player-panel__name-row{gap:10px}.game-players-row .player-panel__timer-slot{order:2;width:auto;min-width:0;min-height:0}.game-players-row .player-panel .turn-timer{color:#8a7d68;min-height:28px;box-shadow:none;font-family:var(--songo-font-mono);background:#f3ecdf;border:0;border-radius:8px;padding:4px 9px}.game-players-row .player-panel .turn-timer strong{color:#4a2e12;font-size:.86rem}.game-players-row .player-panel__score{font-family:var(--songo-font-mono);align-items:baseline;gap:3px;line-height:1;display:inline-flex}.game-players-row .player-panel__score small{color:#8a7d68;font-size:.52em;font-weight:800}.game-status-row{justify-content:center;min-height:34px;display:flex}.game-status-pill{min-width:0;min-height:34px;padding:7px 18px}.game-board-section{aspect-ratio:3.05;border-radius:26px;width:100%;max-width:1006px;height:auto;margin-inline:auto;padding:0;position:relative;overflow:hidden}.game-board-section .songo-board-asset{width:100%;max-width:none;margin:0;position:absolute;top:-53.57%;left:50%;transform:translate(-50%)}.game-board-section .songo-board-asset[data-board-theme=light]{top:-36.13%}.game-board-section .songo-board-asset__image{filter:none;border-radius:0}.game-feedback-message{color:#8a5a2b;text-align:center;white-space:normal;background:#f3ecdf;border-radius:12px;justify-self:center;width:fit-content;max-width:min(100%,42rem);padding:8px 18px;font-size:.875rem;font-weight:800;line-height:1.2}@media (width<=900px){.app-shell--game{padding:0}.game-screen{border:0;border-radius:0;width:100%;min-height:100dvh;padding:8px 10px 12px}.game-header{min-height:36px}.game-menu{gap:5px}.game-header__back,.game-menu__icon-button{height:34px;min-height:34px}.game-header__back{width:34px;min-width:34px}.game-menu__icon-button{padding-inline:10px;font-size:.78rem}.game-players-row .player-panel{min-height:54px;padding:8px 10px}.game-board-section{border-radius:18px}}@media (width<=940px) and (orientation:landscape),(height<=600px) and (orientation:landscape){.app-shell.app-shell--game{height:100dvh;min-height:100dvh;padding:4px 6px;overflow:hidden}.game-screen{grid-template-rows:38px minmax(0,1fr) 30px;grid-template-columns:96px minmax(0,1fr) 96px;gap:6px 8px;height:100%;min-height:0;padding:10px;overflow:hidden}.game-header{grid-area:1/1/auto/-1;min-height:0}.game-header__title h1{font-size:.9rem}.game-header__title p{font-size:.68rem}.game-header__back{width:34px;height:34px;min-height:34px}.game-header__actions{min-width:0}.game-menu__icon-button{height:35px;min-height:35px;padding-inline:12px;font-size:.78rem}.game-menu__icon-button--settings,.game-menu__label--full{display:none}.game-menu__label--short{display:inline}.game-players-row--opponent,.game-players-row--viewer{min-width:0;display:block}.game-players-row--opponent{grid-area:2/1}.game-players-row--viewer{grid-area:2/3}.game-players-row .player-panel{text-align:center;border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;align-content:start;justify-items:center;gap:6px;height:100%;min-height:0;padding:11px 8px;display:grid}.game-players-row .player-panel__avatar{border-radius:16px;width:48px;height:48px;font-size:1rem;display:grid}.game-players-row .player-panel__body{align-content:start;justify-items:center;gap:8px;min-width:0;display:grid}.game-players-row .player-panel__name-row{justify-items:center;gap:7px;display:grid}.game-players-row .player-panel h2{white-space:normal;max-width:100%;font-size:.9rem}.game-players-row .player-panel__state{display:none}.game-players-row .player-panel__timer-slot{order:initial}.game-players-row .player-panel__score{align-self:end;font-size:1.3rem}.game-status-row{grid-area:3/2;min-height:0;padding:0;position:static}.game-status-pill{min-height:28px;padding:5px 12px;font-size:.72rem}.game-feedback-message{display:none}.game-board-section{aspect-ratio:3.05;border-radius:20px;grid-area:2/2;align-self:center;width:100%;max-width:none;height:auto}}.game-screen.game-screen--waiting{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:start}.game-screen--waiting .game-header{grid-area:1/1}.game-screen--waiting .waiting-room-panel,.game-screen--waiting .public-waiting-panel{grid-area:2/1;align-self:start;width:100%;max-width:none;margin:0}@media (width<=940px) and (orientation:landscape),(height<=600px) and (orientation:landscape){.game-screen.game-screen--waiting{grid-template-rows:38px minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow-y:auto}}.game-screen{grid-template-rows:auto auto auto auto auto}.game-screen.game-screen--empty{grid-template-rows:auto minmax(0,1fr)}.game-players-row .player-panel{isolation:isolate;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;position:relative;overflow:hidden}.game-players-row .player-panel>*{z-index:1;position:relative}.game-players-row .player-panel--turn{transform:translateY(-1px)}.game-players-row .player-panel--turn:before{z-index:0;border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.game-players-row--opponent .player-panel--turn{background:linear-gradient(90deg,#4a2e121f,#0000 42%),#fff;border-color:#4a2e12;box-shadow:0 0 0 4px #4a2e1224,0 12px 30px #4a2e1229}.game-players-row--opponent .player-panel--turn:before{background:linear-gradient(90deg,#4a2e1229,#0000 62%)}.game-players-row--viewer .player-panel--turn{background:linear-gradient(90deg,#b25a3824,#0000 42%),#fff;border-color:#b25a38;box-shadow:0 0 0 4px #b25a382e,0 12px 30px #b25a382e}.game-players-row--viewer .player-panel--turn:before{background:linear-gradient(90deg,#b25a382e,#0000 62%)}.game-players-row .player-panel--turn .player-panel__avatar{box-shadow:0 0 0 4px #ffffffeb,0 0 0 7px #b25a382e}.turn-timer--awaiting-move{color:#8f4426;background:#fff7ed;border:1px solid #b25a3857;gap:7px;box-shadow:0 8px 18px #b25a3824}.game-players-row--opponent .turn-timer--awaiting-move{color:#4a2e12;background:#f8efe2;border-color:#4a2e1247}.game-players-row .player-panel .turn-timer--awaiting-move strong{color:currentColor}.turn-timer__spinner{filter:drop-shadow(0 2px 3px #2a1f1724);border:3px solid;border-right-color:#0000;border-radius:50%;flex:none;width:17px;height:17px;animation:.68s linear infinite songoStatusSpin;display:block}.game-players-row .player-panel .turn-timer .turn-timer__spinner{display:block}.game-players-row .player-panel .turn-timer .turn-timer__label{display:none}@media (width<=940px) and (orientation:landscape),(height<=600px) and (orientation:landscape){.game-screen{grid-template-rows:38px minmax(0,1fr)}.game-status-row{display:none}.game-board-section{grid-row:2}}:root{--songo-bg:#e7dac1;--songo-bg-deep:#deceaf;--songo-surface:#fbf6ee;--songo-surface-soft:#fffdf8;--songo-forest:#4f6f3e;--songo-forest-dark:#203724;--songo-wood:#c68a4a;--songo-wood-dark:#4a2e12;--songo-cocoa:#2c1c0d;--songo-copper:#b25a38;--songo-text:#3a2817;--songo-muted:#7d705f;--songo-gold:#c68a4a;--songo-error:#a8492e;--songo-border:#e6d6ba;--songo-radius-sm:10px;--songo-radius-md:16px;--songo-radius-lg:22px;--songo-shadow-soft:0 8px 26px #2a1f171a;--songo-shadow-card:0 14px 34px #4a2d0f1a;--songo-shadow-deep:0 22px 50px #4a2d0f47;--songo-space-page:clamp(16px, 2.5vw, 28px);--songo-font-display:"Bricolage Grotesque", "Hanken Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;--songo-font-body:"Hanken Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;--songo-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;color:var(--songo-text);background:var(--songo-bg);font-family:var(--songo-font-body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d6a54894}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding:var(--songo-space-page);background:radial-gradient(circle at 12% 0%, #c58a4529, transparent 30%), linear-gradient(180deg, #fbf5eb 0%, var(--songo-bg) 48%, #ead7b9 100%)}.app-shell--game{height:100dvh;min-height:100dvh;padding:clamp(4px,.9dvh,10px);overflow:hidden}.app-update-banner{z-index:50;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));border-radius:var(--songo-radius-md);max-width:min(420px,100vw - 32px);color:var(--songo-text);background:#fffaf2f5;border:1px solid #176b453d;justify-content:space-between;align-items:center;gap:14px;padding:12px 12px 12px 16px;font-size:.9rem;font-weight:820;display:flex;position:fixed;box-shadow:0 18px 38px #26190b2e}.app-update-banner__button{appearance:none;color:#fffaf0;white-space:nowrap;text-shadow:0 1px 1px #2011076b;cursor:pointer;background:linear-gradient(#6b4a24 0%,#3d2815 100%);border:1px solid #4a2e12;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:112px;min-height:38px;padding:0 18px;font-size:.86rem;font-weight:950;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 10px 22px #3d281547}.app-update-banner__button:hover,.app-update-banner__button:focus-visible{color:#fffaf0;background:linear-gradient(#7d5628 0%,#4a2e12 100%)}@media (width<=420px){.app-update-banner{flex-direction:column;align-items:stretch}.app-update-banner__button{width:100%}}.home-page,.game-screen,.rules-page,.settings-page,.not-found-page{width:min(1220px,100%);margin:0 auto}.page-header{justify-content:space-between;align-items:center;gap:18px;min-width:0;margin-bottom:clamp(24px,4vw,42px);display:flex}.brand-link{color:var(--songo-text);letter-spacing:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-link__icon{object-fit:contain;filter:drop-shadow(0 8px 14px #472c1224);width:44px;height:44px}.brand-link__copy{gap:2px;display:grid}.brand-link__name{color:var(--songo-text);font-size:1.35rem;font-weight:950}.brand-link__tagline{color:var(--songo-muted);font-size:.78rem;font-weight:740}.header-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.home-menu{align-items:center;gap:10px;min-width:0;display:inline-flex}.ui-button,button,.button{color:#fff;background:linear-gradient(180deg, #347a38, var(--songo-forest-dark));cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:850;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #0f3d2e2e}.ui-button:hover,button:hover,.button:hover{filter:brightness(1.04)}.ui-button:disabled,button:disabled{cursor:not-allowed;opacity:.58}.ui-button--secondary,.button.secondary,button.secondary{border:1px solid var(--songo-border);color:var(--songo-text);background:var(--songo-surface);box-shadow:0 10px 22px #462d0e1a}.ui-button--ghost,.button.ghost,button.ghost{color:var(--songo-forest-dark);box-shadow:none;background:#fff8ec9e;border:1px solid #5a2d131a}.ui-button--danger{background:var(--songo-error)}.ui-button--full{width:100%}.ui-card{border-radius:var(--songo-radius-lg);background:linear-gradient(180deg, #ffffff8f, #fff8ecf0), var(--songo-surface);box-shadow:var(--songo-shadow-soft);border:1px solid #d6a54847}.ui-card--elevated{box-shadow:var(--songo-shadow-card)}.ui-field{color:var(--songo-text);gap:8px;font-size:.9rem;font-weight:760;display:grid}.ui-field input,.ui-field select,input,select{min-height:48px;color:var(--songo-text);background:#fffaf2;border:1px solid #d8b274;border-radius:14px;padding:0 14px}.ui-field__error,.ui-error,.error-message{color:var(--songo-error);font-weight:800}.ui-badge{min-height:28px;color:var(--songo-muted);background:#fff8ecbd;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:850;display:inline-flex}.ui-badge--forest{color:#ecfff4;background:var(--songo-forest)}.ui-badge--gold{color:#3b210d;background:#f3d99b}.ui-badge--danger{color:#fff6f1;background:var(--songo-error)}.ui-loading{color:var(--songo-muted);align-items:center;gap:10px;font-weight:800;display:inline-flex}.ui-loading:before{content:"";opacity:.78;border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.76s linear infinite songoLoadingSpin}.app-loading{min-height:calc(100vh - (var(--songo-space-page) * 2));text-align:center;place-items:center;display:grid}@keyframes songoLoadingSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-loading:before{animation:none}}.public-waiting-panel{background:#fff8ec;border:1px solid #d9c8aa;border-radius:12px;align-items:center;gap:16px;width:min(100% - 28px,680px);margin:14px auto;padding:16px 18px;display:flex;box-shadow:0 8px 24px #3623111f}.public-waiting-panel__spinner{border:3px solid #dfd1b9;border-top-color:#4f7447;border-radius:50%;flex:0 0 34px;width:34px;height:34px;animation:.9s linear infinite online-lobby-spin}.public-waiting-panel p,.public-waiting-panel h2,.public-waiting-panel span{margin:0}.public-waiting-panel p{color:#a35835;text-transform:uppercase;font-size:.7rem;font-weight:800}.public-waiting-panel h2{color:#342315;margin-top:2px;font-size:1.05rem}.public-waiting-panel div>span{color:#786650;margin-top:4px;font-size:.82rem;display:block}.settings-button{min-height:42px;color:var(--songo-forest-dark);cursor:pointer;background:#fff8ecb8;border:1px solid #5a2d131a;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:850;display:inline-flex;box-shadow:0 10px 22px #462d0e14}.settings-page{gap:clamp(18px,3vw,28px);display:grid}.settings-page__header{margin-bottom:0}.settings-page__content{gap:18px;width:min(860px,100%);display:grid}.settings-page__intro{gap:8px;display:grid}.settings-page__intro p,.settings-page__intro h1,.settings-page__intro span,.settings-page__section-heading h2,.settings-page__section-heading p{margin:0}.settings-page__intro p{color:var(--songo-forest);font-weight:950}.settings-page__intro h1{color:var(--songo-cocoa);font-size:clamp(2.6rem,8vw,5.2rem);line-height:.95}.settings-page__intro span,.settings-page__section-heading p{color:var(--songo-muted);font-weight:720;line-height:1.45}.settings-page__card{background:linear-gradient(180deg, #ffffffb8, #fff8ecf0), var(--songo-surface);box-shadow:var(--songo-shadow-card);border:1px solid #d6a54857;border-radius:24px;gap:18px;padding:clamp(20px,4vw,30px);display:grid}.settings-page__section-heading{gap:6px;display:grid}.settings-page__section-heading h2{color:var(--songo-forest-dark);font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.05}.settings-row{border-radius:var(--songo-radius-lg);cursor:pointer;background:#fffaf2c2;border:1px solid #c58a4538;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.settings-row--stacked{cursor:default;display:grid}.settings-row__copy{gap:6px;display:grid}.settings-row__title{color:var(--songo-text);margin:0;font-size:1rem;font-weight:920}.settings-row__description{color:var(--songo-muted);font-size:.9rem;font-weight:680;line-height:1.45}.settings-row__control{color:var(--songo-muted);grid-template-columns:auto;justify-items:center;gap:7px;font-size:.78rem;font-weight:850;display:inline-grid}.settings-row__control input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.settings-switch{background:#bca88f;border-radius:999px;width:56px;height:32px;display:inline-block;position:relative;box-shadow:inset 0 2px 6px #2c1c0c38}.settings-switch:after{content:"";background:#fff8ec;border-radius:50%;width:24px;height:24px;transition:transform .16s;position:absolute;top:4px;left:4px;box-shadow:0 4px 10px #301e0c38}.settings-row__control input:checked+.settings-switch{background:var(--songo-forest)}.settings-row__control input:checked+.settings-switch:after{transform:translate(24px)}.settings-row__control input:focus-visible+.settings-switch{outline-offset:3px;outline:3px solid #d6a54894}.settings-choice-list{gap:10px;display:grid}.settings-choice{border-radius:var(--songo-radius-md);cursor:pointer;background:#fff8eca8;border:1px solid #5a2d1324;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px;display:grid}.settings-choice input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.settings-choice__indicator{background:#fff8ec;border:2px solid #5a2d1352;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 4px #fff8ec}.settings-choice input:checked+.settings-choice__indicator{border-color:var(--songo-forest);background:var(--songo-forest)}.settings-choice input:focus-visible+.settings-choice__indicator{outline-offset:3px;outline:3px solid #d6a54894}.settings-choice:has(input:checked){background:#edfaf1c7;border-color:#176b455c}.settings-choice__copy{gap:3px;display:grid}.settings-choice__title{color:var(--songo-text);font-size:.95rem;font-weight:900}.settings-choice__description{color:var(--songo-muted);font-size:.82rem;font-weight:680;line-height:1.35}.player-identity-chip{min-height:44px;color:var(--songo-text);background:#fff8ecd1;border-radius:999px;align-items:center;gap:9px;padding:4px 6px 4px 5px;font-size:.92rem;font-weight:850;display:inline-flex;box-shadow:0 12px 26px #4b32141a}.player-identity-chip__avatar{color:#fff4d7;background:var(--songo-wood-dark);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.player-identity-chip__account-button{width:32px;min-width:32px;min-height:30px;color:var(--songo-forest);box-shadow:none;background:#edfaf1b8;border:1px solid #176b452e;place-items:center;padding:0;font-size:.88rem;display:inline-grid}.account-dialog{z-index:45;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.account-dialog__backdrop{width:100%;height:100%;box-shadow:none;background:#1e160c85;border:0;border-radius:0;position:absolute;inset:0}.account-dialog__card{z-index:1;border-radius:var(--songo-radius-xl);background:radial-gradient(circle at 15% 0%, #d6a54829, transparent 34%), linear-gradient(180deg, #ffffffb8, #fff8ecfa), var(--songo-surface);width:min(100%,560px);max-height:min(92dvh,760px);box-shadow:var(--songo-shadow-card);border:1px solid #d6a5485c;gap:20px;padding:clamp(20px,4vw,30px);display:grid;position:relative;overflow:auto}.account-dialog__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.account-dialog__header h2,.account-dialog__header p{margin:0}.account-dialog__header h2{color:var(--songo-forest-dark);font-size:clamp(1.55rem,4vw,2.25rem)}.account-dialog__header p:not(.account-dialog__eyebrow){color:var(--songo-muted);margin-top:6px;font-weight:720;line-height:1.45}.account-dialog__eyebrow{color:var(--songo-wood-dark);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:950}.account-dialog__providers,.account-dialog__email-form{gap:14px;display:grid}.account-dialog__benefits{background:linear-gradient(#edfaf1b8,#fffaf2e0);border:1px solid #176b4521;border-radius:18px;gap:10px;padding:14px 16px;display:grid}.account-dialog__benefits p,.account-dialog__benefits ul{margin:0}.account-dialog__benefits p{color:var(--songo-forest-dark);font-size:.92rem;font-weight:950}.account-dialog__benefits ul{color:var(--songo-muted);gap:7px;padding-left:1.1rem;font-size:.88rem;font-weight:720;line-height:1.35;display:grid}.google-button-content{justify-content:center;align-items:center;gap:10px;min-width:0;display:inline-flex}.google-button-content img{object-fit:contain;flex:none;width:20px;height:20px}.account-dialog__separator{color:var(--songo-muted);text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:.82rem;font-weight:900;display:grid}.account-dialog__separator:before,.account-dialog__separator:after{content:"";background:#5a2d1329;height:1px}.home-page{gap:10px;display:grid}.home-header{margin-bottom:8px}.home-hero{grid-template-columns:minmax(0,.82fr) minmax(360px,1fr);align-items:center;gap:clamp(16px,3vw,34px);display:grid}.home-copy{gap:10px;display:grid}.home-kicker{color:var(--songo-wood-dark);margin:0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:900}.home-copy h1{color:#321908;text-shadow:0 8px 24px #502a0d29;margin:0;font-size:clamp(4rem,10vw,7.8rem);font-weight:1000;line-height:.9}.home-logo-image{filter:drop-shadow(0 24px 32px #40250b29);object-fit:contain;width:min(100%,380px);height:auto;margin-left:-10px;display:block}.home-description{max-width:48ch;color:var(--songo-muted);margin:0;font-size:clamp(.95rem,1.5vw,1.08rem);font-weight:620;line-height:1.45}.hero-board-image{width:100%;margin:0}.hero-board-image img{filter:drop-shadow(0 26px 38px #40250b33);object-fit:contain;border-radius:20px;width:min(100%,600px);height:auto;margin-inline:auto;display:block}.home-welcome{justify-items:center;gap:8px;display:grid}.home-welcome>p{color:var(--songo-forest-dark);margin:0;font-size:1.05rem;font-weight:800}.home-welcome__ready{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.home-welcome__ready p{color:var(--songo-forest-dark);margin:0;font-size:1.05rem;font-weight:800}.mode-card h3,.rules-content h1{color:var(--songo-forest-dark);margin:0}.home-mode-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr) minmax(0,.95fr);align-items:stretch;gap:8px;margin-top:0;display:grid}.mode-card{align-content:start;gap:4px;min-height:0;padding:7px 9px;display:grid}.mode-card__header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.mode-card--featured{color:#fffaf0;background:linear-gradient(135deg, #176b45f5, #0f3d2ef5), var(--songo-forest)}.mode-card__icon{width:24px;height:24px;color:var(--songo-wood-dark);background:#f3d99b;border-radius:8px;place-items:center;font-size:.9rem;display:grid;box-shadow:inset 0 -8px 16px #5a2d131a}.mode-card--featured .mode-card__icon{color:#fff5d9;background:#d6a54838}.mode-card h3{font-size:.82rem;line-height:1.12}.mode-card p{color:var(--songo-muted);margin-block:1px 0;font-size:.68rem;line-height:1.14}.mode-card__actions{gap:4px;display:grid}.mode-card__actions--split{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card--two-actions{gap:4px}.mode-card--featured h3,.mode-card--featured p,.mode-card--featured .mode-card__select span{color:#fff9e8}.mode-card__select{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;font-size:.72rem;font-weight:800;display:grid}.mode-card__select select,.mode-card .ui-field input{border-radius:11px;min-height:28px;padding-inline:9px}.mode-card .ui-button{min-height:28px;padding-inline:8px;font-size:.7rem}.mode-card .ui-field{gap:3px;font-size:.68rem}.mode-card__disabled{color:var(--songo-error);margin:-6px 0 0;font-size:.72rem;font-weight:800}.join-card__code{border-top:1px solid #d6a54833;gap:10px;margin-top:2px;padding-top:12px;display:grid}.join-card__code-heading{gap:2px;display:grid}.join-card__code-heading strong{color:var(--songo-forest-dark);font-size:.95rem;line-height:1.1}.join-card__code-heading span{color:var(--songo-muted);font-size:.78rem;font-weight:760;line-height:1.25}.join-card__form{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.join-card__button{min-width:104px}.join-card__form>.join-card__button{align-self:start;min-height:46px;margin-top:calc(.816rem + 9px)}.rules-page{display:grid}.leaderboard-page{width:min(980px,100%);margin:0 auto;display:grid}.challenges-page{width:min(1120px,100%);margin:0 auto;display:grid}.premium-page{width:min(980px,100%);margin:0 auto;display:grid}.leaderboard-content,.challenges-content,.premium-content{gap:20px;display:grid}.leaderboard-heading{text-align:center;justify-items:center;gap:8px;display:grid}.leaderboard-heading p,.leaderboard-heading h1,.leaderboard-heading span{margin:0}.leaderboard-heading p{color:var(--songo-gold);letter-spacing:.08em;text-transform:uppercase;font-weight:950}.leaderboard-heading h1{color:var(--songo-forest-dark);font-size:clamp(2rem,6vw,4.4rem);line-height:.96}.leaderboard-heading span,.leaderboard-empty{color:var(--songo-muted);font-weight:750}.leaderboard-card{padding:clamp(16px,3vw,28px)}.leaderboard-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-row{background:#fffaf2bd;border:1px solid #d6a5483d;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.leaderboard-row__rank{color:#fff9e8;background:linear-gradient(180deg, var(--songo-wood), var(--songo-wood-dark));border-radius:999px;place-items:center;min-width:52px;min-height:52px;font-weight:950;display:inline-grid}.leaderboard-row__player{gap:3px;display:grid}.leaderboard-row__player strong{color:var(--songo-text);font-size:1.08rem}.leaderboard-row__player small{color:var(--songo-muted);font-weight:760}.leaderboard-row__points{color:var(--songo-forest-dark);font-size:1.12rem;font-weight:950}.challenge-create-card{grid-template-columns:1fr 1.3fr auto;align-items:end;gap:14px;padding:18px;display:grid}.challenge-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.challenge-card{gap:16px;padding:20px;display:grid}.challenge-card__header{justify-content:space-between;align-items:start;gap:14px;display:flex}.challenge-card h2,.challenge-card p{margin:0}.challenge-card h2{color:var(--songo-forest-dark)}.challenge-card p{color:var(--songo-muted);margin-top:5px;line-height:1.45}.challenge-card__header>span{color:var(--songo-forest-dark);white-space:nowrap;background:#176b451a;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.challenge-card__podium{color:var(--songo-muted);gap:8px;margin:0;padding:0;list-style:none;display:grid}.challenge-card__podium li{background:#fffaf2b8;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-weight:800;display:flex}.premium-status-card{grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:clamp(18px,3vw,28px);display:grid}.premium-status-card h2,.premium-status-card p,.premium-info-card h2,.premium-info-card p{margin:0}.premium-status-card h2{color:var(--songo-forest-dark);font-size:clamp(1.55rem,3vw,2.4rem)}.premium-status-card p,.premium-info-card p,.premium-info-card li{color:var(--songo-muted);font-weight:720;line-height:1.55}.premium-status-card__icon{color:#fff9e8;background:linear-gradient(180deg, var(--songo-forest), var(--songo-forest-dark));border-radius:999px;place-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:950;display:inline-grid}.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.premium-info-card{align-content:start;gap:14px;padding:22px;display:grid}.premium-info-card ul{gap:8px;margin:0;padding-left:18px;display:grid}.premium-actions{flex-wrap:wrap;gap:10px;display:flex}.premium-message{color:var(--songo-forest-dark);margin:0;font-weight:850}.rules-content{gap:22px;display:grid}.rules-content>p{color:var(--songo-muted);margin:0;font-size:1.05rem}.rules-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.rules-card{padding:22px}.rules-card h2,.rules-card p{margin:0}.rules-card p{color:var(--songo-muted);margin-top:8px;line-height:1.55}@media (width<=900px){.app-shell{padding:16px}.page-header,.header-actions{flex-direction:column;align-items:stretch}.home-menu{grid-template-columns:1fr 1fr;display:grid}.home-menu .settings-button{justify-content:center}.home-hero,.home-mode-grid,.rules-grid{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:auto 1fr}.leaderboard-row__points{grid-column:2}.challenge-create-card,.challenge-list,.premium-grid{grid-template-columns:1fr}}@media (width<=560px){.settings-page__card{border-radius:20px;padding:18px}.settings-row{flex-direction:column;align-items:stretch;gap:14px}.settings-row__control{justify-items:start}.join-card__form{grid-template-columns:1fr}.join-card__form>.join-card__button{margin-top:0}.join-card__button{width:100%}}.home-page--table-clear{gap:clamp(14px,2vw,28px);width:min(1720px,100%)}.home-page--table-clear .home-header{background:#fffaf2d1;border:1px solid #5a2d1314;border-radius:26px;margin-bottom:0;padding:clamp(12px,1.7vw,20px);box-shadow:0 18px 42px #40270d1a}.home-page--table-clear .brand-link__icon{width:52px;height:52px}.home-page--table-clear .brand-link__name{color:var(--songo-forest-dark);font-size:clamp(1.35rem,2vw,1.9rem)}.home-page--table-clear .brand-link__tagline{font-size:clamp(.78rem,1vw,.95rem)}.home-page--table-clear .home-menu{gap:clamp(8px,1vw,14px)}.home-page--table-clear .settings-button,.home-page--table-clear .player-identity-chip{background:#fffaf2d1;border-color:#5a2d131a;min-height:54px;box-shadow:0 12px 28px #40270d14}.home-table-layout{grid-template-columns:minmax(560px,1.12fr) minmax(420px,.88fr);align-items:center;gap:clamp(24px,4vw,58px);display:grid}.home-launcher{gap:clamp(14px,1.8vw,22px);min-width:0;display:grid}.home-launcher__heading{gap:8px;display:grid}.home-launcher__heading h1{color:var(--songo-wood-dark);margin:0;font-size:clamp(2.2rem,3.8vw,3.45rem);line-height:.98}.home-page--table-clear .home-kicker{color:var(--songo-forest-dark);letter-spacing:0;font-size:1rem}.home-page--table-clear .home-welcome{justify-items:start}.home-page--table-clear .home-welcome__ready{justify-content:flex-start}.home-page--table-clear .home-welcome__ready p{color:var(--songo-muted);align-items:center;gap:10px;font-size:clamp(.95rem,1.15vw,1.1rem);display:inline-flex}.home-page--table-clear .home-welcome__ready p>span{background:#176b45b8;border-radius:50%;width:12px;height:12px}.home-page--table-clear .home-welcome__ready .ui-button{min-height:42px;padding-inline:16px;font-size:.9rem}.home-page--table-clear .home-mode-grid{grid-template-columns:1fr;gap:16px;display:grid}.home-secondary-actions{grid-template-columns:minmax(0,1fr);gap:clamp(14px,1.8vw,22px);display:grid}.home-page--table-clear .mode-card{background:linear-gradient(180deg, #ffffff94, #fff8ecf0), var(--songo-surface);border-radius:22px;gap:clamp(12px,1.4vw,16px);min-height:0;padding:clamp(14px,1.6vw,20px);box-shadow:0 18px 42px #40270d1a}.home-page--table-clear .mode-card--featured{color:#fffaf0;background:radial-gradient(circle at 88% 18%,#d6a5482e,#0000 24%),linear-gradient(135deg,#0f3d2e 0%,#173a2d 55%,#0b281f 100%);border-color:#f4cd842e;gap:clamp(12px,1.6vw,18px);padding:clamp(16px,1.9vw,24px);box-shadow:0 24px 58px #0f3d2e38}.home-page--table-clear .mode-card__header{gap:14px}.home-page--table-clear .mode-card__icon{width:44px;height:44px;color:var(--songo-wood-dark);background:#f3d99b;border-radius:50%;font-size:.95rem;font-weight:950}.home-page--table-clear .mode-card--featured .mode-card__icon{color:#fff4d7;background:#f4cd8424;border:1px solid #f4cd846b;width:56px;height:56px}.home-page--table-clear .mode-card h3{color:var(--songo-text);font-size:clamp(1.05rem,1.5vw,1.45rem);line-height:1.12}.home-page--table-clear .mode-card p{color:var(--songo-muted);margin-top:4px;font-size:clamp(.82rem,1vw,.98rem);line-height:1.35}.home-page--table-clear .mode-card--featured h3{color:#fffaf0;font-size:clamp(1.35rem,2vw,1.8rem)}.home-page--table-clear .mode-card--featured p{color:#fffaf2b8}.mode-card__levels{background:#fffaf214;border:1px solid #fffaf21a;border-radius:22px;gap:8px;min-width:0;margin:0;padding:10px;display:grid}.mode-card__levels legend{color:#fffaf2d1;padding-inline:6px;font-size:.9rem;font-weight:900}.mode-card__level-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mode-card__level-choice{color:#fffaf2d1;min-width:0;min-height:40px;box-shadow:none;background:#fffaf21a;border:1px solid #0000;border-radius:999px;padding:0 12px;font-size:clamp(.78rem,.9vw,.95rem);font-weight:900}.mode-card__level-choice[data-active=true]{color:var(--songo-forest-dark);background:#fffaf2;border-color:#f4cd845c}.home-page--table-clear .mode-card .ui-button{white-space:nowrap;border-radius:999px;min-height:48px;padding-inline:18px;font-size:.95rem}.home-page--table-clear .mode-card--join{border-color:#176b4524}.home-page--table-clear .mode-card--join>.join-card__button{color:#fffaf0;background:linear-gradient(#287a45,#145c35);min-height:54px;box-shadow:0 18px 32px #0f3d2e2e}.home-page--table-clear .mode-card--featured .ui-button{min-height:clamp(50px,5dvh,56px);color:var(--songo-forest-dark);background:#fffaf2;font-size:1.08rem;box-shadow:0 18px 34px #0415102e}.home-page--table-clear .mode-card__actions--split{grid-template-columns:repeat(2,minmax(9.25rem,1fr))}.home-page--table-clear .join-card__form{grid-template-columns:minmax(0,1fr) minmax(144px,auto);gap:12px}.home-page--table-clear .join-card__input{min-width:0}.home-page--table-clear .join-card__input input{width:100%;min-width:0}.home-page--table-clear .join-card__button{white-space:nowrap;min-width:144px}.home-page--table-clear .mode-card .ui-field{gap:6px;font-size:.82rem}.home-page--table-clear .mode-card .ui-field input{border-radius:14px;min-height:46px;padding-inline:14px}.home-board-showcase{place-items:center;min-width:0;display:grid}.home-board-showcase .hero-board-image{width:100%}.home-board-showcase .hero-board-image img{object-fit:contain;filter:drop-shadow(0 34px 46px #40250b3d);width:min(100%,980px);max-height:min(70dvh,720px)}.home-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,16px);display:grid}.home-support-card{min-height:76px;color:var(--songo-text);background:linear-gradient(180deg, #ffffff94, #fff8eceb), var(--songo-surface);text-align:left;border:1px solid #d6a54842;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid;box-shadow:0 14px 30px #40270d14}button.home-support-card{cursor:pointer}.home-support-card__icon{width:38px;height:38px;color:var(--songo-wood-dark);background:#f3d99b;border-radius:50%;place-items:center;font-weight:950;display:grid}.home-support-card span:last-child{gap:3px;min-width:0;display:grid}.home-support-card strong{color:var(--songo-forest-dark);font-size:clamp(.9rem,1vw,1.02rem);line-height:1.08}.home-support-card small{color:var(--songo-muted);font-size:.82rem;font-weight:720;line-height:1.25}@media (width<=1120px){.home-table-layout{grid-template-columns:1fr}.home-board-showcase{order:-1}.home-board-showcase .hero-board-image img{width:min(100%,720px);max-height:38dvh}}@media (width>=1121px) and (width<=1320px){.home-page--table-clear .home-header{gap:12px;padding:10px 12px}.home-page--table-clear .brand-link__icon{width:44px;height:44px}.home-page--table-clear .brand-link__name{font-size:1.35rem}.home-page--table-clear .brand-link__tagline{font-size:.78rem}.home-page--table-clear .settings-button,.home-page--table-clear .player-identity-chip{white-space:nowrap;min-height:46px;padding-inline:12px;font-size:.84rem}.home-table-layout{grid-template-columns:minmax(580px,1.12fr) minmax(380px,.88fr);gap:clamp(20px,3vw,36px)}}@media (width>=1121px) and (height<=820px){.home-page--table-clear{gap:18px}.home-launcher{gap:14px}.home-launcher__heading h1{font-size:clamp(2rem,3.3vw,3rem)}.home-page--table-clear .mode-card{gap:12px;padding:16px}.home-page--table-clear .mode-card--featured{padding:18px 20px}.mode-card__levels{gap:8px;padding:10px}.mode-card__level-choice{min-height:38px}.home-page--table-clear .mode-card .ui-button{min-height:42px}.home-page--table-clear .join-card__form>.join-card__button{min-height:46px}.home-board-showcase .hero-board-image img{max-height:62dvh}.home-support-card{min-height:72px;padding:12px 14px}}@media (width<=760px){.home-table-layout{align-items:start;gap:18px}.home-board-showcase .hero-board-image img{width:min(100%,620px);max-height:none}.home-page--table-clear .home-header{border-radius:20px;width:100%;min-width:0}.home-page--table-clear .brand-link,.home-page--table-clear .brand-link__copy{min-width:0}.home-page--table-clear .brand-link__tagline{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-page--table-clear .header-actions{width:100%;min-width:0}.home-page--table-clear .home-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.home-page--table-clear .settings-button,.home-page--table-clear .player-identity-chip{justify-content:center;width:100%;min-width:0;min-height:46px;padding-inline:10px;font-size:.86rem}.home-page--table-clear .settings-button span:last-child,.home-page--table-clear .player-identity-chip>span:last-of-type{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.home-secondary-actions,.home-support-grid{grid-template-columns:1fr}.mode-card__level-choice{padding-inline:8px;font-size:.84rem}.home-page--table-clear .join-card__form,.home-page--table-clear .mode-card__actions--split{grid-template-columns:1fr}.home-page--table-clear .join-card__button{width:100%}.home-page--table-clear .join-card__form>.join-card__button{margin-top:0}}body{background:var(--songo-cocoa)}.app-shell{background:radial-gradient(circle at 12% 0,#c68a4a5c,#0000 24rem),radial-gradient(circle at 90% 8%,#b25a3838,#0000 22rem),linear-gradient(#4a2e12 0%,#6d4825 12rem,#f5ecdc 31rem,#efe1cc 100%)}.ui-button,button,.button{background:linear-gradient(#c98e4c,#9b542f);box-shadow:0 14px 28px #4a2e122e}.ui-button--secondary,.button.secondary,button.secondary{color:var(--songo-cocoa);background:linear-gradient(#fffdf8,#f8eddc)}.ui-button--ghost,.button.ghost,button.ghost{color:var(--songo-wood-dark);background:#fffaf2b8}.home-page--table-clear .home-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffdf8eb,#fff8ece0);border-color:#e6d6ba9e}.home-table-layout{grid-template-columns:minmax(540px,.92fr) minmax(460px,1.08fr)}.home-launcher__heading h1{color:#fffaf0;text-shadow:0 24px 44px #2c1c0d5c;margin:0;font-size:clamp(4.6rem,12vw,9rem);line-height:.82}.home-page--table-clear .home-kicker{color:#f9e5b8;background:#2c1c0d47;border:1px solid #f4cd8457;border-radius:999px;width:fit-content;padding:7px 14px;font-size:clamp(.78rem,1vw,.96rem);font-weight:950}.home-hero-copy{color:#fffaf2d1;max-width:54ch;margin:0;font-size:clamp(1rem,1.35vw,1.18rem);font-weight:720;line-height:1.5}.home-page--table-clear .home-welcome{background:#fffaf2e0;border:1px solid #e6d6ba8f;border-radius:22px;justify-items:start;padding:clamp(12px,1.5vw,16px);box-shadow:0 18px 38px #2c1c0d1f}.home-mode-panel{gap:14px;display:grid}.home-mode-panel__heading{gap:4px;display:grid}.home-mode-panel__heading p,.home-mode-panel__heading h2{margin:0}.home-mode-panel__heading p{color:#f9e5b8;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:950}.home-page--table-clear .mode-card{background:linear-gradient(180deg, #fffdf8f0, #fbf4e7f5), var(--songo-surface);border-color:#e6d6bab3;border-radius:22px}.home-page--table-clear .mode-card--featured{background:radial-gradient(circle at 86% 14%,#f4cd842e,#0000 18rem),linear-gradient(142deg,#4a2e12 0%,#2c1c0d 54%,#203724 100%);border-color:#f4cd8447}.mode-card__expert-badge{color:#fffaf0;background:#fffaf21a;border:1px solid #f4cd8442;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mode-card__expert-badge span{color:#fffaf2b3;font-size:.82rem;font-weight:900}.mode-card__expert-badge strong{color:#f3d99b;font-size:1.18rem;font-weight:1000}.join-card__primary-actions{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.join-card__divider{color:var(--songo-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:.75rem;font-weight:900;display:flex}.join-card__divider:before,.join-card__divider:after{content:"";background:#d6a54847;flex:1;height:1px}.home-page--table-clear .mode-card--join>.join-card__primary-actions .join-card__button{min-height:52px}.home-page--table-clear .mode-card--join>.join-card__primary-actions .join-card__button:first-child{color:#fffaf0;background:linear-gradient(#c68a4a,#9b542f);box-shadow:0 18px 32px #4a2e122e}.home-board-showcase .hero-board-image img{filter:drop-shadow(0 42px 54px #2c1c0d57);border-radius:30px}.home-support-card{background:linear-gradient(#fffdf8eb,#fbf4e7eb);border-color:#e6d6bab8;border-radius:18px}.home-support-card__icon{color:#fffaf0;background:linear-gradient(#c68a4a,#8a5a2b)}.leaderboard-heading h1,.settings-page__intro h1,.rules-content h1{color:var(--songo-cocoa)}.leaderboard-heading p,.settings-page__intro p{color:var(--songo-wood-dark)}.rules-card,.leaderboard-card,.challenge-card,.challenge-create-card,.premium-status-card,.premium-info-card,.settings-page__card{background:linear-gradient(#fffdf8f0,#fbf4e7f5);border-color:#e6d6bab8;border-radius:22px}@media (width<=1120px){.home-table-layout{grid-template-columns:1fr}.home-launcher__heading h1,.home-mode-panel__heading h2{color:var(--songo-cocoa);text-shadow:none}.home-page--table-clear .home-kicker{color:var(--songo-wood-dark);background:#fffaf2b8}.home-hero-copy{color:var(--songo-muted)}.home-mode-panel__heading p{color:var(--songo-wood-dark)}}@media (width<=760px){.home-launcher__heading h1{font-size:clamp(4rem,22vw,6.4rem)}.home-page--table-clear .home-welcome{border-radius:18px}.join-card__primary-actions{grid-template-columns:1fr}}body{color:var(--songo-text);background:var(--songo-bg)}button:not(.ui-button):not(.button):not(.app-update-banner__button){box-shadow:none;background:0 0}.app-shell{background:radial-gradient(120% 90% at 50% -10%,#f1e6d0 0%,#e7dac1 45%,#deceaf 100%);flex-direction:column;min-height:100vh;display:flex}.brand-link__name,.home-launcher__heading h1,.home-mode-panel__heading h2,.mode-card h3,.leaderboard-heading h1,.settings-page__intro h1,.rules-content h1{font-family:var(--songo-font-display);font-weight:800}.home-page--table-clear{gap:clamp(18px,2.6vw,28px);width:min(1180px,100%);display:grid}.home-page--table-clear .home-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8c7;border:1px solid #e6d6babd;border-radius:22px;padding:clamp(10px,1.4vw,14px);box-shadow:0 8px 26px #2a1f171a}.home-page--table-clear .brand-link__icon{filter:drop-shadow(0 8px 14px #4a2e1229);width:46px;height:46px}.home-page--table-clear .brand-link__name{color:var(--songo-cocoa);font-size:clamp(1.35rem,1.8vw,1.7rem);line-height:1}.home-page--table-clear .brand-link__tagline{color:var(--songo-muted);font-size:.82rem;font-weight:700}.home-page--table-clear .settings-button,.home-page--table-clear .player-identity-chip{min-height:44px;color:var(--songo-wood-dark);background:#fffdf8;border:1px solid #e7ddcc;border-radius:999px;box-shadow:0 6px 18px #2a1f1714}.home-page--table-clear .player-identity-chip__account-button{box-shadow:none;background:#edfaf1b8;border:1px solid #6e8b4f2e}.home-table-layout{grid-template-columns:minmax(430px,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(22px,4vw,46px)}.home-launcher{gap:clamp(14px,1.9vw,20px)}.home-launcher__heading{gap:12px}.home-launcher__heading h1{color:var(--songo-wood-dark);text-shadow:none;font-size:clamp(3.8rem,8.4vw,6.7rem);line-height:.86}.home-page--table-clear .home-kicker{color:#a5763f;font-family:var(--songo-font-mono);letter-spacing:.28em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:clamp(.68rem,.9vw,.8rem);font-weight:700}.home-hero-copy{color:#6d604f;max-width:48ch;font-size:clamp(1rem,1.22vw,1.12rem);font-weight:600;line-height:1.48}.home-page--table-clear .home-welcome{background:#fffdf8b8;border:1px solid #e6d6ba;border-radius:18px;padding:12px 14px;box-shadow:0 8px 22px #4a2d0f12}.home-page--table-clear .home-welcome__ready{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.home-page--table-clear .home-welcome__ready p{color:var(--songo-muted);font-size:.95rem;font-weight:700}.home-page--table-clear .home-welcome__ready p>span{background:#6e8b4f}.home-page--table-clear .home-welcome__ready .ui-button{color:var(--songo-wood-dark);box-shadow:none;background:#fffdf8;border:1px solid #e7ddcc}.home-mode-panel{gap:12px}.home-mode-panel__heading p{color:#a5763f;font-family:var(--songo-font-mono);letter-spacing:.24em;font-size:.7rem}.home-mode-panel__heading h2{color:var(--songo-cocoa);font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.04}.home-page--table-clear .mode-card,.home-page--table-clear .mode-card--featured,.home-page--table-clear .mode-card--join{color:var(--songo-text);background:linear-gradient(#fffdf8,#fbf4e7);border:1px solid #e6d6ba;border-radius:22px;box-shadow:0 14px 34px #4a2d0f14}.home-page--table-clear .mode-card--featured{box-shadow:0 18px 38px #4a2d0f1f}.home-page--table-clear .mode-card__header{align-items:center}.home-page--table-clear .mode-card__icon,.home-page--table-clear .mode-card--featured .mode-card__icon{color:#fff;width:44px;height:44px;font-family:var(--songo-font-display);background:linear-gradient(140deg,#8a5a2b,#4a2e12);border:0;border-radius:14px;font-size:.82rem;box-shadow:0 10px 18px #4a2e1226}.home-page--table-clear .mode-card h3,.home-page--table-clear .mode-card--featured h3{color:var(--songo-cocoa);font-size:clamp(1.15rem,1.55vw,1.45rem)}.home-page--table-clear .mode-card p,.home-page--table-clear .mode-card--featured p{color:var(--songo-muted);font-size:.95rem;font-weight:600}.mode-card__expert-badge{color:var(--songo-text);background:#f3ecdfb8;border:1px solid #c68a4a47;border-radius:14px}.mode-card__expert-badge span{color:var(--songo-muted)}.mode-card__expert-badge strong{color:var(--songo-copper);font-family:var(--songo-font-display)}.home-page--table-clear .mode-card .ui-button,.home-page--table-clear .mode-card--featured .ui-button,.home-page--table-clear .mode-card--join>.join-card__primary-actions .join-card__button:first-child{color:#fffaf0;background:linear-gradient(#c67a54,#b25a38);box-shadow:0 10px 22px #b25a3838}.home-page--table-clear .mode-card .ui-button--secondary,.home-page--table-clear .mode-card--join>.join-card__primary-actions .join-card__button:nth-child(2),.home-page--table-clear .join-card__form .join-card__button{color:var(--songo-wood-dark);box-shadow:none;background:#fffdf8;border:1px solid #e7ddcc}.home-board-showcase{background:linear-gradient(160deg,#8a5a2b,#4a2e12 58%,#2c1c0d);border-radius:26px;align-self:center;padding:clamp(16px,2.5vw,26px);position:relative;box-shadow:0 22px 50px #4a2d0f52,inset 0 2px 3px #fff4e057,inset 0 -4px 10px #3a1a0a73}.home-board-showcase .hero-board-image{background:linear-gradient(160deg,#6f4a22,#5c3c1a);border-radius:18px;padding:clamp(8px,1.3vw,14px);box-shadow:inset 0 4px 14px #1e0e03b3,inset 0 -2px 3px #ffe0b424}.home-board-showcase .hero-board-image img{filter:drop-shadow(0 18px 26px #2c1c0d47);border-radius:18px;width:min(100%,760px);max-height:min(64dvh,600px)}.home-support-grid{gap:10px}.home-support-card{min-height:72px;box-shadow:none;background:#fffdf8b3;border:1px solid #e6d6ba;border-radius:16px}button.home-support-card:hover,button.home-support-card:focus-visible{background:#fffdf8;border-color:#c68a4a85}.home-support-card__icon{color:#fff;background:linear-gradient(140deg,#c68a4a,#8a5a2b);border-radius:10px;width:34px;height:34px}.home-support-card strong{color:var(--songo-cocoa)}@media (width<=1120px){.home-page--table-clear{width:min(720px,100%)}.home-table-layout{grid-template-columns:1fr}.home-board-showcase{justify-self:center;width:min(100%,640px)}.home-launcher__heading h1,.home-mode-panel__heading h2{color:var(--songo-cocoa)}.home-page--table-clear .home-kicker,.home-mode-panel__heading p{color:#a5763f;background:0 0}}@media (width<=760px){.app-shell{padding:14px 12px 28px}.home-page--table-clear .home-header{padding:10px}.home-launcher__heading h1{font-size:clamp(3.5rem,21vw,5.6rem)}.home-board-showcase{border-radius:22px;padding:12px}.home-board-showcase .hero-board-image{padding:7px}.home-support-grid{grid-template-columns:1fr}}.app-shell{align-items:center;padding:22px 16px 64px}.home-page--songo-v2{background:#fbf6ee;border:1px solid #ece2d2;border-radius:28px;width:min(1080px,100%);padding:30px 36px 38px;box-shadow:0 24px 60px #2a1f1714}.home-page--songo-v2 .home-v2-utility{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-bottom:20px;padding:0}.home-page--songo-v2 .brand-link__icon{width:38px;height:38px}.home-page--songo-v2 .brand-link__name{font-size:1.08rem}.home-page--songo-v2 .brand-link__tagline{text-overflow:ellipsis;white-space:nowrap;max-width:24ch;font-size:.72rem;overflow:hidden}.home-page--songo-v2 .settings-button,.home-page--songo-v2 .player-identity-chip,.home-page--songo-v2 .button.secondary{min-height:38px;padding-inline:12px;font-size:.8rem}.home-v2-stack{flex-direction:column;gap:24px;display:flex}.home-v2-hero{gap:0}.home-v2-hero .home-launcher__heading{text-align:center;place-items:center}.home-v2-titlebar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-self:stretch;align-items:center;gap:18px;width:100%;min-height:54px;display:grid}.home-v2-hero .home-kicker{color:#a5763f;grid-column:2;justify-content:center;align-items:center;gap:8px;display:inline-flex}.home-v2-titlebar .home-account-panel{grid-column:3;justify-self:end}.home-v2-hero .home-kicker span{background:linear-gradient(90deg,#0000,#a5763f);width:34px;height:1px;display:inline-block}.home-v2-hero .home-kicker span:last-child{background:linear-gradient(90deg,#a5763f,#0000)}.home-v2-hero .home-launcher__heading h1{color:#4a2e12;text-shadow:0 1px #fff6e699;font-size:clamp(3.6rem,7.2vw,3.875rem);line-height:.9}.home-v2-hero .home-hero-copy{color:#7a5c38;max-width:440px;font-size:1rem;line-height:1.55}.home-page--songo-v2 .home-board-showcase{background:linear-gradient(135deg,#c39759 0%,#a5763f 45%,#875829 100%);border-radius:26px;justify-self:stretch;width:100%;max-width:none;padding:22px;box-shadow:0 22px 50px #4a2d0f66,inset 0 2px 3px #fff4e066,inset 0 -4px 10px #3a1a0a73}.home-page--songo-v2 .home-board-showcase .hero-board-image{background:linear-gradient(160deg,#6f4a22,#5c3c1a);border-radius:16px;padding:0;overflow:hidden;box-shadow:inset 0 4px 14px #1e0e03b3,inset 0 -2px 3px #ffe0b424}.home-page--songo-v2 .home-board-showcase .hero-board-image img{aspect-ratio:2.35;object-fit:cover;object-position:center 52%;filter:none;border-radius:16px;width:100%;max-height:none;display:block}.home-page--songo-v2 .home-account-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8db;border:1px solid #5a2d131f;border-radius:999px;justify-content:flex-end;align-items:center;gap:10px;max-width:100%;padding:8px;display:flex;box-shadow:0 14px 30px #4a2d0f1a,inset 0 1px #ffffffb8}.home-account-panel__identity{min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 4px 0 0;display:flex}.home-account-panel__identity:hover,.home-account-panel__identity:focus-visible{background:#734b2414;outline:none}.home-account-panel__identity:focus-visible{box-shadow:0 0 0 3px #bf803f38}.home-account-panel__avatar{color:#fffaf0;background:linear-gradient(135deg,#8a5a2b,#4a2e12);border-radius:999px;flex:none;place-items:center;width:36px;height:36px;font-size:.9rem;font-weight:950;display:inline-grid;box-shadow:inset 0 1px #ffffff2e}.home-account-panel__identity strong{color:#3d2815;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:18ch;padding-right:2px;font-size:.88rem;font-weight:950;line-height:1.1;display:block;overflow:hidden}.home-account-panel__actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}.home-account-panel__actions .ui-button{min-height:34px;box-shadow:none;border-radius:999px;padding-inline:12px;font-size:.76rem}.account-stats-dialog{z-index:60;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#271b1175;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.account-stats-dialog__card{background:#fffaf0;border:1px solid #d2a6618f;border-radius:22px;gap:18px;width:min(100%,470px);max-height:calc(100dvh - 32px);padding:clamp(20px,4vw,30px);display:grid;overflow-y:auto;box-shadow:0 28px 70px #23140c57}.account-stats-dialog__header{gap:4px;display:grid}.account-stats-dialog__header p{color:#8a5a2b;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:950}.account-stats-dialog__header h2{color:#1d4330;margin:0;font-size:clamp(1.45rem,4vw,2rem);line-height:1.05}.account-stats-dialog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.account-stats-dialog__grid div{background:#ffffffad;border:1px solid #1d453024;border-radius:14px;min-width:0;padding:14px}.account-stats-dialog__grid dt{color:#756a5f;font-size:.78rem;font-weight:900}.account-stats-dialog__grid dd{color:#14261d;margin:4px 0 0;font-size:1.65rem;font-weight:950;line-height:1}.account-stats-dialog__guest,.account-stats-dialog__status{color:#655b51;margin:0;font-weight:850;line-height:1.35}.account-stats-dialog__guest{gap:16px;display:grid}.account-stats-dialog__guest p{margin:0}.account-stats-dialog__actions{flex-wrap:wrap;gap:10px;display:flex}.account-stats-dialog__actions .ui-button{min-height:42px}@media (width<=460px){.account-stats-dialog{align-items:start;padding:12px}.account-stats-dialog__card{border-radius:18px;width:100%;max-height:calc(100dvh - 24px);padding:18px}.account-stats-dialog__grid{grid-template-columns:1fr}.account-stats-dialog__actions{display:grid}.account-stats-dialog__actions .ui-button{width:100%}}.home-page--songo-v2 .home-welcome{background:#fffdf8b3;border-radius:16px;place-self:center;width:min(100%,620px);padding:10px 12px}.home-page--songo-v2 .home-welcome__ready{justify-content:center}.home-page--songo-v2 .home-mode-panel{gap:14px}.home-page--songo-v2 .home-mode-panel__heading{text-align:center;align-items:center}.home-page--songo-v2 .home-mode-panel__heading h2{font-size:clamp(1.35rem,2.2vw,1.7rem)}.home-page--songo-v2 .home-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.home-page--songo-v2 .home-secondary-actions{display:contents}.home-page--songo-v2 .mode-card,.home-page--songo-v2 .mode-card--featured,.home-page--songo-v2 .mode-card--join{min-height:100%;padding:24px;box-shadow:0 14px 34px #4a2d0f14}.home-page--songo-v2 .mode-card__icon,.home-page--songo-v2 .mode-card--featured .mode-card__icon{color:#c68a4a;border-radius:13px;width:44px;height:44px;font-size:1.25rem}.home-page--songo-v2 .mode-card--join .mode-card__icon{color:#fff;background:linear-gradient(140deg,#c67a54,#b25a38)}.home-page--songo-v2 .mode-card h3,.home-page--songo-v2 .mode-card--featured h3{font-size:1.25rem}.home-page--songo-v2 .mode-card p,.home-page--songo-v2 .mode-card--featured p{color:#7a5c38;margin:6px 0 12px;font-size:.875rem;line-height:1.5}.home-page--songo-v2 .mode-card__expert-badge{margin-top:auto}.home-page--songo-v2 .mode-card .ui-button,.home-page--songo-v2 .mode-card--featured .ui-button{border-radius:14px;min-height:50px;font-size:1rem}.home-page--songo-v2 .mode-card--featured .ui-button{background:linear-gradient(135deg,#6b4a24,#4a2e12);box-shadow:0 10px 22px #4a2e124d}.home-page--songo-v2 .mode-card--join>.join-card__primary-actions .join-card__button:first-child{background:linear-gradient(135deg,#c67a54,#b25a38);box-shadow:0 10px 22px #ee9f2e52}.home-page--songo-v2 .join-card__code-heading{text-align:center;margin:12px 0 2px}.home-page--songo-v2 .join-card__form{grid-template-columns:minmax(0,1fr) auto;gap:8px}.home-page--songo-v2 .join-card__input>span:first-child{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-page--songo-v2 .join-card__input input{text-align:center;letter-spacing:.22em}.home-page--songo-v2 .join-card__form>.join-card__button{margin-top:0}.home-page--songo-v2 .home-support-grid{flex-wrap:wrap;gap:12px;display:flex}.home-page--songo-v2 .home-support-card{background:#fffdf8b3;flex:180px;min-height:66px}.home-page--songo-v2 .home-v2-rules-link{color:#8a5a2b;min-height:auto;box-shadow:none;background:0 0;border:0;align-self:center;padding:4px;font-size:.875rem;font-weight:700;text-decoration:underline}@media (width<=940px){.home-v2-titlebar{grid-template-columns:1fr;justify-items:center;gap:10px;min-height:auto}.home-v2-hero .home-kicker,.home-v2-titlebar .home-account-panel{grid-column:1}.home-v2-titlebar .home-account-panel{justify-self:center}.home-page--songo-v2 .home-account-panel{justify-content:center;width:min(100%,520px)}}@media (width<=760px){.app-shell{padding:14px 10px 34px}.home-page--songo-v2{border:10px solid #2a1f17;border-radius:42px;width:min(393px,100%);min-height:min(848px,100dvh - 28px);padding:6px 11px 28px;overflow:hidden auto;box-shadow:0 30px 70px #2a1f174d}.home-page--songo-v2 .home-v2-utility{margin-bottom:12px;padding-top:6px}.home-page--songo-v2 .brand-link__copy,.home-page--songo-v2 .home-menu,.home-page--songo-v2 .button.secondary{display:none}.home-v2-stack{gap:18px}.home-v2-hero .home-launcher__heading h1{font-size:clamp(3.25rem,17vw,3.875rem)}.home-v2-titlebar{flex-direction:column;gap:12px;display:flex}.home-page--songo-v2 .home-board-showcase{border-radius:20px;padding:11px}.home-page--songo-v2 .home-board-showcase .hero-board-image img{aspect-ratio:2.12}.home-page--songo-v2 .home-account-panel{border-radius:22px;justify-content:space-between;align-items:center;width:100%;padding:9px}.home-account-panel__actions{grid-template-columns:minmax(0,1fr);width:min(100%,154px);display:grid}.home-account-panel__identity strong{max-width:13ch}.home-account-panel__actions .ui-button{width:100%;min-width:0;padding-inline:10px;font-size:.73rem}@media (width<=360px){.home-page--songo-v2 .home-account-panel{flex-direction:column;align-items:stretch}.home-account-panel__identity{padding-right:0}.home-account-panel__identity strong{max-width:100%}.home-account-panel__actions{width:100%}}.home-page--songo-v2 .home-mode-grid{grid-template-columns:1fr;gap:14px}.home-page--songo-v2 .home-secondary-actions{display:grid}.home-page--songo-v2 .mode-card,.home-page--songo-v2 .mode-card--featured,.home-page--songo-v2 .mode-card--join{padding:20px}.home-page--songo-v2 .home-support-grid{flex-direction:column}}.home-page--songo-v2 .home-board-showcase{order:0}.online-lobby{z-index:1200;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;inset:0}.online-lobby__backdrop{cursor:default;background:#171009ad;border:0;width:100%;height:100%;position:absolute;inset:0}.online-lobby__panel{background:#fffaf2;border:1px solid #ddcbb0;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,720px);max-height:min(820px,100dvh - 36px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #1c110857}.online-lobby__header{border-bottom:1px solid #eadcc6;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 18px;display:flex}.online-lobby__header p{color:#a35835;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:800}.online-lobby__header h2{color:#2d1d0f;margin:0;font-size:1.7rem}.online-lobby__header span{color:#786650;margin-top:6px;font-size:.92rem;display:block}.online-lobby__close{color:#4a311d;cursor:pointer;background:#fffdf8;border:1px solid #dfceb4;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:1.6rem;display:grid}.online-lobby__content{min-height:260px;padding:18px;overflow:auto}.online-lobby__center{color:#786650;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;display:flex}.online-lobby__center strong{color:#3b2818;font-size:1.1rem}.online-lobby__center p{max-width:42ch;margin:0}.online-lobby__spinner{border:3px solid #eadcc6;border-top-color:#b45f3c;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite online-lobby-spin}@keyframes online-lobby-spin{to{transform:rotate(360deg)}}.online-lobby__players{gap:12px;display:grid}.online-player{background:#fffdf8;border:1px solid #eadcc6;border-radius:12px;grid-template-columns:minmax(180px,1.15fr) minmax(190px,1fr) auto;align-items:center;gap:18px;padding:16px;display:grid}.online-player__identity{align-items:center;gap:12px;min-width:0;display:flex}.online-player__identity>span{color:#46653c;background:#e4eddc;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:grid}.online-player__identity h3,.online-player__identity p{overflow-wrap:anywhere}.online-player__identity h3{color:#342315;margin:0;font-size:1rem}.online-player__identity p{color:#7d6a53;margin:3px 0 0;font-size:.8rem}.online-player__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.online-player__stats div{text-align:center}.online-player__stats dt{color:#85715a;font-size:.7rem}.online-player__stats dd{color:#3c2918;margin:3px 0 0;font-size:.98rem;font-weight:800}.online-player__actions{gap:8px;display:flex}.online-player__actions .ui-button{min-width:78px}.online-lobby__footer{background:#fff7eb;border-top:1px solid #eadcc6;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}@media (width<=720px){.online-lobby{padding-inline:10px}.online-lobby__panel{border-radius:16px;max-height:calc(100dvh - 24px)}.online-lobby__header{padding:18px 16px 14px}.online-lobby__header h2{font-size:1.4rem}.online-lobby__content{padding:12px}.online-player{grid-template-columns:1fr;gap:13px}.online-player__actions .ui-button{flex:1}.online-lobby__footer{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:12px;display:grid}}@media (prefers-reduced-motion:reduce){.online-lobby__spinner,.public-waiting-panel__spinner{animation:none}}.android-download{color:#fffdf8;background:#173d31;border:1px solid #cfab677a;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,3vw,36px);padding:clamp(22px,3.4vw,36px);display:grid;overflow:hidden;box-shadow:0 18px 38px #173d3133}.android-download__visual{justify-items:center;gap:8px;width:126px;display:grid}.android-download__visual img{object-fit:cover;border:1px solid #ffffff3d;border-radius:8px;width:104px;height:104px;display:block;box-shadow:0 14px 28px #05191257}.android-download__visual>span,.android-download__eyebrow{color:#efd49a;font-family:var(--songo-font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.android-download__content{min-width:0}.android-download__eyebrow,.android-download__content h2,.android-download__description{margin:0}.android-download__content h2{color:#fffdf8;font-family:var(--songo-font-display);letter-spacing:0;margin-top:6px;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.08}.android-download__description{color:#fffdf8c7;max-width:58ch;margin-top:10px;font-size:.96rem;font-weight:600;line-height:1.55}.android-download__actions{margin-top:18px;display:flex}.android-download__cta{color:#2d1d0f;background:#efd49a;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:12px;min-height:58px;padding:8px 18px;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #05191242}.android-download__cta:hover,.android-download__cta:focus-visible{background:#f7dfaa;transform:translateY(-1px)}.android-download__cta:focus-visible{outline-offset:3px;outline:3px solid #fffdf89e}.android-download__play-icon{color:#fffdf8;clip-path:polygon(12% 0,100% 50%,12% 100%);background:#b25a38;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:0;display:grid}.android-download__cta small,.android-download__cta strong{display:block}.android-download__cta small{font-size:.66rem;font-weight:750;line-height:1.1}.android-download__cta strong{margin-top:2px;font-size:1rem;line-height:1.2}.android-download__qr{color:#fffdf8b8;text-align:center;justify-items:center;gap:8px;font-size:.7rem;font-weight:750;display:grid}.android-download__qr svg{border-radius:6px}@media (width<=760px){.android-download{grid-template-columns:78px minmax(0,1fr);gap:16px;padding:20px 16px}.android-download__visual{width:78px}.android-download__visual img{width:72px;height:72px}.android-download__visual>span,.android-download__eyebrow{font-size:.62rem}.android-download__content h2{font-size:1.45rem}.android-download__description{font-size:.86rem}.android-download__actions,.android-download__cta{width:100%}.android-download__qr{display:none}}@media (width<=430px){.android-download{text-align:center;grid-template-columns:1fr;justify-items:center}.android-download__content,.android-download__actions{width:100%}.android-download__description{margin-inline:auto}.android-download__cta{justify-content:center}}