@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/gamenight-color-clash/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/gamenight-color-clash/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/gamenight-color-clash/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/gamenight-color-clash/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/gamenight-color-clash/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/gamenight-color-clash/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/gamenight-color-clash/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/gamenight-color-clash/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/gamenight-color-clash/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/gamenight-color-clash/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/gamenight-color-clash/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/gamenight-color-clash/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gamenight-color-clash/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gamenight-color-clash/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gamenight-color-clash/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gamenight-color-clash/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gamenight-color-clash/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gamenight-color-clash/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gamenight-color-clash/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes gn-screen-in{0%{opacity:0;transform:translateY(16px)scale(.985)}}.gn-screen{animation:gn-screen-in var(--gn-dur-slow) var(--gn-ease-out) backwards}.gn-screen--exit{animation:gn-screen-out var(--gn-dur-fast) var(--gn-ease-exit) forwards}@keyframes gn-screen-out{to{opacity:0;transform:translateY(-8px)}}@keyframes gn-pop-in{0%{opacity:0;transform:scale(.9)translateY(6px)}}.gn-pop{animation:gn-pop-in var(--gn-dur-base) var(--gn-ease-out) backwards}.gn-pop-out{animation:gn-pop-out var(--gn-dur-fast) var(--gn-ease-exit) forwards}@keyframes gn-pop-out{to{opacity:0;transform:scale(.9)}}.gn-flip{perspective:800px}.gn-flip__inner{transform-style:preserve-3d;animation:gn-flip-in var(--gn-dur-deal) var(--gn-ease-spring) backwards;position:relative}@keyframes gn-flip-in{0%{transform:rotateY(180deg)}}.gn-flip__face{backface-visibility:hidden}.gn-flip__face--back{position:absolute;inset:0;transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.gn-flip__inner{animation:none;transform:rotateY(0)}}@keyframes gn-rise-in{0%{opacity:0;transform:translateY(20px)scale(.96)}}.gn-rise{animation:gn-rise-in var(--gn-dur-deal) var(--gn-ease-out) backwards}@keyframes gn-pulse-beat{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.gn-pulse{animation:gn-pulse-beat 1s var(--gn-ease-in-out)}@keyframes gn-backdrop-in{0%{opacity:0}}@keyframes gn-backdrop-out{to{opacity:0}}@keyframes gn-sheet-up{0%{transform:translateY(100%)}}@keyframes gn-sheet-down{to{transform:translateY(100%)}}.gn-backdrop-in{animation:gn-backdrop-in var(--gn-dur-base) var(--gn-ease-out)}.gn-backdrop-out{animation:gn-backdrop-out var(--gn-dur-base) var(--gn-ease-exit) forwards}.gn-sheet-up{animation:gn-sheet-up var(--gn-dur-slow) var(--gn-ease-out)}.gn-sheet-down{animation:gn-sheet-down var(--gn-dur-base) var(--gn-ease-exit) forwards}.gn-flip__inner,.gn-sheet,.gn-share-sheet,.gn-celebration__confetti-piece,.gn-reaction-node{will-change:transform, opacity}.gn-btn{font-family:var(--gn-font-display);letter-spacing:.01em;min-height:var(--gn-touch);cursor:pointer;clip-path:polygon(var(--gn-cut) 0, 100% 0, 100% calc(100% - var(--gn-cut)), calc(100% - var(--gn-cut)) 100%, 0 100%, 0 var(--gn-cut));transition:transform var(--gn-dur-fast) var(--gn-ease-out), filter var(--gn-dur-fast) var(--gn-ease-out), box-shadow var(--gn-dur-fast) var(--gn-ease-out);touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:700;display:inline-flex}.gn-btn:active{transform:scale(.97)}.gn-btn--full{width:100%}.gn-btn--primary{background:var(--gn-lime);color:#0a0a12}.gn-btn--primary:hover{filter:brightness(1.08)}.gn-btn--secondary{background:var(--gn-void-card);color:var(--gn-ink);box-shadow:inset 0 0 0 1px var(--gn-line)}.gn-btn--secondary:hover{box-shadow:inset 0 0 0 1px var(--gn-cyan);color:var(--gn-cyan)}.gn-btn--ghost{color:var(--gn-ink-dim);clip-path:none;background:0 0}.gn-btn--ghost:hover{color:var(--gn-ink)}.gn-btn--danger{background:var(--gn-danger);color:#1a0000}.gn-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.gn-card{background:var(--gn-void-card);filter:var(--gn-el-1);border-top:3px solid var(--gn-line);padding:var(--gn-gap-md);clip-path:polygon(var(--gn-cut) 0, 100% 0, 100% calc(100% - var(--gn-cut)), calc(100% - var(--gn-cut)) 100%, 0 100%, 0 var(--gn-cut));position:relative}.gn-card--lime{border-top-color:var(--gn-lime-rest)}.gn-card--magenta{border-top-color:var(--gn-magenta-rest)}.gn-card--cyan{border-top-color:var(--gn-cyan-rest)}.gn-card--amber{border-top-color:var(--gn-amber-rest)}.gn-code-input{gap:var(--gn-gap-xs);justify-content:center;display:flex}.gn-code-input__box{width:48px;height:var(--gn-touch);text-align:center;font-family:var(--gn-font-mono);color:var(--gn-lime);background:var(--gn-void-raised);border:1px solid var(--gn-line);border-radius:var(--gn-radius);text-transform:uppercase;caret-color:var(--gn-lime);font-size:24px;font-weight:700}.gn-code-input__box:focus{outline:2px solid var(--gn-lime);outline-offset:1px;border-color:var(--gn-lime)}.gn-player-list{gap:var(--gn-gap-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gn-player-list__item{align-items:center;gap:var(--gn-gap-sm);font-family:var(--gn-font-body);min-height:36px;animation:gn-pop-in var(--gn-dur-base) var(--gn-ease-out) backwards;font-size:16px;display:flex}.gn-player-list__dot{background:var(--gn-lime-rest);border-radius:50%;flex-shrink:0;width:10px;height:10px}.gn-player-list__dot--off{background:var(--gn-ink-faint);box-shadow:none}.gn-player-list__name{flex:1}.gn-player-list__badge{font-family:var(--gn-font-mono);letter-spacing:.05em;color:var(--gn-void);background:var(--gn-amber);border-radius:3px;padding:3px 7px;font-size:11px;font-weight:700}.gn-player-list__empty{color:var(--gn-ink-faint);font-style:italic}.gn-player-list__edit-btn{cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:14px;line-height:1}.gn-player-list__edit-input{flex:1;min-height:32px;padding:0 8px;font-size:14px}.gn-toast-stack{left:0;right:0;bottom:env(safe-area-inset-bottom,0);pointer-events:none;z-index:1000;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex;position:fixed}.gn-toast{font-family:var(--gn-font-body);border-radius:var(--gn-radius);box-shadow:var(--gn-shadow-pop);max-width:92vw;animation:gn-toast-in var(--gn-dur-base) var(--gn-ease-out);padding:12px 18px;font-size:14px;font-weight:600}.gn-toast--exit{animation:gn-toast-out var(--gn-dur-fast) var(--gn-ease-exit) forwards}.gn-toast--info{background:var(--gn-void-raised);color:var(--gn-ink);box-shadow:inset 0 0 0 1px var(--gn-line), 0 8px 24px #00000073}.gn-toast--success{background:var(--gn-lime);color:#0a0a12}.gn-toast--error{background:var(--gn-danger);color:#1a0000}@keyframes gn-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gn-toast-out{to{opacity:0;transform:translateY(4px)}}.gn-help-fab{left:max(16px, env(safe-area-inset-left,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));z-index:900;width:var(--gn-touch);height:var(--gn-touch);background:var(--gn-void-card);color:var(--gn-ink-dim);box-shadow:inset 0 0 0 1px var(--gn-line), 0 8px 20px #00000073;font-family:var(--gn-font-display);cursor:pointer;opacity:.82;transition:transform var(--gn-dur-fast) var(--gn-ease-out), opacity var(--gn-dur-fast) var(--gn-ease-out), box-shadow var(--gn-dur-fast) var(--gn-ease-out), color var(--gn-dur-fast) var(--gn-ease-out);touch-action:manipulation;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:fixed}.gn-help-fab:hover,.gn-help-fab:focus-visible{opacity:1;color:var(--gn-lime);box-shadow:inset 0 0 0 1px var(--gn-lime), 0 8px 20px #00000080}.gn-help-fab:active{transform:scale(.94)}.gn-sheet-overlay{z-index:1200;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.gn-sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:gn-backdrop-in var(--gn-dur-base) var(--gn-ease-out);cursor:default;background:#06060eb8;border:none;padding:0;position:absolute;inset:0}.gn-sheet{z-index:1;background:var(--gn-void-raised);width:100%;max-width:560px;max-height:min(84vh,720px);filter:var(--gn-el-3);border-top:1px solid var(--gn-line);clip-path:polygon(var(--gn-cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--gn-cut));padding-bottom:env(safe-area-inset-bottom,0);animation:gn-sheet-up var(--gn-dur-slow) var(--gn-ease-out);touch-action:none;flex-direction:column;display:flex;position:relative}.gn-sheet-backdrop--exit{animation:gn-backdrop-out var(--gn-dur-base) var(--gn-ease-exit) forwards}.gn-sheet--exit{animation:gn-sheet-down var(--gn-dur-base) var(--gn-ease-exit) forwards}.gn-sheet__handle-zone{cursor:grab;touch-action:none;justify-content:center;padding:10px 0 4px;display:flex}.gn-sheet__handle{background:var(--gn-line);border-radius:2px;width:40px;height:4px}.gn-sheet__header{align-items:center;gap:var(--gn-gap-sm);padding:4px var(--gn-gap-md) var(--gn-gap-sm);border-bottom:1px solid var(--gn-line);display:flex}.gn-sheet__emoji{font-size:28px;line-height:1}.gn-sheet__title{color:var(--gn-ink);flex:1;font-size:20px}.gn-sheet__close{background:var(--gn-void-card);width:36px;height:36px;min-height:36px;color:var(--gn-ink-dim);cursor:pointer;box-shadow:inset 0 0 0 1px var(--gn-line);border:none;border-radius:50%;font-size:14px;transition:color .12s,box-shadow .12s}.gn-sheet__close:hover,.gn-sheet__close:focus-visible{color:var(--gn-magenta);box-shadow:inset 0 0 0 1px var(--gn-magenta)}.gn-sheet__body{padding:var(--gn-gap-md);padding-bottom:calc(var(--gn-gap-xl) + env(safe-area-inset-bottom,0));-webkit-overflow-scrolling:touch;overflow-y:auto}.gn-sheet__section+.gn-sheet__section{margin-top:var(--gn-gap-lg)}.gn-sheet__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--gn-cyan-rest);margin-bottom:var(--gn-gap-sm);font-size:15px}.gn-sheet__p{font-family:var(--gn-font-body);color:var(--gn-ink);margin:0 0 var(--gn-gap-sm);font-size:16px;line-height:1.55}.gn-sheet__p strong,.gn-sheet__list strong{color:var(--gn-lime-rest);font-weight:700}.gn-sheet__list{margin:0 0 var(--gn-gap-sm);flex-direction:column;gap:6px;padding-left:1.2em;display:flex}.gn-sheet__list li{color:var(--gn-ink);font-size:16px;line-height:1.5}.gn-sheet__glossary{margin:var(--gn-gap-sm) 0 0;gap:var(--gn-gap-xs);border-left:2px solid var(--gn-line);padding-left:var(--gn-gap-sm);flex-direction:column;display:flex}.gn-sheet__glossary-row dt{font-family:var(--gn-font-display);color:var(--gn-amber-rest);font-size:14px;font-weight:700}.gn-sheet__glossary-row dd{color:var(--gn-ink-dim);margin:2px 0 0;font-size:14px;line-height:1.4}.gn-topbar{z-index:950;height:calc(46px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(14px, env(safe-area-inset-right,0px)) 0 max(12px, env(safe-area-inset-left,0px));background:color-mix(in srgb, var(--gn-void-raised,#131322) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--gn-line,#2c2c4a);justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}body.gn-has-session-bar{padding-top:calc(46px + env(safe-area-inset-top,0px))}.gn-topbar__code{color:var(--gn-ink,#f4f3fb);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:6px 8px;display:flex}.gn-topbar__code:active{background:var(--gn-void-card,#191933)}.gn-topbar__dot{background:var(--gn-lime,#b6f36b);width:8px;height:8px;box-shadow:0 0 8px var(--gn-lime,#b6f36b);border-radius:50%;flex-shrink:0}.gn-topbar__code-text{font-family:var(--gn-font-mono);letter-spacing:.14em;font-size:16px;font-weight:700}.gn-topbar__copy{font-family:var(--gn-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gn-ink-faint,#6f6c93);font-size:10px}.gn-topbar__menu{background:var(--gn-void-card,#191933);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--gn-line,#2c2c4a);color:var(--gn-ink-dim,#a9a6c9);cursor:pointer;touch-action:manipulation;transition:transform var(--gn-dur-fast) var(--gn-ease-out), color var(--gn-dur-fast) var(--gn-ease-out);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;line-height:1;display:flex}.gn-topbar__menu:hover,.gn-topbar__menu:focus-visible{color:var(--gn-ink,#f4f3fb)}.gn-topbar__menu:active{transform:scale(.94)}.gn-menusheet{padding-bottom:max(24px, env(safe-area-inset-bottom,0px))}.gn-menusheet__actions{flex-direction:column;gap:10px;margin-top:6px;display:flex}.gn-menusheet__row{width:100%;min-height:var(--gn-touch);border-radius:var(--gn-radius);background:var(--gn-void-raised);box-shadow:inset 0 0 0 1px var(--gn-line);color:var(--gn-ink);font:inherit;cursor:pointer;text-align:left;transition:background var(--gn-dur-fast) var(--gn-ease-out);border:none;align-items:center;gap:12px;padding:0 18px;font-size:16px;font-weight:600;display:flex}.gn-menusheet__row:hover,.gn-menusheet__row:focus-visible{background:var(--gn-void-card)}.gn-menusheet__row--danger{color:var(--gn-red)}.gn-menusheet__row--ghost{color:var(--gn-ink-dim);justify-content:center}.gn-menusheet__confirm{flex-direction:column;gap:8px;display:flex}.gn-menusheet__confirm-q{text-align:center;color:var(--gn-ink-dim);margin:4px 0 0;font-size:14px}.gn-menusheet__confirm-row{gap:10px;display:flex}.gn-menusheet__confirm-row .gn-menusheet__row{flex:1;justify-content:center}.gn-reactionbar-trigger{right:var(--gn-gap-md,20px);bottom:var(--gn-gap-md,20px);width:var(--gn-touch,52px);height:var(--gn-touch,52px);border:1px solid var(--gn-line,#2c2c4a);background:var(--gn-void-raised,#131322);color:var(--gn-ink,#f4f3fb);cursor:pointer;box-shadow:var(--gn-shadow-pop,0 8px 24px #00000073);z-index:40;transition:transform var(--gn-dur-fast) var(--gn-ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex;position:fixed}.gn-reactionbar-trigger:hover,.gn-reactionbar-trigger:focus-visible{transform:scale(1.06)}.gn-reactionbar{right:var(--gn-gap-md,20px);bottom:var(--gn-gap-md,20px);align-items:center;gap:var(--gn-gap-xs,6px);background:var(--gn-void-raised,#131322);border:1px solid var(--gn-line,#2c2c4a);padding:var(--gn-gap-xs,6px);box-shadow:var(--gn-shadow-pop,0 8px 24px #00000073);z-index:40;max-width:calc(100vw - 2 * var(--gn-gap-md,20px) - var(--gn-touch,52px) - 12px);border-radius:999px;display:flex;position:fixed}.gn-reactionbar-tray{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.gn-reactionbar-tray::-webkit-scrollbar{display:none}.gn-reactionbar-emoji{cursor:pointer;width:40px;height:40px;transition:transform var(--gn-dur-fast) var(--gn-ease-out), background var(--gn-dur-fast) var(--gn-ease-out);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.gn-reactionbar-emoji:hover,.gn-reactionbar-emoji:focus-visible{background:var(--gn-void-card,#191933);transform:scale(1.15)}.gn-reactionbar-emoji:active{transform:scale(.95)}.gn-reactionbar-collapse{width:32px;height:32px;color:var(--gn-ink-dim,#a9a6c9);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;font-size:14px}.gn-reactionbar-collapse:hover,.gn-reactionbar-collapse:focus-visible{color:var(--gn-ink,#f4f3fb);background:var(--gn-void-card,#191933)}@media (prefers-reduced-motion:reduce){.gn-reactionbar-trigger,.gn-reactionbar-emoji{transition:none}}.gn-reaction-overlay{pointer-events:none;z-index:39;position:fixed;inset:0;overflow:hidden}.gn-reaction-node{opacity:0;will-change:transform, opacity;font-size:32px;line-height:1;animation:2.2s ease-out forwards gn-reaction-float;position:absolute;bottom:12%}@keyframes gn-reaction-float{0%{opacity:0;transform:translate(0)scale(.6)}12%{opacity:1;transform:translateY(-10%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(var(--gn-reaction-drift,0px), -70vh) scale(1)}}@media (prefers-reduced-motion:reduce){.gn-reaction-node{animation:2.2s ease-out forwards gn-reaction-fade}@keyframes gn-reaction-fade{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}}.gn-conn-banner{z-index:1100;justify-content:center;align-items:center;gap:var(--gn-gap-sm);padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));font-family:var(--gn-font-body);animation:gn-conn-banner-in var(--gn-dur-base) var(--gn-ease-out);font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.gn-conn-banner--offline{background:var(--gn-void-raised);color:var(--gn-ink-dim);box-shadow:inset 0 -1px 0 var(--gn-line)}.gn-conn-banner--reconnecting{background:var(--gn-amber);color:#1a1200}.gn-conn-banner__dot{background:var(--gn-ink-faint);border-radius:50%;flex-shrink:0;width:8px;height:8px}.gn-conn-banner__spinner{border:2px solid #00000040;border-top-color:#1a1200;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite gn-conn-banner-spin}.gn-conn-banner__retry{font-family:var(--gn-font-mono);letter-spacing:.03em;color:#1a1200;cursor:pointer;background:#0000001f;border:none;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700}.gn-conn-banner__retry:hover{background:#0003}@keyframes gn-conn-banner-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes gn-conn-banner-spin{to{transform:rotate(360deg)}}.gn-qr-dialog-overlay{z-index:60;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gn-qr-dialog-backdrop{cursor:pointer;background:#0009;border:none;position:absolute;inset:0}.gn-qr-dialog{z-index:1;background:var(--gn-surface,#16161c);color:var(--gn-text,#fff);border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:min(90vw,340px);padding:24px;display:flex;position:relative}.gn-qr-dialog__close{color:inherit;cursor:pointer;background:0 0;border:none;padding:6px;font-size:18px;position:absolute;top:10px;right:10px}.gn-qr-dialog__title{margin:0;font-size:16px;font-weight:700}.gn-qr-dialog__canvas-wrap{border-radius:12px;line-height:0;overflow:hidden}.gn-qr-dialog__canvas{width:280px;height:280px;display:block}.gn-qr-dialog__code{letter-spacing:4px;margin:0;font-family:monospace;font-size:22px}.gn-share-overlay{z-index:1200;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.gn-share-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:gn-backdrop-in var(--gn-dur-base) var(--gn-ease-out);cursor:default;background:#06060eb8;border:none;padding:0;position:absolute;inset:0}.gn-share-sheet{z-index:1;background:var(--gn-void-raised,#131322);border-top:1px solid var(--gn-line,#2c2c4a);width:100%;max-width:560px;max-height:min(84vh,720px);filter:var(--gn-el-3);clip-path:polygon(24px 0,100% 0,100% 100%,0 100%,0 24px);padding:8px 20px calc(24px + env(safe-area-inset-bottom,0));animation:gn-sheet-up var(--gn-dur-slow) var(--gn-ease-out);position:relative;overflow-y:auto}.gn-share-backdrop--exit{animation:gn-backdrop-out var(--gn-dur-base) var(--gn-ease-exit) forwards}.gn-share-sheet--exit{animation:gn-sheet-down var(--gn-dur-base) var(--gn-ease-exit) forwards}.gn-share-sheet__header{justify-content:space-between;align-items:center;padding:12px 0 4px;display:flex}.gn-share-sheet__title{letter-spacing:.04em;color:var(--gn-ink,#f4f3fb);margin:0;font-size:1.1rem;font-weight:700}.gn-share-sheet__close{color:var(--gn-ink-dim,#a9a6c9);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:1rem}.gn-share-sheet__grid{grid-template-columns:1fr 1fr;gap:10px;padding-top:10px;display:grid}.gn-share-sheet__btn{text-align:center;font:inherit;color:var(--gn-ink,#f4f3fb);background:var(--gn-card,#191933);border:1px solid var(--gn-line,#2c2c4a);cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);padding:14px 10px;font-weight:600;text-decoration:none;display:block}.gn-share-sheet__btn:hover:not(:disabled){border-color:var(--gn-lime,#c6ff3d)}.gn-share-sheet__btn:disabled{opacity:.5;cursor:default}.gn-share-sheet__btn--primary{background:var(--gn-lime,#c6ff3d);color:#0a0a12;border-color:#0000}.gn-share-sheet__btn--quiet{width:100%;margin-top:12px}.gn-share-sheet__steps{color:var(--gn-ink,#f4f3fb);padding:10px 4px 4px}.gn-share-sheet__steps-title{margin:0 0 8px;font-weight:700}.gn-share-sheet__steps ol{color:var(--gn-ink-dim,#a9a6c9);margin:0;padding-left:22px;line-height:1.9}.gn-share-sheet__error{color:var(--gn-magenta,#ff3da6);margin:10px 0 0;font-size:.9rem}.gn-share-sheet__tabs{grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;display:grid}.gn-share-sheet__tab{font:inherit;color:var(--gn-ink-dim,#a9a6c9);border:1px solid var(--gn-line,#2c2c4a);cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:0 0;padding:10px;font-weight:600}.gn-share-sheet__tab--active{color:var(--gn-ink,#f4f3fb);border-color:var(--gn-lime,#c6ff3d);background:var(--gn-card,#191933)}.gn-share-sheet__qr{flex-direction:column;align-items:center;gap:12px;padding:16px 0 4px;display:flex}.gn-share-sheet__qr-title{color:var(--gn-ink,#f4f3fb);margin:0;font-weight:700}.gn-share-sheet__qr-canvas-wrap{border-radius:12px;line-height:0;overflow:hidden}.gn-share-sheet__qr-canvas{width:280px;height:280px;display:block}.gn-share-sheet__qr-code{letter-spacing:4px;color:var(--gn-ink,#f4f3fb);margin:0;font-family:monospace;font-size:22px}.gn-groufie{flex-direction:column;gap:8px;display:flex}.gn-groufie__input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gn-groufie__trigger{min-height:var(--gn-touch,44px);font-family:var(--gn-font-display);color:#0a0a12;background:var(--gn-lime,#c6ff3d);cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform var(--gn-dur-fast) var(--gn-ease-out), opacity var(--gn-dur-fast) var(--gn-ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:700;display:inline-flex}.gn-groufie__icon{font-size:1.05em;line-height:1}.gn-groufie__trigger:hover:not(:disabled){transform:translateY(-1px)}.gn-groufie__trigger:active:not(:disabled){transform:scale(.97)}.gn-groufie__trigger:disabled{opacity:.55;cursor:default}.gn-groufie__preview-wrap{background:var(--gn-void-card,#191933);border:1px solid var(--gn-line,#2c2c4a);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);flex-direction:column;gap:10px;padding:10px;display:flex}.gn-groufie__preview{object-fit:cover;border:1px solid var(--gn-line,#2c2c4a);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);width:100%;max-height:260px}.gn-groufie__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gn-groufie__btn{font:inherit;color:var(--gn-ink,#f4f3fb);background:var(--gn-void-raised,#131322);border:1px solid var(--gn-line,#2c2c4a);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:600;display:inline-flex}.gn-groufie__btn--primary{background:var(--gn-lime,#c6ff3d);color:#0a0a12;border-color:#0000}.gn-groufie__btn--quiet:hover{border-color:var(--gn-magenta,#ff3da6)}.gn-groufie__error{color:var(--gn-magenta,#ff3da6);margin:0;font-size:.85rem}.gn-groufie__privacy{color:var(--gn-ink-faint,#6b6890);margin:0;font-size:.78rem;line-height:1.4}.gn-groufie__thumb{background:var(--gn-void-card,#191933);border:1px solid var(--gn-line,#2c2c4a);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);align-items:center;gap:10px;padding:10px;display:flex}.gn-groufie__thumb-img{object-fit:cover;border:1px solid var(--gn-line,#2c2c4a);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);flex-shrink:0;width:56px;height:56px}.gn-groufie__thumb-text{flex-direction:column;gap:2px;min-width:0;display:flex}.gn-groufie__thumb-note{color:var(--gn-ink-dim,#a9a6c9);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;overflow:hidden}.gn-groufie__thumb-privacy{color:var(--gn-ink-faint,#6b6890);margin:0;font-size:.72rem}.guidance-banner{align-items:center;gap:var(--gn-gap-xs,8px);background:var(--gn-void-raised);border:1px solid var(--gn-line);border-left:3px solid var(--gn-lime);border-radius:var(--gn-radius,10px);margin-bottom:var(--gn-gap-sm,12px);z-index:5;padding:10px 14px;display:flex;position:sticky;top:0}.guidance-banner--action{border-left-color:var(--gn-lime)}.guidance-banner--wait{border-left-color:var(--gn-line-strong)}.guidance-banner--neutral{border-left-color:var(--gn-cyan)}.guidance-banner--danger{border-left-color:var(--gn-danger)}.guidance-banner__icon{flex-shrink:0;font-size:16px;line-height:1}.guidance-banner__text{color:var(--gn-ink);margin:0;font-size:14px;font-weight:700}.gn-celebration{align-items:center;gap:var(--gn-gap-sm);text-align:center;pointer-events:none;flex-direction:column;display:flex;position:relative}.gn-celebration__glow{z-index:-1;pointer-events:none;background:radial-gradient(circle, var(--gn-lime) 0%, transparent 70%);opacity:0;animation:gn-celebration-glow var(--gn-dur-epic) var(--gn-ease-out) forwards;position:absolute;inset:-20% -10%}@keyframes gn-celebration-glow{0%{opacity:0;transform:scale(.6)}40%{opacity:.8}to{opacity:0;transform:scale(1.4)}}.gn-celebration__glow--static{opacity:.3;animation:none;transform:scale(1)}.gn-celebration__title{font-family:var(--gn-font-display);font-size:var(--gn-t-title);color:var(--gn-ink);margin:0}.gn-celebration__stats{gap:var(--gn-gap-2xs);flex-direction:column;display:flex}.gn-celebration__confetti{pointer-events:none;z-index:1300;position:fixed;inset:0;overflow:hidden}.gn-celebration__confetti-piece{top:-10vh;left:var(--gn-confetti-x,50vw);opacity:.9;width:8px;height:14px;animation:gn-confetti-fall var(--gn-confetti-duration,1.5s) linear var(--gn-confetti-delay,0s) forwards;position:absolute}@keyframes gn-confetti-fall{0%{opacity:.9;transform:translateY(0)rotate(0)}to{transform:translateY(120vh) rotate(var(--gn-confetti-rotate,180deg));opacity:0}}.bcard{font:inherit;color:#fff;touch-action:manipulation;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .14s,box-shadow .14s,filter .14s;display:flex;position:relative;box-shadow:inset 0 0 0 4px #ffffffeb,0 6px 18px #00000080}.bcard--sm{width:44px;height:62px}.bcard--md{width:68px;height:96px}.bcard--lg{width:120px;height:168px}.bcard__glyph{font-family:var(--gn-font-display);text-shadow:0 2px 6px #00000080;z-index:1;font-size:clamp(28px,6vw,44px);font-weight:700}.bcard--wild{background:#191933!important}.bcard__pinwheel{background:conic-gradient(var(--balasa-red,#e23b4e) 0deg 90deg, var(--balasa-yellow,#f5b301) 90deg 180deg, var(--balasa-green,#2f9e44) 180deg 270deg, var(--balasa-blue,#1c7ce6) 270deg 360deg);opacity:.9;border-radius:50%;position:absolute;inset:10%}.bcard__pinwheel--under{opacity:.55}.bcard__corner{color:#ffffffd9;text-shadow:0 1px 2px #0009;z-index:1;font-size:clamp(9px,1.6vw,13px);line-height:1;position:absolute}.bcard__corner--tl{top:6px;left:6px}.bcard__corner--br{bottom:6px;right:6px;transform:rotate(180deg)}.bcard--sm .bcard__corner{display:none}.bcard--back{background:repeating-linear-gradient(135deg,#191933,#191933 8px,#22224a 8px 16px);box-shadow:inset 0 0 0 4px #ffffff80,0 6px 18px #00000080}.bcard__back-mark{color:#ffffff59;font-size:22px;font-weight:700}.bcard--tappable{cursor:pointer}.bcard--tappable:active{transform:scale(.96)}.bcard--dimmed{filter:brightness(.45)saturate(.6);box-shadow:inset 0 0 0 4px #fff6,0 4px 10px #0006}.bcard--raised{transform:translateY(-10px);box-shadow:inset 0 0 0 4px #fffffff2,0 10px 22px #0000008c}.bcard:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.bcard{transition:none}}.colorpicker__overlay{z-index:1500;background:#05050ca6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.colorpicker__sheet{background:var(--gn-void-card);border-top:3px solid var(--balasa-accent,#e23b4e);width:100%;max-width:480px;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:.18s ease-out colorpicker-up;box-shadow:0 -8px 30px #00000080}.colorpicker__title{text-align:center;font-family:var(--gn-font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--gn-ink-dim);margin:0 0 16px;font-size:13px}.colorpicker__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.colorpicker__tile{color:#fff;min-height:88px;font-family:var(--gn-font-display);cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;font-size:18px;font-weight:700;box-shadow:inset 0 0 0 3px #ffffffd9}.colorpicker__tile:active{transform:scale(.97)}.colorpicker__cancel{width:100%;min-height:52px;color:var(--gn-ink-dim);font-family:var(--gn-font-display);cursor:pointer;background:0 0;border:none;margin-top:16px;font-weight:700}@keyframes colorpicker-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.colorpicker__sheet{animation:none}}.table{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));gap:12px}.table__turnbar{text-align:center;min-height:28px}.table__turn{font-family:var(--gn-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gn-ink-dim);margin:0;font-size:13px}.table__turn--mine{color:var(--balasa-accent,#e23b4e);font-weight:700}.table__pendingbanner{background:var(--balasa-accent,#e23b4e);color:#fff;font-family:var(--gn-font-display);border-radius:999px;padding:6px 16px;font-weight:700;animation:.9s ease-in-out infinite table-pulse;display:inline-block}.table__opponents{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.table__opponent{background:var(--gn-void-card);color:var(--gn-ink);font-family:var(--gn-font-body);cursor:default;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.table__opponent-dot{background:0 0;border-radius:50%;width:8px;height:8px}.table__opponent-dot[data-on="1"]{background:var(--gn-lime-rest)}.table__opponent-count{font-family:var(--gn-font-mono);color:var(--gn-ink-dim)}.table__opponent--catchable{cursor:pointer;box-shadow:0 0 0 2px var(--balasa-accent,#e23b4e);animation:.9s ease-in-out infinite table-pulse}.table__center{justify-content:center;align-items:center;gap:24px;min-height:38vh;display:flex;position:relative}.table__pile{cursor:pointer;touch-action:manipulation;position:relative}.table__pile-count{font-family:var(--gn-font-mono);color:var(--gn-ink-dim);font-size:12px;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.table__discard{position:relative}.table__direction{color:var(--gn-ink-dim);font-size:24px;position:absolute;top:-8px;right:8px}.table__handrow{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:8px;min-height:110px;padding:12px 8px 4px;display:flex;overflow-x:auto}.table__handrow>*{scroll-snap-align:center}.table__empty-hand{color:var(--gn-ink-faint);margin:auto}.table__actionbar{padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));background:var(--gn-void-raised);z-index:900;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.table__action{border-radius:var(--gn-radius);background:var(--gn-void-card);min-height:56px;color:var(--gn-ink);font-family:var(--gn-font-display);cursor:pointer;touch-action:manipulation;border:none;flex:1;font-size:15px;font-weight:700}.table__action:disabled{opacity:.35;cursor:not-allowed}.table__action--draw{background:var(--gn-void-card);box-shadow:inset 0 0 0 1px var(--gn-line)}.table__action--una{background:var(--balasa-accent,#e23b4e);color:#fff}.table__action--una-glow{animation:.9s ease-in-out infinite table-glow}@keyframes table-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes table-glow{0%,to{box-shadow:0 0 #e23b4eb3}50%{box-shadow:0 0 0 8px #e23b4e00}}@media (prefers-reduced-motion:reduce){.table__pendingbanner,.table__opponent--catchable,.table__action--una-glow{animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gn-void:#08080f;--gn-void-raised:#101019;--gn-void-card:#15152a;--gn-void-float:#1b1b36;--gn-line:#262643;--gn-line-strong:#3a3a63;--gn-ink:#f4f3fb;--gn-ink-dim:#a9a6c9;--gn-ink-faint:#6b6890;--gn-lime-rest:#a8c96a;--gn-lime:#c6ff3d;--gn-magenta-rest:#c9679e;--gn-magenta:#ff3da6;--gn-cyan-rest:#6cb8cb;--gn-cyan:#3de1ff;--gn-amber-rest:#cba06a;--gn-amber:#ffb23d;--gn-lime-dim:#7ea637;--gn-danger:#ff5d5d;--gn-font-display:"Space Grotesk", "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--gn-font-body:"Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--gn-font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--gn-t-hero:clamp(36px, 10vw, 52px);--gn-t-title:26px;--gn-t-heading:20px;--gn-t-sub:16px;--gn-t-body:15px;--gn-t-meta:13px;--gn-t-label:11px;--gn-t-code:clamp(40px, 12vw, 56px);--gn-cut:14px;--gn-cut-sm:8px;--gn-radius:4px;--gn-round:999px;--gn-gap-2xs:4px;--gn-gap-xs:8px;--gn-gap-sm:12px;--gn-gap-md:16px;--gn-gap-lg:24px;--gn-gap-xl:40px;--gn-gap-2xl:56px;--gn-touch:52px;--gn-el-1:drop-shadow(0 1px 2px #00000080);--gn-el-2:drop-shadow(0 4px 10px #00000073) drop-shadow(0 1px 2px #0009);--gn-el-3:drop-shadow(0 12px 28px #0000008c) drop-shadow(0 2px 4px #0009);--gn-shadow-pop:0 0 0 1px var(--gn-line), 0 8px 24px #00000073;--gn-dur-fast:.12s;--gn-dur-base:.2s;--gn-dur-slow:.35s;--gn-dur-deal:.45s;--gn-dur-epic:.9s;--gn-ease-out:cubic-bezier(.16, 1, .3, 1);--gn-ease-in-out:cubic-bezier(.65, 0, .35, 1);--gn-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--gn-ease-exit:cubic-bezier(.7, 0, .84, 0);--gn-stagger:50ms}*{box-sizing:border-box}html,body{background:var(--gn-void);color:var(--gn-ink);font-family:var(--gn-font-body);-webkit-font-smoothing:antialiased;min-height:100%;margin:0;padding:0}#root{min-height:100vh}a{color:inherit}h1,h2,h3{font-family:var(--gn-font-display);letter-spacing:-.01em;margin:0}::selection{background:var(--gn-lime);color:#0a0a12}:focus-visible{outline:2px solid var(--gn-lime);outline-offset:2px}@keyframes gn-enter{0%{opacity:0;transform:translateY(12px)}}.gn-enter,.gn-enter-stagger>*{animation:gn-enter var(--gn-dur-slow) var(--gn-ease-out) backwards}.gn-enter-stagger>:nth-child(2){animation-delay:calc(var(--gn-stagger) * 1)}.gn-enter-stagger>:nth-child(3){animation-delay:calc(var(--gn-stagger) * 2)}.gn-enter-stagger>:nth-child(4){animation-delay:calc(var(--gn-stagger) * 3)}.gn-enter-stagger>:nth-child(5){animation-delay:calc(var(--gn-stagger) * 4)}.gn-enter-stagger>:nth-child(6){animation-delay:calc(var(--gn-stagger) * 5)}.gn-enter-stagger>:nth-child(n+7){animation-delay:calc(var(--gn-stagger) * 6)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:.001ms!important}}:root{--balasa-accent:#e23b4e;--balasa-red:#e23b4e;--balasa-yellow:#f5b301;--balasa-green:#2f9e44;--balasa-blue:#1c7ce6}.bl-shell{max-width:480px;min-height:100vh;padding:var(--gn-gap-lg) var(--gn-gap-md) calc(var(--gn-gap-lg) + var(--gn-touch,52px) + 16px + env(safe-area-inset-bottom,0px));padding-top:calc(var(--gn-gap-lg) + env(safe-area-inset-top,0px));gap:var(--gn-gap-lg);flex-direction:column;margin:0 auto;display:flex;overflow-x:hidden}.bl-banner{top:env(safe-area-inset-top,0);text-align:center;background:var(--balasa-accent);color:#fff;font-family:var(--gn-font-mono);letter-spacing:.05em;z-index:2000;padding:6px;font-size:12px;font-weight:700;position:fixed;left:0;right:0}.landing__hero{text-align:center;gap:var(--gn-gap-sm);margin-top:var(--gn-gap-lg);flex-direction:column;display:flex}.landing__title{font-size:clamp(34px,10vw,48px);font-weight:700;line-height:1.02}.landing__title-accent{color:var(--balasa-accent)}.landing__sub{color:var(--gn-ink-dim);font-size:16px;line-height:1.5}.landing__field{gap:var(--gn-gap-xs);flex-direction:column;display:flex}.landing__label{font-family:var(--gn-font-mono);letter-spacing:.06em;color:var(--gn-ink-dim);text-transform:uppercase;font-size:12px}.landing__input{min-height:var(--gn-touch);background:var(--gn-void-raised);border:1px solid var(--gn-line);border-radius:var(--gn-radius);color:var(--gn-ink);padding:0 14px;font-size:16px}.landing__input:focus{outline:2px solid var(--balasa-accent);outline-offset:1px;border-color:var(--balasa-accent)}.landing__actions{gap:var(--gn-gap-md);flex-direction:column;display:flex}.landing__divider{text-align:center;color:var(--gn-ink-faint);font-family:var(--gn-font-mono);letter-spacing:.08em;font-size:12px}.lobby{gap:var(--gn-gap-lg);flex-direction:column;display:flex}.lobby__code-card{text-align:center;gap:var(--gn-gap-sm);flex-direction:column;display:flex}.lobby__code{font-family:var(--gn-font-mono);letter-spacing:.12em;color:var(--balasa-accent);font-size:40px;font-weight:700}.lobby__code--tappable{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px}.lobby__code--tappable:hover,.lobby__code--tappable:focus-visible{outline:2px solid var(--balasa-accent);outline-offset:2px;background:#ffffff0f}.lobby__section-title{color:var(--gn-ink-dim);margin:0 0 var(--gn-gap-sm);font-size:15px;font-family:var(--gn-font-mono);letter-spacing:.04em;text-transform:uppercase}.lobby__waiting{color:var(--gn-ink-dim);text-align:center;padding:var(--gn-gap-lg) 0}.lobby__start-hint{text-align:center;color:var(--gn-ink-faint);margin-top:-8px;margin-bottom:8px;font-size:13px}.win{text-align:center;flex:1;justify-content:center;align-items:center}.win__hero{flex-direction:column;gap:8px;display:flex}.win__emoji{margin:0;font-size:64px}.win__title{margin:0;font-size:clamp(26px,7vw,36px)}.win__sub{color:var(--balasa-accent);font-family:var(--gn-font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:14px}.win__actions{gap:var(--gn-gap-sm);width:100%;margin-top:var(--gn-gap-lg);flex-direction:column;display:flex}