@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAVoAA8AAAAACegAAAUTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbDBwYBmAAbBEIColciA0LHgABNgIkAzgEIAWDZAc+DAcb9QdRlE5OmOBngm2rYa0IiBSU4SB6GXpb1ovxAEMb3kc8/X6ve+4LIEoWKsKQjE0KaAS5si8LV935qoC6jkBWl99PeNa/acrMsmIWkJM7J2fiwyD6/rZ3nySQEEJPI2+8mQgCjl/7/xfCPjhmumgbjyJtDTLAgZRI5C2Lsyg9Ej+AogCfIgpT4Glg/xqJD/gP3cxixar09EqCLkAR0S2CjsmOByOgCZ096O8EMaNtszM3NFMavYQr9Cp5x9dfFA/5c6zg2Tty8yAadUVizTiA6qa3QCC/ewmYw2NFVjA0W0NfnG8fGGCFUMwlNjUZzmSW9PlG/R/AyDGpxk28hPlctcMi84z8m/D+t4A8BCJ1LJF6PM8poA/kPvkJWDJ1K8BaUZaAFU7lYnST2ctUYrFxdcncWZ+9iCBZ7QpGtRZjgknaiROuAw9zmuW0fBVJAuYMq2n1OtKMXVFHky8Q0hrFz5fHL9r+nEPMnjt7HmivMC8x91xDA/1M/oAFOmT59tOnXR4D/SyfffGCednGaXbT8vxlrLJwBWKuYq7gZdFz7CSU+gIt6kE7uc+Qo2v37Ql5HkHKQsxRQtvGGz2XFwMdv411vIFQ6YqXmDMUlNIsQgwHBXRRFWtcw+hMzOajmR59mMsOuWmOF4yqrMx9tIxFTBfJL+Ii0RlIK4ImubT7MpIsjraaeanajTm7MtJOmW4rxrqXFRkT0If2oT0spW5rQzzafpjguAN9hiRinFZih+0AJ4zTkDbS8Uh95LjURmGlmKaOU1gqqpGTVk+skg4HuviVSNOtxkAukjRmgehpuFJzeK1lTT5P1BR1/PNEQdrPnuV+BTaWg//+kPhs+NC04dbkEaOaIOzcWmf+0GCvjO57t/beypjctoHZoyi8WpYUkmvITj8o+TTCOX91Xp24bnVevsQkk/AmUsZTIOZotreXUWEZNO7bn9qWsbLZpFW6JvXu9NXJzKKH42p+jchuqW1L6vNy1e9301q7tfmbr/QZMkUOD899Yd14NHBLo/SjF5cCSkjT2NHk135OQk4wT8IJPl3A+KVAmsC6w9Yzeb5ippX3NAv4svYkQsqFgb5lm1UzJZ7DRrsvW6fPCvnquOaJ3AZkUSKvIgyXf96PrZJ0kgSzaEuXOoX1hffmtOr/WYZ+xra+RIUo1WFKdehUQIrG3y5m3i9eznH2AwnYJE9dQSY4kM2VOdnutWqt4pcfeb+k1NlrCD2P3ZO5XLekNz+2uPpKb/XJ2t0NUfOkPccR0vHefWSNS4H/BGiupbdcml/BnXeommkZlIk13/I8D/sOQlw8z33xfpVl+C/GxBeA17vkDn3BYWv7dXrdRJsCQnVz7EH1QwnxcArxoPR47glkG2iQNwSZIChqhlyhaVP9a/045AZNdsyOfJGctxwg9NgmBAURbAFAm+MIaZIADY94zBhygFn0uMesbKlubVJlNpuQyGwxwB96jhQ4qR9Qu4XyKu1Tp1cLH/p5ZE990E5DFwpNaqksidKBtoMWVahBSjs1KNRwaI2gi380ig9P3rz5SjWgRqcMBWu/Q2sDMrNLKOq0U7MWT/ny5gPGn6tBkwHtavQaVcbp0m0kfWtTWctTnNVxceak0ulKzTpDe6uiNRqHjom7XY06zVt5qtVilAt3lKFEEM26JK19bwCDFNQf9sQgYUrmZO1Qm5ZiW0CGLZ6Hyvq4TZke5H+6xGcf+8Snzvruczt8Mu1G9R7wrwIAAA==)format("woff2"),url(data:font/woff;base64,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)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:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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}:root{--bg-deep:#04060d;--bg:#0a0f1a;--bg-glow:#16243f;--bg-accent:#35d6ff17;--surface:#131a28;--surface-2:#1b2435;--panel-rgb:16, 22, 36;--sunken-rgb:6, 10, 18;--text-on-bright:#101722;--surface-border:#ffffff1f;--surface-shadow:#0009;--yellow:#ffc93c;--yellow-dark:#c98a00;--pink:#ff4f8b;--orange:#ff9f1c;--orange-dark:#c26a00;--pink-dark:#b81f58;--cyan:#35d6ff;--cyan-dark:#0f8fb8;--green:#2ee59d;--green-dark:#10a36a;--red:#ff5a5f;--red-dark:#b3262b;--violet:#b78cff;--text:#fff;--text-soft:#ffffffb8;--text-muted:#ffffff7a;--text-on-warm:#3a2300;--font-display:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-body:"Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-sm:12px;--radius:20px;--radius-lg:28px;--press-depth:6px;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(1200px 700px at 50% -10%, var(--bg-glow), transparent 70%), radial-gradient(900px 600px at 100% 110%, var(--bg-accent), transparent 70%), linear-gradient(180deg, var(--bg), var(--bg-deep));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;overflow-x:hidden}button,input{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.app{flex-direction:column;min-height:100%;display:flex;position:relative}.screen{z-index:1;width:100%;max-width:980px;animation:screen-in .42s var(--ease-out) both;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;margin:0 auto;padding:88px 16px 40px;display:flex;position:relative}.card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:0 18px 40px var(--surface-shadow), inset 0 1px 0 #ffffff1f}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes screen-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.shake{animation:.42s both shake}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.flag-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(62% 55%,#0000 15%,#000 80%);mask-image:radial-gradient(62% 55%,#0000 15%,#000 80%)}.flag-bg__tilt{flex-direction:column;justify-content:center;gap:clamp(18px,3vw,34px);display:flex;position:absolute;inset:-45%;transform:rotate(-12deg)}.flag-bg__row{gap:clamp(18px,3vw,34px);width:max-content;animation:90s linear infinite flag-row-scroll;display:flex}.flag-bg__row--reverse{animation-duration:110s;animation-direction:reverse}.flag-bg__flag{height:var(--flag-height);width:auto;opacity:var(--flag-opacity);border-radius:8px;box-shadow:0 6px 18px #00000073}.flag-bg__row{--flag-height:clamp(52px, 6.6vw, 88px);--flag-opacity:.19}.flag-bg__row:nth-child(3),.flag-bg__row:nth-child(4){--flag-height:clamp(42px, 5.2vw, 68px);--flag-opacity:.13}.flag-bg__row:nth-child(2),.flag-bg__row:nth-child(5){--flag-height:clamp(47px, 5.9vw, 78px);--flag-opacity:.16}@keyframes flag-row-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.toaster{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:min(92vw,420px);display:flex;position:fixed;transform:translate(-50%)}.toast{--toast-accent:var(--cyan);border:0;border-left:6px solid var(--toast-accent);border-radius:var(--radius-sm);text-align:left;cursor:pointer;pointer-events:auto;width:100%;animation:toast-in .32s var(--ease-pop) both;background:#241552;padding:14px 18px;font-weight:700;box-shadow:0 14px 30px #00000073}.toast--success{--toast-accent:var(--green)}.toast--error{--toast-accent:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:none}}.conn{--dot:var(--yellow);background:rgba(var(--panel-rgb), .72);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.conn__dot{background:var(--dot);width:10px;height:10px;box-shadow:0 0 0 0 var(--dot);border-radius:50%}.conn--connected{--dot:var(--green)}.conn--connecting .conn__dot,.conn--reconnecting .conn__dot{animation:1s ease-out infinite conn-pulse}.conn--offline{--dot:var(--red)}.conn__sep{background:var(--surface-border);width:1px;height:14px}.conn__stat{color:var(--text-soft)}@keyframes conn-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--dot) 70%, transparent)}to{box-shadow:0 0 0 10px #0000}}@media (width<=480px){.conn{padding:6px 12px 6px 10px;font-size:.78rem}.conn__ping{display:none}}.lang{border:1px solid var(--surface-border);background:rgba(var(--panel-rgb), .72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:2px;padding:2px;display:flex}.lang__option{height:30px;color:var(--text-muted);font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 9px;font-size:.72rem;font-weight:700;transition:background .14s,color .14s}.lang__option:hover{color:var(--text);background:#ffffff1a}.lang__option--active,.lang__option--active:hover{color:var(--bg-deep);background:var(--cyan)}.mute-btn{border:1px solid var(--surface-border);background:rgba(var(--panel-rgb), .72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.8;width:36px;height:36px;transition:background .14s ease, opacity .14s ease, transform .14s var(--ease-pop);border-radius:50%;place-items:center;font-size:.95rem;line-height:1;display:grid}.mute-btn:hover{opacity:1;background:#ffffff29;transform:scale(1.08)}.logo{font-family:var(--font-display);-webkit-user-select:none;user-select:none;align-items:center;gap:.18em;line-height:1;display:inline-flex;transform:rotate(-4deg)}.logo--lg{font-size:clamp(3rem,12vw,6.2rem)}.logo--sm{font-size:1.7rem;transform:rotate(-3deg)}.logo__flag{filter:drop-shadow(0 .06em #00000059);flex-shrink:0;width:.95em;height:.95em}.logo__cloth{transform-origin:16px 20px;animation:1.8s ease-in-out infinite flag-wave}.logo__word{display:inline-flex}.logo__letter{--t:calc(var(--i) / var(--last));--ink:color-mix(in oklab, var(--pink) calc((1 - var(--t)) * 100%), var(--orange));color:var(--ink);text-shadow:0 .04em 0 color-mix(in oklab, var(--ink) 62%, #000), 0 .08em 0 color-mix(in oklab, var(--ink) 32%, #000), 0 .14em .12em #00000073;-webkit-text-stroke:.012em #00000047;animation:letter-drop .62s var(--ease-pop) both;display:inline-block}.logo--sm .logo__letter{animation:none}@keyframes flag-wave{0%,to{transform:skewY(0)scaleX(1)}50%{transform:skewY(-5deg)scaleX(.94)}}@keyframes letter-drop{0%{opacity:0;transform:translateY(-.6em)rotate(-12deg)}to{opacity:1;transform:none}}.logo--button{cursor:pointer;transition:transform .14s var(--ease-pop), filter .14s ease;background:0 0;border:0;padding:0}.logo--button:hover{filter:brightness(1.12);transform:scale(1.05)}.logo--button:active{transform:scale(.97)}.topbar{z-index:20;padding:max(14px, env(safe-area-inset-top)) 16px 14px;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar__left{align-items:center;min-height:34px;display:flex}.topbar__right{align-items:center;gap:8px;display:flex}.btn{--btn-bg:var(--orange);--btn-edge:var(--orange-dark);--btn-text:var(--text-on-warm);border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-text);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 var(--press-depth) 0 var(--btn-edge), 0 calc(var(--press-depth) + 10px) 22px #00000059, inset 0 2px 0 #ffffff59;border:0;justify-content:center;align-items:center;gap:10px;transition:transform 90ms,box-shadow 90ms,filter .15s;display:inline-flex;position:relative;transform:translateY(0)}.btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 calc(var(--press-depth) + 2px) 0 var(--btn-edge), 0 calc(var(--press-depth) + 14px) 26px #00000061, inset 0 2px 0 #ffffff59;transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(var(--press-depth));box-shadow:0 0 0 var(--btn-edge), 0 4px 10px #0000004d, inset 0 2px 0 #ffffff40}.btn:disabled{cursor:not-allowed;filter:grayscale(.7)brightness(.8);opacity:.7}.btn--md{min-height:48px;padding:10px 22px;font-size:1.05rem}.btn--lg{min-height:64px;padding:14px 32px;font-size:1.45rem}.btn--block{width:100%}.btn__icon{font-size:1.1em;line-height:1}.btn--pink{--btn-bg:var(--pink);--btn-edge:var(--pink-dark);--btn-text:#fff}.btn--cyan{--btn-bg:var(--cyan);--btn-edge:var(--cyan-dark);--btn-text:#062a3a}.btn--green{--btn-bg:var(--green);--btn-edge:var(--green-dark);--btn-text:#053221}.btn--ghost{--btn-bg:#ffffff1a;--btn-edge:#00000059;--btn-text:#fff;--press-depth:4px}.browse-screen{flex-direction:column;gap:16px;width:min(760px,100%);display:flex}.browse-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.browse-head__title{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:1.9rem}.browse-head__subtitle{color:var(--text-soft);margin:4px 0 0;font-size:.92rem}.browse-head__actions{gap:8px;display:flex}.browse-empty{text-align:center;color:var(--text-muted);padding:40px 0}.browse-empty-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 24px;display:flex}.browse-empty-card__title{font-family:var(--font-display);margin:0;font-size:1.25rem}.browse-empty-card__hint{color:var(--text-soft);max-width:42ch;margin:0 0 6px;font-size:.9rem}.browse-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.browse-row{animation:pop-in .3s var(--ease-pop) both;align-items:center;gap:14px;padding:12px 14px;display:flex}.browse-row__mode{border-radius:var(--radius-sm);background:var(--surface-2);flex:none;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.browse-row__info{flex:1;min-width:0}.browse-row__host{white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:800;overflow:hidden}.browse-row__setup{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:3px 0 0;font-size:.8rem;display:flex}.browse-row__tag{background:var(--surface-2);color:var(--text-soft);border-radius:999px;padding:1px 7px;font-size:.74rem;font-weight:700}.browse-row__meta{flex-direction:column;flex:none;align-items:flex-end;line-height:1.3;display:flex}.browse-row__slots{font-size:.88rem;font-weight:800}.browse-row__slots--hot{color:var(--yellow)}.browse-row__age{color:var(--text-muted);font-size:.74rem}@media (width<=560px){.browse-row{flex-wrap:wrap}.browse-row__info{flex-basis:calc(100% - 58px)}.browse-row__meta{flex-direction:row;align-items:baseline;gap:8px;margin-left:58px}}.ad-slot{place-items:center;width:100%;min-height:100px;display:grid;overflow:hidden}@media (width>=760px){.ad-slot{min-height:90px}}.ad-slot__unit{width:100%}.ad-slot--placeholder{border:1px dashed var(--surface-border);border-radius:var(--radius-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.flag-card__image--pixelated{image-rendering:pixelated;object-fit:contain;width:100%;height:100%}.flag-hidden{background:rgba(var(--sunken-rgb), .55);border-radius:4px;place-items:center;width:100%;height:100%;display:grid}.flag-hidden__mark{font-family:var(--font-display);color:#ffffff24;font-size:clamp(3rem,12vw,5rem);line-height:1}.game-screen{justify-content:flex-start;gap:14px;max-width:1040px}.game-header{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.game-header__progress{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.8rem;font-weight:800}.countdown{flex:1;align-content:center;place-items:center;gap:4px;display:grid}.countdown__round{font-family:var(--font-display);color:var(--text-soft);margin:0;font-size:clamp(1.4rem,5vw,2rem)}.countdown__number{font-family:var(--font-display);color:var(--yellow);text-shadow:0 8px 0 var(--yellow-dark);animation:countdown-pop .42s var(--ease-pop);margin:0;font-size:clamp(5rem,22vw,9rem);line-height:1}@keyframes countdown-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.flag-stage{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.flag-card{aspect-ratio:4/3;border-radius:var(--radius);background:rgba(var(--sunken-rgb), .4);border:1px solid var(--surface-border);width:min(100%,460px);box-shadow:0 18px 40px var(--surface-shadow);animation:pop-in .3s var(--ease-pop) both;grid-template-rows:minmax(0,1fr);place-items:center;padding:10px;display:grid;overflow:hidden}.flag-card__image{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 4px 14px #00000073}.flag-card--revealed{box-shadow:0 0 0 3px var(--yellow), 0 18px 40px var(--surface-shadow)}.time-bar{background:rgba(var(--sunken-rgb), .55);border:1px solid var(--surface-border);border-radius:999px;width:min(100%,460px);height:24px;position:relative;overflow:hidden}.time-bar__fill{transform-origin:0;background:linear-gradient(90deg, var(--green), var(--cyan));position:absolute;inset:0}.time-bar__fill--urgent{background:linear-gradient(90deg, var(--red), var(--pink));animation:.62s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.62}}.time-bar__seconds{font-family:var(--font-display);color:#fff;text-shadow:0 1px 3px #0009;place-items:center;font-size:.95rem;display:grid;position:absolute;inset:0}.answer{width:min(100%,460px)}.answer__field{border-radius:var(--radius);background:rgba(var(--sunken-rgb), .45);border:2px solid var(--surface-border);gap:8px;padding:6px;transition:border-color .16s;display:flex}.answer__field--correct{border-color:var(--green)}.answer__field--wrong{border-color:var(--red)}.answer__field--ambiguous{border-color:var(--yellow)}.answer__input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0 14px;font-size:1.1rem;font-weight:700}.answer__input:disabled{color:var(--text-muted)}.answer__feedback{text-align:center;animation:pop-in .26s var(--ease-pop) both;margin:10px 0 0;font-weight:800}.answer__feedback--correct{color:var(--green)}.answer__feedback--wrong{color:var(--red)}.answer__feedback--ambiguous{color:var(--yellow)}.answer-waiting{border-radius:var(--radius);background:rgba(var(--sunken-rgb), .45);color:var(--text-soft);text-align:center;margin:0;padding:14px 18px;font-weight:800}.reveal{width:min(100%,460px);animation:pop-in .3s var(--ease-pop) both}.reveal__name{text-align:center;font-family:var(--font-display);color:var(--yellow);margin:0 0 12px;font-size:clamp(1.6rem,6vw,2.3rem);font-weight:400}.reveal__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.reveal__row{border-radius:var(--radius-sm);background:rgba(var(--sunken-rgb), .35);grid-template-columns:24px 1fr auto 52px;align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;display:grid}.reveal__row--me{border:1px solid var(--yellow)}.reveal__player{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.reveal__answer{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.reveal__row--ok .reveal__answer{color:var(--green);font-style:normal}.reveal__time{text-align:right;font-family:var(--font-display);color:var(--text-soft)}.summary{text-align:center;width:100%;animation:pop-in .38s var(--ease-pop) both;padding:24px 22px}.summary__crown{animation:countdown-pop .5s var(--ease-pop) both;margin:0;font-size:3rem}.summary__title{font-family:var(--font-display);margin:0 0 6px;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:400}.summary__lead{color:var(--text-soft);margin:0 0 16px;font-weight:800}.summary__next{color:var(--text-muted);margin:14px 0 0;font-size:.85rem;font-weight:700}.ranking{text-align:left;row-gap:6px;margin:0;padding:0;list-style:none}.ranking__row{grid-column:1/-1;grid-template-columns:subgrid;border-radius:var(--radius-sm);background:rgba(var(--sunken-rgb), .35);align-items:center;padding:8px 12px;display:grid}.ranking__row--me{border:1px solid var(--yellow)}.ranking__row:first-child{background:#ffc93c29}.ranking__position{font-family:var(--font-display);color:var(--text-muted)}.ranking__avatar{width:34px;height:34px;color:var(--text-on-bright);font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.ranking__name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.ranking__score{font-family:var(--font-display);color:var(--yellow)}.summary__actions{justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.summary__waiting{color:var(--text-muted);margin:0;font-weight:800}@media (width<=560px){.reveal__row{grid-template-columns:20px 1fr 46px}.reveal__answer{display:none}.summary{padding:20px 14px}}.game-body{grid-template-columns:1fr;gap:20px;width:100%;display:grid}.game-body--with-board{grid-template-columns:minmax(200px,260px) minmax(0,1fr) minmax(200px,260px);align-items:start}.game-main{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.standings{border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--surface-border);box-shadow:0 14px 30px var(--surface-shadow);animation:pop-in .36s var(--ease-pop) both;padding:12px 12px 14px;position:sticky;top:76px}.standings__head{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;padding:0 4px 10px;display:flex}.standings__title{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-size:.72rem;font-weight:800}.standings__legend{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);gap:10px;font-size:.68rem;font-weight:800;display:flex}.standings__list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.standings__row{border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:16px 26px minmax(0,1fr) auto 18px;align-items:center;gap:8px;padding:6px 4px;transition:background .2s;display:grid}.standings__row:first-child{background:#ffc93c24}.standings__row--me{border-color:var(--yellow)}.standings__row--away{opacity:.45}.standings__row--answered{background:#2ee59d29}.standings__position{font-family:var(--font-display);color:var(--text-muted);text-align:center;font-size:.9rem}.standings__avatar{width:26px;height:26px;color:var(--text-on-bright);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:.85rem;display:grid}.standings__name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:.85rem;font-weight:800;display:flex;overflow:hidden}.standings__streak{color:var(--pink);flex:none;font-size:.7rem}.standings__points{font-family:var(--font-display);color:var(--yellow);text-align:right;font-size:1rem}.standings__rounds{font-family:var(--font-display);color:var(--green);text-align:right;font-size:1rem}.reveal__row{grid-template-columns:24px minmax(0,1fr) auto 46px 50px}.reveal__streak{color:var(--pink);margin-left:5px;font-size:.75rem}.reveal__points{text-align:right;font-family:var(--font-display);color:var(--text-muted)}.reveal__points--gain{color:var(--green)}.reveal__points--loss{color:var(--red)}.ranking__points{font-family:var(--font-display);color:var(--text-soft)}@media (width<=1000px){.game-body--with-board{grid-template-columns:1fr}.standings{order:-1;position:static}.standings__list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-flow:row;display:grid}}.standings__waiting{border-top:1px solid var(--surface-border);color:var(--text-muted);margin:10px 0 0;padding-top:10px;font-size:.78rem;font-weight:700}.standings__waiting-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px;font-size:.66rem;font-weight:800;display:block}.stats{border-top:1px solid var(--surface-border);text-align:left;margin-top:20px;padding-top:16px}.stats__title{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin:0 0 10px;font-size:.75rem;font-weight:800}.stats__highlights{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.stats__highlight{background:rgba(var(--sunken-rgb), .4);color:var(--text-soft);border-radius:999px;margin:0;padding:7px 12px;font-size:.85rem;font-weight:700}.stats__highlight strong{color:var(--yellow)}.stats__scroll{overflow-x:auto}.stats__table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.85rem}.stats__table th,.stats__table td{text-align:center;padding:7px 8px}.stats__table thead th{color:var(--text-muted);border-bottom:1px solid var(--surface-border);cursor:help;font-size:.9rem;font-weight:800}.stats__player{font-weight:800;text-align:left!important}.stats__typos{color:var(--green);margin-left:5px;font-size:.72rem}.stats__row--me{background:#ffc93c1a}.stats__points{font-family:var(--font-display);color:var(--yellow)}.standings__streak{animation:streak-pop .46s var(--ease-pop) both;display:inline-block}@keyframes streak-pop{0%{transform:scale(1)}35%{filter:brightness(1.6);transform:scale(1.55)}to{transform:scale(1)}}.standings__points{animation:points-bump .4s var(--ease-pop) both}@keyframes points-bump{0%{transform:scale(1)}40%{color:var(--green);transform:scale(1.3)}to{transform:scale(1)}}.time-bar--critical{box-shadow:0 0 0 2px var(--red);animation:.62s ease-in-out infinite critical-shake}@keyframes critical-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.time-bar--critical .time-bar__seconds{animation:seconds-pop .38s var(--ease-pop) both;font-size:1.15rem}@keyframes seconds-pop{0%{opacity:.4;transform:scale(1.7)}to{opacity:1;transform:scale(1)}}.reveal__points{animation:points-rise .42s var(--ease-pop) both}@keyframes points-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal__row{animation:pop-in .3s var(--ease-pop) both}.reveal__row:nth-child(2){animation-delay:70ms}.reveal__row:nth-child(3){animation-delay:.14s}.reveal__row:nth-child(n+4){animation-delay:.21s}.game-header__mode{color:var(--yellow);cursor:help;background:#ffc93c29;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:800}.flag-card{overflow:hidden}.ranking-block{grid-template-columns:22px 34px minmax(0,1fr) auto auto;gap:4px 10px;display:grid}.ranking-block>*{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.ranking__head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 12px;font-size:.68rem;font-weight:800}.ranking__head-name{grid-column:3}.ranking__head-col{text-align:right}.ranking__score,.ranking__points{text-align:right;min-width:3.2ch}.summary__rule{color:var(--text-soft);margin:10px 0 0;font-size:.84rem;line-height:1.4}.scoring{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:rgba(var(--sunken-rgb), .35);text-align:left;margin-top:18px}.scoring__summary{color:var(--text-soft);cursor:pointer;padding:10px 14px;font-size:.86rem;font-weight:800;list-style:none}.scoring__summary::-webkit-details-marker{display:none}.scoring__summary:before{content:"▸";color:var(--text-muted);transition:transform .16s var(--ease-out);margin-right:8px;display:inline-block}.scoring[open] .scoring__summary:before{transform:rotate(90deg)}.scoring__summary:hover{color:var(--text)}.scoring__list{color:var(--text-soft);gap:6px;margin:0;padding:0 16px 14px 34px;font-size:.84rem;line-height:1.45;display:grid}@media (width<=560px){.ranking__head{font-size:.62rem}}.number-field{min-width:0}.number-field__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:baseline;gap:8px;padding:0 0 8px;font-size:.78rem;font-weight:800;display:flex}.number-field__hint{text-transform:none;letter-spacing:0;color:var(--text-muted);font-size:.75rem;font-weight:700}.number-field__control{background:rgba(var(--sunken-rgb), .45);border:1px solid var(--surface-border);border-radius:999px;grid-template-columns:44px 1fr 44px;gap:6px;padding:5px;display:grid}.number-field__step{height:38px;color:var(--text);cursor:pointer;transition:background .12s ease, transform .12s var(--ease-pop);background:#ffffff14;border:0;border-radius:999px;place-items:center;font-size:1.35rem;font-weight:900;line-height:1;display:grid}.number-field__step:hover:not(:disabled){background:#ffffff2e;transform:translateY(-1px)}.number-field__step:disabled{opacity:.28;cursor:not-allowed}.number-field__input{width:100%;height:38px;color:var(--yellow);font-family:var(--font-display);letter-spacing:.06em;text-align:center;cursor:text;background:0 0;border:0;border-radius:999px;font-size:1.5rem}.number-field__input:focus{background:#ffffff14;outline:none}.number-field__input:disabled{cursor:default;color:var(--yellow);opacity:.75;-webkit-text-fill-color:var(--yellow)}.number-field--readonly .number-field__step{display:none}.number-field--readonly .number-field__control{grid-template-columns:1fr}.option-group{border:0;min-width:0;margin:0;padding:0}.option-group__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:baseline;gap:8px;padding:0 0 8px;font-size:.78rem;font-weight:800;display:flex}.option-group__hint{text-transform:none;letter-spacing:0;color:var(--text-muted);font-size:.75rem;font-weight:700}.option-group__options{background:rgba(var(--sunken-rgb), .45);border:1px solid var(--surface-border);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:5px;display:grid}.option{color:var(--text-soft);cursor:pointer;white-space:nowrap;transition:background .12s ease, color .12s ease, transform .12s var(--ease-pop);border-radius:999px;place-items:center;padding:9px 6px;font-size:.9rem;font-weight:800;display:grid}.option:hover{color:var(--text);background:#ffffff14}.option--selected{background:var(--yellow);color:var(--text-on-warm);box-shadow:0 3px 0 var(--yellow-dark);transform:translateY(-1px)}.option--selected:hover{background:var(--yellow);color:var(--text-on-warm)}.option-group--readonly .option{cursor:default}.option-group--readonly .option:hover{color:var(--text-soft);background:0 0}.option-group--readonly .option--selected,.option-group--readonly .option--selected:hover{color:var(--yellow);box-shadow:none;background:#ffc93c38;transform:none}.option:has(:focus-visible){outline:3px solid var(--cyan);outline-offset:2px}.option--blocked{opacity:.32;cursor:not-allowed;text-decoration:line-through}.option--blocked:hover{color:var(--text-soft);background:0 0}.lobby-screen{justify-content:flex-start;gap:18px;max-width:720px}.lobby-code{text-align:center;width:100%;animation:pop-in .42s var(--ease-pop) both;padding:20px 22px 22px}.lobby-code__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 6px;font-size:.78rem;font-weight:800}.lobby-code__value{border-radius:var(--radius);color:var(--yellow);font-family:var(--font-display);letter-spacing:.16em;cursor:pointer;transition:background .14s ease, transform .14s var(--ease-pop);background:0 0;border:0;align-items:center;gap:14px;padding:6px 18px;font-size:clamp(2.6rem,11vw,3.6rem);line-height:1.1;display:inline-flex}.lobby-code__value:hover{background:#ffffff14;transform:translateY(-2px)}.lobby-code__copy{opacity:.65;font-size:1.4rem}.lobby-code__hint{color:var(--text-soft);margin:4px 0 0;font-weight:700}.lobby-panel{width:100%;animation:pop-in .46s var(--ease-pop) both;padding:20px 22px 22px;animation-delay:80ms}.lobby-panel__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.lobby-panel__title{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:1.5rem;font-weight:400}.lobby-panel__count{color:var(--text-muted);font-size:.85rem;font-weight:800}.player-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.player-row{border-radius:var(--radius-sm);background:rgba(var(--sunken-rgb), .35);animation:pop-in .3s var(--ease-pop) both;align-items:center;gap:12px;padding:8px 10px;display:flex}.player-row--away{opacity:.5}.player-row__avatar{width:38px;height:38px;color:var(--text-on-bright);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;display:grid;box-shadow:inset 0 -3px #0000002e}.player-row--away .player-row__avatar{filter:grayscale()}.player-row__name{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;font-weight:800;display:flex;overflow:hidden}.player-row__tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:#ffffff1f;border-radius:999px;flex:none;padding:2px 8px;font-size:.7rem;font-weight:800}.player-row__crown{flex:none;font-size:1.1rem}.player-row__status{color:var(--text-muted);flex:none;font-size:.75rem;font-weight:800}.player-row__kick{width:32px;height:32px;color:var(--red);cursor:pointer;transition:background .12s ease, transform .12s var(--ease-pop);background:#ff5a5f29;border:0;border-radius:50%;flex:none;font-size:.95rem;font-weight:900}.player-row__kick:hover{background:var(--red);color:#fff;transform:scale(1.08)}.lobby-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.lobby-summary{border-top:1px solid var(--surface-border);text-align:center;color:var(--text-soft);margin:16px 0 0;padding-top:14px;font-weight:800}.lobby-actions{justify-content:space-between;align-items:center;gap:14px;width:100%;padding-bottom:8px;display:flex}.lobby-actions .btn--lg{flex:1;max-width:380px}@media (width<=640px){.lobby-settings{grid-template-columns:1fr}.lobby-panel,.lobby-code{padding:18px 16px 20px}.lobby-actions{flex-direction:column-reverse}.lobby-actions .btn{width:100%;max-width:none}}.lobby-code__row{justify-content:center;align-items:center;gap:6px;display:flex}.lobby-code__masked{letter-spacing:.1em;color:var(--text-muted)}.lobby-code__eye{cursor:pointer;opacity:.75;width:40px;height:40px;transition:background .12s ease, opacity .12s ease, transform .12s var(--ease-pop);background:#ffffff14;border:0;border-radius:50%;flex:none;place-items:center;font-size:1.05rem;line-height:1;display:grid}.lobby-code__eye:hover{opacity:1;background:#ffffff2e;transform:scale(1.08)}@media (width<=640px){.lobby-code__row{gap:2px}.lobby-code__value{padding-inline:10px}}.mode-picker{border:0;margin:0 0 18px;padding:0}.mode-picker__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 0 8px;font-size:.78rem;font-weight:800}.mode-picker__options{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.mode-option{border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:rgba(var(--sunken-rgb), .4);cursor:pointer;min-width:0;transition:background .13s ease, border-color .13s ease, transform .13s var(--ease-pop);flex-direction:column;align-items:center;gap:3px;padding:9px 4px;display:flex}.mode-option:hover{background:#ffffff14;transform:translateY(-2px)}.mode-option--selected{border-color:var(--yellow);background:#ffc93c29}.mode-option__emoji{font-size:1.3rem;line-height:1}.mode-option__name{text-align:center;color:var(--text-soft);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:clamp(.6rem,1.15vw,.78rem);font-weight:800;line-height:1.15}.mode-option--selected .mode-option__name{color:var(--yellow)}.mode-option:has(:disabled){cursor:default}.mode-option:has(:disabled):hover{background:rgba(var(--sunken-rgb), .4);transform:none}.mode-option--selected:has(:disabled):hover{background:#ffc93c29}.mode-option:has(:focus-visible){outline:3px solid var(--cyan);outline-offset:2px}.mode-picker__description{color:var(--text-muted);text-align:center;min-height:2.2em;margin:8px 0 0;font-size:.82rem;font-weight:700}.lobby-visibility{border-top:1px solid var(--surface-border);flex-direction:column;align-items:center;gap:6px;margin-top:14px;padding-top:14px;display:flex}.lobby-visibility__options{border:1px solid var(--surface-border);background:var(--surface-2);border-radius:999px;gap:4px;padding:3px;display:flex}.lobby-visibility__option{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:800;transition:background .14s,color .14s;display:flex}.lobby-visibility__option:hover:not(:disabled){color:var(--text);background:#ffffff14}.lobby-visibility__option--selected,.lobby-visibility__option--selected:hover:not(:disabled){background:var(--cyan);color:var(--bg-deep)}.lobby-visibility__option:disabled{cursor:default;opacity:.6}.lobby-visibility__badge{background:var(--surface-2);color:var(--text-soft);border-radius:999px;padding:5px 14px;font-size:.82rem;font-weight:800}.lobby-visibility__hint{color:var(--text-muted);text-align:center;margin:0;font-size:.78rem}.mode-picker__current{color:var(--yellow)}.mode-picker__current:after{content:" · ";color:var(--text-muted);font-weight:400}@media (width<=620px){.mode-option__name{display:none}.mode-option{padding:12px 4px}.mode-option__emoji{font-size:1.45rem}}.code-input{cursor:text;width:100%;display:block;position:relative}.code-input__native{opacity:0;caret-color:#0000;border:0;width:100%;font-size:16px;position:absolute;inset:0}.code-input__boxes{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.code-input__box{aspect-ratio:1/1.1;border-radius:var(--radius-sm);max-height:64px;font-family:var(--font-display);letter-spacing:0;transition:border-color .12s ease, transform .16s var(--ease-pop), background .12s ease;background:#0a051e8c;border:2px solid #ffffff24;place-items:center;font-size:clamp(1.4rem,5vw,1.9rem);display:grid}.code-input__box--filled{border-color:var(--cyan);animation:pop-in .22s var(--ease-pop) both;background:#35d6ff1f}.code-input__box--active{border-color:var(--yellow);transform:translateY(-2px);box-shadow:0 0 0 4px #ffc93c2e}.code-input--invalid .code-input__box{border-color:var(--red)}.donate{--icon:42px;--gap:12px;align-items:center;gap:var(--gap);border:1px solid var(--surface-border);border-radius:var(--radius);background:rgba(var(--panel-rgb), .6);width:100%;color:inherit;text-align:left;transition:background .14s ease, border-color .14s ease, transform .14s var(--ease-pop);padding:10px 14px;text-decoration:none;display:flex}.donate:hover{background:rgba(var(--panel-rgb), .9);border-color:#ffffff3d;transform:translateY(-1px)}.donate__icon{width:var(--icon);height:var(--icon);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--orange) 22%, transparent);flex:none;place-items:center;font-size:1.3rem;display:grid}.donate__text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.donate__text strong{font-size:.92rem}.donate__text small{color:var(--text-muted);font-size:.78rem}.donate__cta{background:var(--orange);color:var(--text-on-warm);letter-spacing:.02em;border-radius:999px;flex:none;padding:6px 14px;font-size:.8rem;font-weight:800}@media (width<=560px){.donate{flex-wrap:wrap}.donate__text{flex-basis:calc(100% - var(--icon) - var(--gap))}.donate__cta{margin-left:calc(var(--icon) + var(--gap))}}.player-chip{background:rgba(var(--panel-rgb), .72);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pop-in .38s var(--ease-pop) both;border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 8px;display:flex}.player-chip__avatar{width:44px;height:44px;color:var(--text-on-bright);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.4rem;display:grid;box-shadow:inset 0 -4px #0000002e}.player-chip__text{flex-direction:column;padding-right:6px;line-height:1.15;display:flex}.player-chip__text small{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;font-weight:800}.player-chip__text strong{font-family:var(--font-display);letter-spacing:.02em;font-size:1.3rem;font-weight:400}.player-chip__edit{cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:800;transition:background .12s}.player-chip__edit:hover{background:#fff3}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(100%,820px);display:grid}.menu-card{animation:pop-in .46s var(--ease-pop) both;flex-direction:column;gap:16px;padding:30px 24px 28px;display:flex;position:relative;overflow:hidden}.menu-card--join{animation-delay:90ms}.menu-card:before{content:"";background:var(--card-accent);height:6px;position:absolute;inset:0 0 auto}.menu-card--create{--card-accent:var(--pink)}.menu-card--join{--card-accent:var(--cyan)}.menu-card__badge{background:color-mix(in srgb, var(--card-accent) 22%, transparent);border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.9rem;display:grid;transform:rotate(-6deg)}.menu-card__title{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:clamp(1.7rem,4vw,2.1rem);font-weight:400}.menu-card__text{color:var(--text-soft);flex:1;margin:0;font-weight:700}.menu-card--join .code-input{margin-block:auto}@media (width<=720px){.menu-grid{grid-template-columns:1fr;gap:18px}.menu-card{padding:24px 18px 22px}}.visibility{text-align:left;border:0;margin:0 0 4px;padding:0}.visibility__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0;font-size:.72rem;font-weight:800}.visibility__options{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.visibility__option{border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-soft);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:.86rem;font-weight:800;transition:background .14s,color .14s,border-color .14s;display:flex}.visibility__option:hover{color:var(--text);border-color:#ffffff47}.visibility__option--selected{background:var(--cyan);border-color:var(--cyan);color:var(--bg-deep)}.visibility__hint{min-height:2.2em;color:var(--text-muted);margin:6px 0 0;font-size:.78rem;line-height:1.35}.menu-browse{text-align:left;align-items:center;gap:14px;padding:14px 16px;display:flex}.menu-browse__badge{border-radius:var(--radius-sm);background:var(--surface-2);flex:none;place-items:center;width:46px;height:46px;font-size:1.4rem;display:grid}.menu-browse__text{flex:1;min-width:0}.menu-browse__title{font-family:var(--font-display);margin:0;font-size:1.15rem}.menu-browse__hint{color:var(--text-muted);margin:2px 0 0;font-size:.82rem}@media (width<=560px){.menu-browse{flex-wrap:wrap}.menu-browse__text{flex-basis:calc(100% - 60px)}}.nickname-screen{gap:36px}.nickname-screen__hero{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.nickname-screen__tagline{max-width:28ch;color:var(--text-soft);margin:0;font-size:clamp(1.05rem,3.4vw,1.3rem);font-weight:800}.nickname-card{width:min(100%,420px);animation:pop-in .46s .18s var(--ease-pop) both;flex-direction:column;gap:12px;padding:26px 22px 30px;display:flex}.nickname-card__label{font-family:var(--font-display);letter-spacing:.02em;font-size:1.25rem}.nickname-field{position:relative}.nickname-field__input{border-radius:var(--radius);background:#0a051e8c;border:3px solid #ffffff29;outline:none;width:100%;height:62px;padding:0 70px 0 18px;font-size:1.35rem;font-weight:800;transition:border-color .12s,box-shadow .12s}.nickname-field__input::placeholder{color:var(--text-muted);font-weight:700}.nickname-field__input:focus{border-color:var(--orange);box-shadow:0 0 0 5px #ff9f1c29}.nickname-field--error .nickname-field__input{border-color:var(--red);box-shadow:0 0 0 5px #ff5a5f29}.nickname-field__count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:800;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.nickname-field__count.is-over{color:var(--red)}.nickname-card__help{min-height:1.4em;color:var(--text-muted);margin:0 0 10px;font-size:.9rem;font-weight:700}.nickname-card__help.is-error{color:var(--red)}