@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{--coral:#ff6b5e;--orange:#ff9c54;--mint:#2ed9c2;--cyan:#5ce8ff;--violet:#8c7dff;--gold:#ffd66b;--rose:#ff8a87;--grad-coral:linear-gradient(135deg, var(--coral), var(--orange));--grad-mint:linear-gradient(135deg, var(--mint), var(--cyan));--grad-violet:linear-gradient(135deg, var(--violet), #4f6bff);--grad-gold:linear-gradient(135deg, var(--gold), var(--orange));--font:"Nunito Variable", ui-rounded, system-ui, sans-serif;--radius-card:28px;--radius-control:18px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:56px;--container:1120px;--gutter:20px;--header-h:64px;--tap:44px;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0f1f;--bg-glow-1:rgba(255,107,94,.18);--bg-glow-2:rgba(92,232,255,.14);--bg-glow-3:rgba(140,125,255,.16);--text:#faf2eb;--text-soft:#c9d1e0;--text-faint:#8e98ad;--surface:rgba(255,255,255,.06);--surface-strong:rgba(255,255,255,.1);--surface-solid:#151b31;--border:rgba(255,255,255,.12);--shadow:0 18px 40px rgba(0,0,0,.35);--header-bg:rgba(10,15,31,.72)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdf7f2;--bg-glow-1:rgba(255,138,135,.14);--bg-glow-2:rgba(92,232,255,.14);--bg-glow-3:rgba(255,214,107,.16);--text:#12213a;--text-soft:#384a66;--text-faint:#6b7a91;--surface:rgba(255,255,255,.7);--surface-strong:rgba(255,255,255,.9);--surface-solid:#fff;--border:rgba(18,33,58,.08);--shadow:0 14px 34px rgba(18,33,58,.1);--header-bg:rgba(253,247,242,.8)}@media (min-width:768px){:root{--gutter:32px;--space-12:88px}}*,:before,:after{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--header-h) + var(--space-4))}body{min-height:100dvh;font-family:var(--font);color:var(--text);background:radial-gradient(50% 35% at 0% 0%, var(--bg-glow-1), transparent 70%), radial-gradient(45% 35% at 100% 10%, var(--bg-glow-3), transparent 70%), radial-gradient(60% 40% at 50% 100%, var(--bg-glow-2), transparent 70%), var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;font-weight:600;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}.container{width:100%;max-width:var(--container);padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));margin:0 auto}main{flex:1;overflow-x:clip}.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--coral);font-size:14px;font-weight:800}.section-title{letter-spacing:-.02em;font-size:max(30px,min(6vw,44px));font-weight:900;line-height:1.1}.section-lead{max-width:60ch;color:var(--text-soft);font-size:18px}.page-head,.section-head{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.not-found{justify-items:center;gap:var(--space-4);text-align:center;display:grid}.play-missing:has(.missing-art){justify-items:center;gap:var(--space-4);text-align:center;display:grid}.not-found img,.missing-art{border-radius:36px;width:180px;height:auto}.site-header{z-index:20;padding-top:env(safe-area-inset-top);transition:transform .35s var(--ease), background .25s var(--ease), border-color .25s var(--ease);border-bottom:1px solid transparent;position:sticky;top:0}.site-header.is-scrolled{background:var(--header-bg);border-bottom-color:var(--border);backdrop-filter:blur(18px)}.site-header.is-hidden{transform:translateY(-100%)}.site-header-bar{align-items:center;gap:var(--space-6);height:var(--header-h);display:flex}.logo{min-height:var(--tap);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.25em;font-size:24px;font-weight:900;display:inline-flex}.logo span{color:transparent;-webkit-background-clip:text;background-clip:text}.logo-ce{background-image:linear-gradient(135deg, var(--orange), var(--coral))}.logo-jucam{background-image:linear-gradient(90deg, var(--text) 0%, var(--violet) 70%, var(--cyan) 100%)}.site-nav{gap:var(--space-1);display:none}.site-nav-link{min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-soft);transition:color .16s var(--ease), background .16s var(--ease), transform .38s var(--spring);align-items:center;font-weight:700;display:inline-flex}.site-nav-link:active{transition-duration:90ms;transform:scale(.94)}@media (hover:hover){.site-nav-link:hover{color:var(--text);background:var(--surface)}}.site-nav-link.active{color:var(--text);background:var(--surface-strong)}.site-header-actions{gap:var(--space-1);margin-left:auto;display:flex}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:var(--text-soft);transition:transform .38s var(--spring), background .16s var(--ease), color .16s var(--ease);place-items:center;display:grid}.icon-btn:active{transition-duration:90ms;transform:scale(.88)}@media (hover:hover){.icon-btn:hover{background:var(--surface);color:var(--text)}.icon-btn:hover svg{transform:rotate(-12deg)}}.icon-btn svg,.logo{transition:transform .38s var(--spring)}.logo:active{transition-duration:90ms;transform:scale(.95)}.icon-btn svg{width:22px;height:22px}.account-btn img,.account-btn span{object-fit:cover;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.account-btn span{background:var(--grad-coral);color:#0a0f1f;text-transform:uppercase;font-size:14px;font-weight:900}.mobile-nav{padding-top:var(--space-2);padding-bottom:var(--space-4);flex-direction:column;display:flex}.mobile-nav-link{transition:color .16s var(--ease), padding-left .25s var(--ease);min-height:52px;color:var(--text-soft);border-bottom:1px solid var(--border);align-items:center;font-size:20px;font-weight:800;display:flex}.mobile-nav-link:active{color:var(--text);padding-left:var(--space-2)}.mobile-nav-link:last-child{border-bottom:0}.mobile-nav-link.active{color:var(--coral)}@media (min-width:768px){.site-nav{display:flex}.menu-btn,.mobile-nav{display:none}}.site-footer{margin-top:var(--space-12);padding:var(--space-8) 0 calc(var(--space-6) + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.site-footer-inner{gap:var(--space-6);flex-direction:column;display:flex}.site-footer-brand{gap:var(--space-2);max-width:40ch;color:var(--text-faint);flex-direction:column;display:flex}.site-footer-links{gap:var(--space-1) var(--space-5);flex-wrap:wrap;display:flex}.site-footer-brand .logo{align-self:flex-start}.site-footer-links a{min-height:var(--tap);min-width:var(--tap);color:var(--text-soft);transition:color .16s var(--ease);align-items:center;font-weight:700;display:inline-flex}.site-footer-links a:active{color:var(--coral)}@media (hover:hover){.site-footer-links a:hover{color:var(--text)}}.site-footer-legal{align-items:center;gap:0 var(--space-5);margin-top:var(--space-6);color:var(--text-faint);flex-wrap:wrap;font-size:14px;display:flex}.site-footer-legal a,.site-footer-legal button{min-height:var(--tap);color:var(--text-faint);align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}@media (min-width:768px){.site-footer-inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.game-grid{gap:var(--space-4);display:grid}.game-card{gap:var(--space-2);height:100%;padding:var(--space-6) var(--space-5) var(--space-5);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);transition:transform .45s var(--spring), background .2s var(--ease), border-color .2s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.game-card:active{transition-duration:.1s;transform:scale(.97)}.game-card-bar{transition:height .3s var(--ease)}@media (hover:hover){.game-card:hover{background:var(--surface-strong);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-4px)}.game-card:hover .game-card-bar{height:6px}}.game-card-bar{z-index:1;background:var(--accent-grad);height:4px;position:absolute;top:0;bottom:auto;left:0;right:0}.game-card-cover{width:calc(100% + 2 * var(--space-5));aspect-ratio:16/10;max-width:none;height:auto;margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-5)) var(--space-2);object-fit:cover;transition:transform .6s var(--spring);display:block}@media (hover:hover){.game-card:hover .game-card-cover{transform:scale(1.05)}}.game-card h3{font-size:20px;font-weight:900}.game-card p{color:var(--text-soft);margin-bottom:var(--space-2)}.game-card .tag-row{margin-top:auto}@media (min-width:640px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.game-grid{grid-template-columns:repeat(3,1fr)}}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}.reveal-up{transform:translateY(28px)}.reveal-zoom{transform:scale(.94)}.reveal-left{transform:translate(-35%)}.reveal-right{transform:translate(35%)}.reveal.is-visible{opacity:1;transform:none}.split-word{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.split-word>span{transition:transform .8s var(--ease);transition-delay:calc(var(--i,0) * 70ms);display:inline-block;transform:translateY(105%)}.split.is-visible .split-word>span{transform:none}.reveal.is-intro{animation:reveal-in .9s var(--ease) both;animation-delay:calc(var(--i,0) * 90ms)}.reveal-up.is-intro{--from:translateY(28px)}.reveal-zoom.is-intro{--from:scale(.94)}.reveal-left.is-intro{--from:translateX(-35%)}.reveal-right.is-intro{--from:translateX(35%)}@keyframes reveal-in{0%{opacity:0;transform:var(--from)}to{opacity:1;transform:none}}.split.is-intro .split-word>span{animation:split-in .8s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms + .1s)}@keyframes split-in{0%{transform:translateY(105%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.reveal,.split-word>span{opacity:1;transform:none}}.hero{gap:var(--space-8);padding-top:var(--space-8);padding-bottom:var(--space-8);display:grid}.hero-copy{gap:var(--space-4);flex-direction:column;display:flex}.hero-title{letter-spacing:-.03em;font-size:max(44px,min(12vw,80px));font-weight:900;line-height:1}.hero-accent{background:linear-gradient(90deg, var(--coral), var(--orange) 45%, var(--gold));color:transparent;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:52ch;color:var(--text-soft);font-size:19px}.hero-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero-visual{justify-content:center;display:flex}.hero-float{width:min(100%,600px);padding-bottom:var(--space-12,48px);position:relative}.hero-art{border-radius:28px;width:100%;height:auto;display:block;box-shadow:0 30px 80px rgba(0,0,0,.45)}.hero-mock{transform-origin:100% 100%;width:380px;position:absolute;bottom:0;right:-2%;transform:scale(.5)}@media (min-width:640px){.hero-mock{transform:scale(.62)}}@supports (animation-timeline:scroll()){.hero-float{animation:linear both hero-float;animation-timeline:scroll(root);animation-range:0 700px}@keyframes hero-float{to{transform:translateY(-70px)rotate(3deg)}}}.mock{gap:var(--space-3);width:100%;padding:var(--space-6);border-radius:var(--radius-card);color:#faf2eb;background:radial-gradient(80% 60% at 100% 0,rgba(255,107,94,.25),transparent 70%),radial-gradient(70% 50% at 0 100%,rgba(92,232,255,.18),transparent 70%),#111733;border:1px solid rgba(255,255,255,.12);flex-direction:column;display:flex;box-shadow:0 30px 60px rgba(0,0,0,.3)}.mock-tilt{transform:rotate(-2deg)}.mock-top{justify-content:space-between;align-items:center;display:flex}.mock-title{font-size:24px;font-weight:900;line-height:1.1}.mock-sub{color:#c9d1e0;font-size:14px}.mock-label{color:#c9d1e0;font-size:15px;font-weight:800}.mock-timer{border-radius:var(--radius-pill);background:var(--grad-coral);color:#0a0f1f;font-variant-numeric:tabular-nums;padding:4px 12px;font-weight:900}.mock-word{padding:var(--space-6) 0;letter-spacing:-.02em;font-size:48px;font-weight:900}.mock-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.mock-btn{border-radius:var(--radius-pill);background:rgba(255,255,255,.1);place-items:center;height:48px;font-weight:800;display:grid}.mock-btn-yes{background:var(--grad-mint);color:#0a0f1f}.mock-chips{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.mock-chip{min-width:44px;height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:#c9d1e0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);place-items:center;font-weight:800;display:grid}.mock-chip.is-on{background:var(--grad-coral);color:#0a0f1f;border-color:transparent}.mock-badge{border-radius:var(--radius-pill);color:var(--mint);background:rgba(46,217,194,.16);align-self:flex-start;padding:4px 12px;font-size:13px;font-weight:900}.mock-match{align-items:center;gap:var(--space-3);color:#c9d1e0;font-size:14px;font-weight:800;display:flex}.mock-bar{border-radius:var(--radius-pill);background:rgba(255,255,255,.1);flex:1;height:8px;overflow:hidden}.mock-bar>span{background:var(--grad-mint);height:100%;display:block}.paths{gap:var(--space-4);display:grid}.paths>*{display:flex}.paths .path-card{flex:1}.path-card .path-cta{margin-top:auto}.path-card{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-card);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 20%, transparent), transparent 60%), var(--surface);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));box-shadow:var(--shadow);transition:transform .45s var(--spring), border-color .2s var(--ease), box-shadow .3s var(--ease);flex-direction:column;display:flex}.path-card:active{transition-duration:.1s;transform:scale(.98)}.path-icon,.path-cta svg{transition:transform .45s var(--spring)}@media (hover:hover){.path-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:0 24px 50px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-4px)}.path-card:hover .path-icon{transform:rotate(-6deg)scale(1.06)}.path-card:hover .path-cta svg{transform:translate(5px)}}.path-head{align-items:center;gap:var(--space-4);display:flex}.path-icon{background:var(--accent-grad);color:#0a0f1f;border-radius:18px;flex:none;place-items:center;width:56px;height:56px;display:grid}.path-icon svg{width:28px;height:28px}.path-title{font-size:26px;font-weight:900;line-height:1.1;display:block}.path-mood{color:var(--text-soft);display:block}.path-text{color:var(--text-soft)}.path-cta{align-items:center;gap:var(--space-2);color:var(--accent);margin-top:auto;font-size:17px;font-weight:900;display:inline-flex}:root[data-theme=light] .path-cta{color:color-mix(in srgb, var(--accent) 50%, #12213a)}.path-cta svg{width:20px;height:20px}.modes{gap:var(--space-8);display:grid}.mode{gap:var(--space-4);flex-direction:column;display:flex}.mode-head{align-items:center;gap:var(--space-3);font-size:22px;font-weight:900;display:flex}.mode-icon{background:var(--accent-grad);color:#0a0f1f;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.mode-icon svg{width:24px;height:24px}.mode-visual{display:none}.mode-steps{gap:var(--space-4);display:grid}.mode-step{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));flex-direction:column;display:flex}.mode-step h3{font-size:20px;font-weight:900}.mode-step p{color:var(--text-soft)}.step-num{letter-spacing:.1em;color:var(--accent);font-size:14px;font-weight:900}.step-icon{width:28px;height:28px;color:var(--accent)}.step-inline-mock{margin-top:var(--space-3)}.mock-center{text-align:center;align-items:center}.mock-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mock-tiles img{border-radius:14px;width:100%;height:auto}.mock-answers{gap:6px;display:grid}.mock-answers span{background:rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700}.mock-answers span.is-right{background:rgba(46,217,194,.3);box-shadow:inset 0 0 0 1.5px #2ed9c2}.mock-big{font-size:44px;line-height:1}.mock-code{letter-spacing:.2em;color:#ffd66b;font-size:44px;font-weight:900}.mock-avatars{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mock-avatars span{justify-items:center;gap:4px;font-size:12px;font-weight:800;display:grid}.mock-avatars img{background:#fff;border-radius:50%;width:48px;height:48px}.mock-reveal{color:#2ed9c2;font-size:34px;font-weight:900}.section-head-row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-direction:row}.section-head-row>div{gap:var(--space-3);flex-direction:column;display:flex}.text-link svg{transition:transform .38s var(--spring)}.text-link:active{opacity:.7}@media (hover:hover){.text-link:hover svg{transform:translate(4px)}}.text-link{align-items:center;gap:var(--space-1);min-height:var(--tap);color:var(--coral);white-space:nowrap;font-weight:800;display:inline-flex}@media (min-width:900px){.hero{padding-top:var(--space-12);padding-bottom:var(--space-12);grid-template-columns:1.15fr 1fr;align-items:center}.paths{grid-template-columns:repeat(3,1fr)}.modes{gap:var(--space-6);grid-template-columns:repeat(3,1fr);align-items:start}.mode-visual{z-index:1;min-height:300px;padding:var(--space-3) 0;background:var(--bg);align-items:start;display:grid;position:sticky;top:80px}.mode-visual .mock{gap:var(--space-2);padding:var(--space-4)}.mode-visual .mock-chip{min-width:34px;height:32px;padding:0 10px;font-size:13px}.mode-visual .mock-chips{gap:6px}.mode-visual .mock-word{font-size:34px}.mode-visual:after{content:"";background:linear-gradient(var(--bg), transparent);pointer-events:none;height:60px;position:absolute;top:100%;bottom:auto;left:0;right:0}.mode-frame{opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease);grid-area:1/1;transform:translateY(20px)scale(.97)}.mode-frame.is-active{opacity:1;transform:none}.mode-steps{gap:28vh;padding:12vh 0 18vh}.mode-step{padding:var(--space-2) 0;transition:opacity .4s var(--ease);background:0 0;border-color:transparent}.mode-step:not(.is-active){opacity:.35}.step-inline-mock{display:none}}.settings{gap:var(--space-4);flex-direction:column;max-width:760px;display:flex}.settings .section-title{margin-bottom:var(--space-4)}.settings-block{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.settings-block h2{font-size:20px;font-weight:800}.settings .row{gap:var(--space-2);flex-wrap:wrap;display:flex}.settings .row .chip{align-items:center;gap:var(--space-2);display:inline-flex}.settings-note{color:var(--text-soft);line-height:1.5}.settings-note a,.settings-links a{color:var(--text);text-underline-offset:3px;font-weight:700;text-decoration:underline}.settings-links{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.switch{justify-content:space-between;align-self:stretch;align-items:center;gap:var(--space-4);cursor:pointer;display:flex}.switch>span{gap:var(--space-1);flex-direction:column;display:flex}.switch small{color:var(--text-soft);font-size:14px}.switch input{-webkit-appearance:none;appearance:none;border-radius:var(--radius-pill);background:var(--surface-strong);border:1px solid var(--border);cursor:pointer;width:52px;height:32px;transition:background .2s var(--ease);flex:none;position:relative}.switch input:before{content:"";background:var(--text);width:24px;height:24px;transition:transform .38s var(--spring);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.switch input:checked{background:var(--mint)}.switch input:checked:before{background:#fff;transform:translate(20px)}.switch input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.adult-overlay{z-index:60;padding:var(--space-5);backdrop-filter:blur(8px);animation:adult-fade .2s var(--ease);background:rgba(5,8,18,.72);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes adult-fade{0%{opacity:0}}.adult-card{gap:var(--space-3);width:min(100%,420px);padding:var(--space-6);border-radius:var(--radius-card);background:var(--surface-solid);border:1px solid var(--border);animation:adult-pop .45s var(--spring);flex-direction:column;display:flex;box-shadow:0 30px 80px rgba(0,0,0,.5)}@keyframes adult-pop{0%{opacity:0;transform:translateY(20px)scale(.95)}}.adult-badge{border-radius:var(--radius-pill);background:var(--grad-violet);color:#fff;align-self:flex-start;padding:4px 12px;font-weight:900}.adult-card h2{font-size:24px;font-weight:900}.adult-card p{margin-bottom:var(--space-2);color:var(--text-soft)}.adult-card a{color:var(--text);font-weight:800;text-decoration:underline}.group-layout{gap:var(--space-6);align-items:start;display:grid}.filters{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.filters fieldset{border:0;min-width:0;margin:0;padding:0}.filters legend{margin-bottom:10px;padding:0;font-size:16px;font-weight:800}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.more-toggle{align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--text-soft);font-weight:800;display:flex}.more-count{border-radius:var(--radius-pill);background:var(--coral);color:#0a0f1f;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:13px;display:grid}.more-chevron{width:20px;height:20px;transition:transform .35s var(--spring);margin-left:auto}.more-toggle[aria-expanded=true] .more-chevron{transform:rotate(180deg)}.more-filters{gap:var(--space-4);flex-direction:column;display:flex}.more-filters[hidden]{display:none}@media (hover:hover){.more-toggle:hover{color:var(--text)}}.results{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.pick{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-card);background:radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 70%), var(--surface);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 20px 44px color-mix(in srgb, var(--accent) 18%, transparent);transition:transform .45s var(--spring), box-shadow .3s var(--ease);flex-direction:column;display:flex}.pick:active{transition-duration:.1s;transform:scale(.98)}.pick-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--accent-grad);color:#0a0f1f;align-self:flex-start;padding:4px 12px;font-size:13px;font-weight:900;display:inline-flex}.pick-title{letter-spacing:-.02em;font-size:max(32px,min(8vw,44px));font-weight:900;line-height:1.05}.pick-pitch{max-width:52ch;color:var(--text-soft);font-size:17px}.pick-cta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--accent);font-size:17px;font-weight:900;display:inline-flex}:root[data-theme=light] .pick-cta{color:color-mix(in srgb, var(--accent) 50%, #12213a)}.pick-cta svg{width:20px;height:20px;transition:transform .38s var(--spring)}@media (hover:hover){.pick:hover{box-shadow:0 28px 56px color-mix(in srgb, var(--accent) 26%, transparent);transform:translateY(-4px)}.pick:hover .pick-cta svg{transform:translate(5px)}}.no-exact{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:color-mix(in srgb, var(--gold) 12%, transparent);color:var(--text-soft);font-size:15px;display:flex}.no-exact svg{color:var(--gold);flex:none}.results-title{margin-top:var(--space-4);font-size:20px;font-weight:800}.results-title span{color:var(--text-faint)}@media (min-width:900px){.group-layout{gap:var(--space-8);grid-template-columns:340px 1fr}.filters-wrap{top:calc(var(--header-h) + var(--space-4));position:sticky}.results-grid{grid-template-columns:repeat(2,1fr)}}.lucky{align-items:center;gap:var(--space-4);width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-control);border:1px dashed color-mix(in srgb, var(--violet) 55%, var(--border));background:color-mix(in srgb, var(--violet) 10%, var(--surface));color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .45s var(--spring), background .2s var(--ease);display:flex}.lucky:active{transition-duration:.1s;transform:scale(.97)}.lucky img{width:64px;height:64px;transition:transform .5s var(--spring);border-radius:16px;flex:none}.lucky-body{flex-direction:column;flex:1;min-width:0;display:flex}.lucky-title{font-weight:900}.lucky-text{color:var(--text-soft);font-size:14px}.lucky-icon{color:var(--violet);flex:none}@media (hover:hover){.lucky:hover{background:color-mix(in srgb, var(--violet) 18%, var(--surface))}.lucky:hover img{transform:rotate(-8deg)scale(1.08)}}.lucky.is-evening{margin-top:var(--space-2);border-color:color-mix(in srgb, var(--gold) 55%, var(--border));background:color-mix(in srgb, var(--gold) 9%, var(--surface))}.lucky.is-evening .lucky-icon{color:var(--gold)}.teams-head{gap:var(--space-3);padding-bottom:var(--space-6);flex-direction:column;display:flex}.teams-layout{gap:var(--space-6);padding-bottom:calc(var(--space-8) * 2);display:grid}.teams-setup,.teams-result{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.teams-card{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}.teams-card h2{font-size:20px;font-weight:900}.teams-add{gap:var(--space-2);flex-wrap:wrap;display:flex}.teams-input{min-width:0;min-height:56px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font:inherit;flex:14rem;font-size:17px}.teams-input:focus{outline:2px solid var(--accent);outline-offset:1px}.teams-add .btn{flex:none}.teams-hint{color:var(--text-soft)}.teams-names,.teams-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.name-chip{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3) 0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font:inherit;cursor:pointer;transition:transform .38s var(--spring);font-weight:700;display:inline-flex}.name-chip svg{color:var(--coral)}.name-chip:active{transition-duration:90ms;transform:scale(.94)}.teams-card .reset-link{align-self:flex-start}.teams-groups{gap:var(--space-2);display:grid}.teams-groups li{align-items:stretch;gap:var(--space-1);display:flex}.group-pick{min-width:0;min-height:var(--tap);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .38s var(--spring);flex-direction:column;flex:1;gap:2px;display:flex}.group-pick:active{transition-duration:90ms;transform:scale(.98)}.group-pick span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.group-remove{width:var(--tap);border-radius:var(--radius-control);color:var(--text-faint);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.group-remove:hover{background:var(--surface-strong)}.team-cards{gap:var(--space-3);display:grid}.team-card{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-card);background:var(--accent-grad);color:#0a0f1f;box-shadow:0 16px 32px color-mix(in srgb, var(--accent) 25%, transparent);animation:team-deal .52s var(--spring) both;flex-direction:column;display:flex}@keyframes team-deal{0%{opacity:0;transform:translateY(20px)scale(.96)}}@media (prefers-reduced-motion:reduce){.team-card{animation:none}}.team-card h3{font-size:22px;font-weight:900}.team-card-count{opacity:.75;font-size:13px;font-weight:700}.team-card ul{gap:var(--space-2);flex-wrap:wrap;display:flex}.team-card li{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:rgba(255,255,255,.35);border:1px solid rgba(10,15,31,.12);font-weight:700}.teams-empty{align-items:center;gap:var(--space-4);padding:var(--space-5);color:var(--text-soft);display:flex}.teams-empty svg{width:32px;height:32px;color:var(--accent);flex-shrink:0}.teams-actions{gap:var(--space-3);flex-direction:column;display:flex}.teams-split{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.teams-split .btn{padding:0 var(--space-3);font-size:16px}@media (min-width:900px){.teams-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.teams-result{top:calc(var(--header-h,72px) + var(--space-4));position:sticky}.team-cards{grid-template-columns:1fr 1fr}}.team-card h3{align-items:center;gap:var(--space-3);display:flex}.team-mascot{background:#fff;border-radius:50%;width:48px;height:48px;box-shadow:0 4px 12px rgba(0,0,0,.18)}.detail-missing{margin:var(--space-3) 0 var(--space-6)}.detail-hero{gap:var(--space-8);padding-top:var(--space-6);padding-bottom:var(--space-4);display:grid}.detail-art{order:-1;justify-self:center;width:min(62vw,260px)}.detail-art img{width:100%;height:auto;box-shadow:0 24px 60px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:32px;animation:6s ease-in-out infinite alternate art-float;display:block;transform:rotate(-3deg)}@keyframes art-float{to{transform:rotate(2deg)translateY(-10px)}}@media (min-width:900px){.detail-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}.detail-art{width:max(200px,min(24vw,320px));margin-right:var(--space-4);order:0}}@media (prefers-reduced-motion:reduce){.detail-art img{animation:none}}.detail-copy{gap:var(--space-4);flex-direction:column;display:flex}.back-link{align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--text-soft);transition:color .16s var(--ease);font-weight:800;display:inline-flex}.back-link svg{transition:transform .38s var(--spring)}.back-link:active{color:var(--text)}@media (hover:hover){.back-link:hover{color:var(--text)}.back-link:hover svg{transform:translate(-4px)}}.detail-title{letter-spacing:-.03em;font-size:max(44px,min(12vw,76px));font-weight:900;line-height:1}.detail-pitch{max-width:52ch;color:var(--text-soft);font-size:19px}.facts{gap:var(--space-3);margin:var(--space-2) 0 0;grid-template-columns:repeat(2,1fr);display:grid}.fact{column-gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid}.fact:last-child{grid-column:1/-1}.fact-icon{width:22px;height:22px;color:var(--accent);grid-row:1/3}.fact dt{color:var(--text-faint);font-size:13px;font-weight:700}.fact dd{margin:0;font-weight:800}.packs-section{padding-bottom:var(--space-6)}.start-section{justify-items:center;display:grid}.start-card{gap:var(--space-2);width:min(100%,520px);padding:var(--space-6);border-radius:var(--radius-card);background:radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), radial-gradient(70% 50% at 0% 100%, rgba(92,232,255,.12), transparent 70%), #111733;border:1px solid color-mix(in srgb, var(--accent) 40%, rgba(255,255,255,.12));color:#faf2eb;flex-direction:column;display:flex;box-shadow:0 30px 60px rgba(0,0,0,.3)}.start-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:14px;font-weight:800}.start-pack{font-size:32px;font-weight:900;line-height:1.1}.start-meta{color:#c9d1e0;margin-bottom:var(--space-4)}.shop-links{gap:var(--space-3);flex-wrap:wrap;display:flex}.shop-links svg{width:18px;height:18px}.rules{gap:var(--space-3);max-width:760px;display:grid}.rule{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);font-size:18px;display:flex}.rule-num{background:var(--accent-grad);color:#0a0f1f;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.packs{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.pack{align-items:flex-start;gap:var(--space-2);width:100%;height:100%;min-height:96px;padding:var(--space-4);border-radius:var(--radius-control);background:var(--surface);border:1.5px solid var(--border);text-align:left;transition:transform .38s var(--spring), border-color .2s var(--ease), background .2s var(--ease);flex-direction:column;display:flex}.pack:active{transition-duration:90ms;transform:scale(.96)}.pack[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 22%, transparent)}@media (hover:hover){.pack:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));transform:translateY(-2px)}}.pack-title{font-size:17px;font-weight:800;line-height:1.2}.pack-meta{align-items:center;gap:var(--space-2);color:var(--text-faint);margin-top:auto;font-size:14px;display:flex}@media (min-width:640px){.packs{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.detail-hero{padding-top:var(--space-8)}.facts{grid-template-columns:repeat(5,1fr)}.fact:last-child{grid-column:auto}}.start-teams{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-control);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;font-weight:700;display:flex}.start-teams a{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-pill);color:#faf2eb;transition:transform .38s var(--spring);background:rgba(255,255,255,.1);font-weight:800;display:inline-flex}.start-teams a:active{transition-duration:90ms;transform:scale(.95)}.start-times{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.start-times>span{margin-right:var(--space-1);color:#c9d1e0;font-weight:800}.start-times button{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:#faf2eb;font:inherit;cursor:pointer;transition:transform .38s var(--spring);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);font-weight:800}.start-times button:active{transition-duration:90ms;transform:scale(.94)}.start-times button[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 26%, transparent)}.solo-art{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.solo-card-icon:has(.solo-art){box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 22%, transparent);background:0 0;overflow:hidden}.daily-icon:has(.solo-art){box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 22%, transparent);background:0 0;overflow:hidden}.solo-detail-icon:has(.solo-art){box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 22%, transparent);background:0 0;overflow:hidden}.solo-card-icon:has(.solo-art){border-radius:18px;width:64px;height:64px}.daily-icon:has(.solo-art){border-radius:24px;width:96px;height:96px}.solo-detail-icon:has(.solo-art){border-radius:32px;width:132px;height:132px}.daily{gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-card);background:radial-gradient(90% 80% at 100% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), var(--surface);border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 20px 44px color-mix(in srgb, var(--accent) 16%, transparent);transition:transform .45s var(--spring), box-shadow .3s var(--ease);align-items:flex-start;display:flex}.daily:active{transition-duration:.1s;transform:scale(.98)}.daily-icon{background:var(--accent-grad);color:#0a0f1f;border-radius:20px;flex:none;place-items:center;width:64px;height:64px;display:grid}.daily-icon svg{width:32px;height:32px}.daily-body{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.daily-badge{border-radius:var(--radius-pill);background:var(--accent-grad);color:#0a0f1f;text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:900}.daily-title{font-size:max(28px,min(7vw,38px));font-weight:900;line-height:1.05}.daily-pitch{color:var(--text-soft)}.daily-cta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);color:var(--accent);font-weight:900;display:inline-flex}:root[data-theme=light] .daily-cta{color:color-mix(in srgb, var(--accent) 50%, #12213a)}.daily-cta svg{width:20px;height:20px;transition:transform .38s var(--spring)}@media (hover:hover){.daily:hover{box-shadow:0 28px 56px color-mix(in srgb, var(--accent) 24%, transparent);transform:translateY(-4px)}.daily:hover .daily-cta svg{transform:translate(5px)}}.solo-filters{gap:var(--space-2);margin:var(--space-8) 0 var(--space-5);flex-wrap:wrap;display:flex}.solo-filters .chip{align-items:center;gap:6px;display:inline-flex}.chip-count{opacity:.7;font-size:13px}.solo-grid{gap:var(--space-3);display:grid}.solo-card{column-gap:var(--space-4);row-gap:var(--space-2);height:100%;padding:var(--space-4);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);transition:transform .45s var(--spring), background .2s var(--ease), border-color .2s var(--ease);grid-template-columns:auto 1fr;grid-template-areas:"icon body""icon meta";display:grid}.solo-card:active{transition-duration:.1s;transform:scale(.97)}@media (hover:hover){.solo-card:hover{background:var(--surface-strong);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-3px)}.solo-card:hover .solo-card-icon{transform:rotate(-6deg)scale(1.06)}}.solo-card-icon{background:color-mix(in srgb, var(--accent) 18%, transparent);width:48px;height:48px;color:var(--accent);transition:transform .45s var(--spring);border-radius:14px;grid-area:icon;place-items:center;display:grid}:root[data-theme=light] .solo-card-icon{color:color-mix(in srgb, var(--accent) 60%, #12213a)}.solo-card-icon svg{width:24px;height:24px}.solo-card-body{flex-direction:column;grid-area:body;min-width:0;display:flex}.solo-card-title{font-size:17px;font-weight:900;line-height:1.2}.solo-card-sub{color:var(--text-soft);font-size:14px}.solo-card-meta{justify-content:space-between;align-items:center;gap:var(--space-2);grid-area:meta;display:flex}.solo-card-time{color:var(--text-faint);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}@media (min-width:640px){.solo-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.solo-grid{grid-template-columns:repeat(3,1fr)}.daily{padding:var(--space-8);align-items:center}.daily-icon{border-radius:26px;width:88px;height:88px}.daily-icon svg{width:44px;height:44px}}.solo-missing{margin:var(--space-3) 0 var(--space-6)}.solo-detail{gap:var(--space-5);flex-direction:column;max-width:820px;display:flex}.solo-detail-head{align-items:center;gap:var(--space-5);display:flex}.solo-detail-icon{background:var(--accent-grad);color:#0a0f1f;width:88px;height:88px;box-shadow:0 16px 36px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:26px;flex:none;place-items:center;display:grid}.solo-detail-icon svg{width:44px;height:44px}.solo-detail-copy{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.solo-detail-copy .tag{gap:4px}.solo-detail-copy .detail-title{font-size:max(32px,min(9vw,60px))}.solo-detail-sub{color:var(--text-soft);font-size:18px;font-weight:700}.solo-bullets{gap:var(--space-3);display:grid}.solo-bullets li{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);font-size:17px;display:flex}.solo-bullet-icon{width:22px;height:22px;color:var(--accent);flex:none;margin-top:2px}.solo-start{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-6);border-radius:var(--radius-card);background:var(--surface);border:1px dashed var(--border);flex-direction:column;display:flex}.solo-start p{color:var(--text-soft)}.solo-start.is-ready{border-style:solid;border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:radial-gradient(90% 80% at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%), var(--surface)}.solo-packs{gap:var(--space-3);flex-direction:column;display:flex}.solo-packs-title{font-size:22px;font-weight:900}.solo-tones{gap:var(--space-2);flex-wrap:wrap;display:flex}.solo-tone-note{color:var(--text-soft)}.history{gap:var(--space-5);flex-direction:column;max-width:820px;display:flex}.history .page-head{margin-bottom:0}.local-note{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);background:color-mix(in srgb, var(--cyan) 10%, transparent);border:1px solid color-mix(in srgb, var(--cyan) 28%, var(--border));color:var(--text-soft);font-size:15px;display:flex}.local-note a{color:var(--text);font-weight:800;text-decoration:underline}.local-note.is-synced{background:color-mix(in srgb, var(--mint) 10%, transparent);border-color:color-mix(in srgb, var(--mint) 28%, var(--border))}.local-note.is-synced .local-note-icon{color:var(--mint)}.local-note-icon{width:20px;height:20px;color:var(--cyan);flex:none;margin-top:2px}:root[data-theme=light] .local-note-icon{color:color-mix(in srgb, var(--cyan) 55%, #12213a)}.history-empty{align-items:flex-start;gap:var(--space-3);padding:var(--space-8) var(--space-6);border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);flex-direction:column;display:flex}.history-empty-emoji{font-size:44px;line-height:1}.history-empty h2{font-size:26px;font-weight:900}.history-empty p{margin-bottom:var(--space-2);color:var(--text-soft)}.history-stats{gap:var(--space-3);grid-template-columns:1fr 1fr;margin:0;display:grid}.history-stats>div{padding:var(--space-4);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border)}.history-stats>div:last-child{grid-column:1/-1}.history-stats dt{color:var(--text-faint);font-size:13px;font-weight:700}.history-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:900}.history-stats .history-fav{color:var(--coral);font-size:22px}.history-day{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.history-day-title{text-transform:capitalize;color:var(--text-faint);font-size:15px;font-weight:800}.history-list{gap:var(--space-3);display:grid}.session{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);transition:transform .45s var(--spring), background .2s var(--ease);flex-direction:column;display:flex}.session:active{transition-duration:.1s;transform:scale(.98)}@media (hover:hover){.session:hover{background:var(--surface-strong);transform:translateY(-2px)}}.session-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.session-title{font-size:18px;font-weight:900}.session-time{color:var(--text-faint);flex:none;align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.session-sub{color:var(--text-soft);font-size:14px}.session-teams{gap:var(--space-2);flex-wrap:wrap;display:flex}.session-team{border-radius:var(--radius-pill);background:var(--surface-strong);align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-flex}.session-team.is-winner{background:color-mix(in srgb, var(--gold) 20%, transparent);color:var(--gold)}:root[data-theme=light] .session-team.is-winner{color:color-mix(in srgb, var(--gold) 45%, #12213a)}.session-tie{color:var(--text-faint);align-self:center;font-size:13px;font-weight:700}.history-clear{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.history-clear p{width:100%;font-weight:700}@media (min-width:640px){.history-stats{grid-template-columns:repeat(3,1fr)}.history-stats>div:last-child{grid-column:auto}}.history-empty-art{width:160px;height:auto;margin:0 auto var(--space-2);border-radius:32px}.progress-panel{gap:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);display:grid}.progress-level{align-items:center;gap:var(--space-4);display:flex}.progress-level>div{flex:1;min-width:0}.progress-badge{background:linear-gradient(135deg, var(--gold), var(--coral));color:#0a0f1f;width:64px;height:64px;box-shadow:0 12px 28px color-mix(in srgb, var(--coral) 30%, transparent);border-radius:20px;flex:none;place-items:center;font-size:30px;font-weight:900;display:grid}.progress-title{font-size:20px;font-weight:900}.progress-bar{height:10px;margin:var(--space-2) 0;border-radius:var(--radius-pill);background:var(--surface-strong);overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--coral));height:100%;transition:width .8s var(--ease);display:block}.progress-xp{color:var(--text-soft);font-size:14px}.progress-badges{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.progress-badges li{padding:var(--space-3);border-radius:var(--radius-control);background:var(--surface-strong);text-align:center;opacity:.45;filter:grayscale();flex-direction:column;align-items:center;gap:2px;display:flex}.progress-badges li.is-earned{opacity:1;filter:none}.progress-badges li.is-fresh{box-shadow:0 0 0 2px var(--gold);animation:badge-pop .6s var(--spring) .3s both}@keyframes badge-pop{0%{transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.progress-badges li.is-fresh{animation:none}}.progress-emoji{font-size:32px;line-height:1.2}.progress-badges strong{font-size:14px}.progress-badges small{color:var(--text-soft);font-size:12px}.progress-badges li.is-fresh small{color:var(--gold);font-weight:800}.podium{margin-bottom:var(--space-3);position:relative}.podium-steps{justify-content:center;align-items:flex-end;gap:var(--space-2);min-height:230px;display:flex}.podium-step{--tint:#c9d1e0;--height:96px;min-width:0;max-width:120px;animation:podium-rise .7s var(--spring) var(--delay) both;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;display:flex}.podium-step.place-1{--tint:var(--gold);--height:140px}.podium-step.place-3{--tint:#e39a6b;--height:66px}.podium-medal{font-size:34px;line-height:1.1}.podium-mascot{background:#fff;border-radius:50%;width:64px;height:64px;box-shadow:0 6px 18px rgba(0,0,0,.3)}.place-1 .podium-mascot{width:84px;height:84px}.podium-mascot+.podium-medal{margin-top:-22px;font-size:26px}.place-1 .podium-mascot+.podium-medal{font-size:30px}.place-1 .podium-medal{animation:podium-bounce 1.6s ease-in-out calc(var(--delay) + .8s) infinite;font-size:44px}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--tint);font-weight:900;overflow:hidden}.podium-detail{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-soft);font-size:12px;overflow:hidden}.podium-block{width:100%;height:var(--height);margin-top:var(--space-1);padding-top:var(--space-2);background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 55%, transparent), color-mix(in srgb, var(--tint) 12%, transparent));border:1px solid color-mix(in srgb, var(--tint) 60%, transparent);box-shadow:0 0 32px color-mix(in srgb, var(--tint) 25%, transparent);border-radius:14px 14px 4px 4px;place-items:start center;display:grid}.podium-points{font-variant-numeric:tabular-nums;color:#fff;font-size:26px;font-weight:900}.podium-rest{gap:var(--space-2);margin-top:var(--space-3);display:grid}.podium-rest li{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--surface);text-align:left;font-weight:800;display:flex}.podium-rest small{color:var(--text-soft);font-size:12px;font-weight:600;display:block}.podium-confetti{pointer-events:none;position:absolute;top:-40px;bottom:0;left:-24px;right:-24px;overflow:hidden}.podium-confetti i{background:var(--coral);opacity:0;border-radius:2px;width:8px;height:13px;animation:2.6s cubic-bezier(.3,.6,.5,1) 2 both podium-confetti;position:absolute;top:-14px}.podium-confetti i:nth-child(4n+1){background:var(--mint)}.podium-confetti i:nth-child(4n+2){background:var(--gold);width:6px}.podium-confetti i:nth-child(4n+3){background:var(--violet);border-radius:50%;height:8px}@keyframes podium-rise{0%{opacity:0;transform:translateY(60px)scale(.9)}}@keyframes podium-bounce{50%{transform:translateY(-6px)rotate(-6deg)}}@keyframes podium-confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(320px) translateX(var(--drift)) rotate(var(--spin))}}@media (prefers-reduced-motion:reduce){.podium-step,.place-1 .podium-medal{animation:none}.podium-confetti{display:none}}.evening{gap:var(--space-5);flex-direction:column;display:flex}.evening .eyebrow{align-items:center;gap:var(--space-2);display:inline-flex}.evening-controls{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.evening-count{gap:var(--space-2);display:flex}.evening-lineup li{position:relative}.evening-step{background:var(--violet);color:#0a0f1f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:inline-grid}.evening-lineup .evening-step{z-index:2;position:absolute;top:-10px;left:-10px;box-shadow:0 6px 16px rgba(0,0,0,.3)}.evening-teams{align-items:center;gap:var(--space-2);color:var(--text-soft);flex-wrap:wrap;display:flex}.evening-teams a{color:var(--violet);margin-left:auto;font-weight:800}.evening-steps{gap:var(--space-2);display:grid}.evening-steps li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--surface);color:var(--text-soft);font-weight:800;display:flex}.evening-steps li.is-done .evening-step{background:var(--mint)}.evening-steps li.is-next{color:var(--text);border:1.5px solid var(--violet)}.evening-steps li:not(.is-done):not(.is-next) .evening-step{background:var(--surface-strong);color:var(--text-soft)}.evening-standings{gap:var(--space-2);display:grid}.evening-standings li{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--surface);font-weight:800;display:flex}.evening-standings li:first-child{background:color-mix(in srgb, var(--gold) 16%, var(--surface))}.evening-standings img{background:#fff;border-radius:50%;width:40px;height:40px}.evening-standings strong{font-variant-numeric:tabular-nums;margin-left:auto;font-size:22px}.evening-recap{gap:var(--space-1);color:var(--text-soft);display:grid}.evening-recap li{justify-content:space-between;display:flex}.evening-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.account{gap:var(--space-5);flex-direction:column;max-width:560px;display:flex}.account .page-head{margin-bottom:0}.account-card{gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.account-card h2{font-size:22px;font-weight:900}.account-loading{color:var(--text-faint)}.account-perks{gap:var(--space-2);display:grid}.account-perks li{align-items:center;gap:var(--space-3);font-weight:700;display:flex}.account-perks svg{width:20px;height:20px;color:var(--mint);flex:none}.google-btn{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);color:#1f1f1f;min-height:52px;transition:transform .38s var(--spring);background:#fff;font-size:17px;font-weight:800;display:flex;box-shadow:0 6px 18px rgba(0,0,0,.18)}.google-btn:active{transition-duration:90ms;transform:scale(.96)}.google-btn:disabled,.reset-link:disabled{opacity:.5}.account-or{align-items:center;gap:var(--space-3);color:var(--text-faint);font-size:14px;font-weight:700;display:flex}.account-or:before,.account-or:after{content:"";background:var(--border);flex:1;height:1px}.account-form{gap:var(--space-3);flex-direction:column;display:flex}.account-input{min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-control);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:17px}.account-input:focus{outline:2px solid var(--cyan);outline-offset:1px}.account-sync{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);background:color-mix(in srgb, var(--mint) 12%, transparent);color:var(--text-soft);display:flex}.account-sync svg{width:20px;height:20px;color:var(--mint);flex:none;margin-top:2px}.account-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);color:var(--coral);background:rgba(255,107,94,.14);font-weight:700}.account-hint,.account-legal,.account-guest{color:var(--text-faint);font-size:14px}.account-legal a{text-decoration:underline}.account-who{align-items:center;gap:var(--space-4);display:flex}.account-who>span:last-child{flex-direction:column;min-width:0;display:flex}.account-email{text-overflow:ellipsis;color:var(--text-soft);overflow:hidden}.account-avatar{background:var(--grad-coral);color:#0a0f1f;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:24px;font-weight:900;display:grid;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-card .btn svg{width:20px;height:20px}.account-label{font-weight:800}.account-check{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;color:var(--text-soft);cursor:pointer;font-size:15px;display:flex}.account-check input{width:22px;height:22px;accent-color:var(--mint);flex:none;margin:1px 0 0}.account-check a,.account-hint a{color:var(--text);font-weight:800;text-decoration:underline}.account-who strong{font-size:20px}.account-edit{font-size:14px}.account-rename{gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.account-rename .account-input{flex:1;min-width:0}.account-delete{color:var(--coral)}.account-danger{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);background:rgba(255,107,94,.1);border:1px solid rgba(255,107,94,.35);flex-direction:column;display:flex}.account-danger p{color:var(--text);font-weight:700}.account-sent{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-5) var(--space-3);border-radius:var(--radius-control);background:color-mix(in srgb, var(--mint) 10%, transparent);border:1px solid color-mix(in srgb, var(--mint) 28%, var(--border));text-align:center;animation:sent-in .45s var(--spring);flex-direction:column;display:flex}@keyframes sent-in{0%{opacity:0;transform:scale(.96)}}.account-sent-icon{width:52px;height:52px;margin-bottom:var(--space-1);background:var(--grad-mint);color:#0a0f1f;border-radius:50%;place-items:center;display:grid}.account-sent-icon svg{width:26px;height:26px}.account-sent-title{font-size:20px;font-weight:900}.account-sent-text{color:var(--text-soft);font-size:15px}.account-sent-email{border-radius:var(--radius-control);background:var(--surface-strong);overflow-wrap:anywhere;max-width:100%;padding:6px 14px;font-weight:800}.account-sent .reset-link{align-self:center}.account-card h2{align-items:center;gap:var(--space-2);display:flex}.account-h2-icon{width:22px;height:22px;color:var(--gold)}.account-grants{gap:var(--space-2);display:grid}.account-grants a{min-height:var(--tap);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);flex-direction:column;justify-content:center;display:flex}.account-grants span{color:var(--text-soft);font-size:14px}.account-back{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.legal{gap:var(--space-4);flex-direction:column;max-width:820px;display:flex}.legal-updated{color:var(--text-faint);font-size:14px}.legal-lead{padding:var(--space-4) var(--space-5);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:17px}.legal section{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.legal h2{font-size:22px;font-weight:900}.legal p,.legal li{color:var(--text-soft)}.legal ul{gap:var(--space-2);padding-left:var(--space-5);list-style:outside;display:grid}.legal strong{color:var(--text)}.legal a,.legal-inline{color:var(--text);font-weight:700;text-decoration:underline}.legal-inline{font-size:inherit;display:inline}.legal code{overflow-wrap:anywhere;color:var(--text);font-size:14px}.legal-table{gap:var(--space-2);width:100%;display:grid}.legal-row{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);color:var(--text-soft);font-size:15px;display:grid}.legal-row span:first-child{color:var(--text);font-weight:800}.legal-head{display:none}.legal-nav{gap:var(--space-1) var(--space-5);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.legal-nav a{min-height:var(--tap);align-items:center;display:inline-flex}@media (min-width:768px){.legal-row{gap:var(--space-4);grid-template-columns:1.2fr 1fr 1fr}.legal-head{text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;padding-top:0;padding-bottom:0;font-size:13px;font-weight:800;display:grid}.legal-head span:first-child{color:var(--text-soft)}}.cookie-banner{left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:50;gap:var(--space-3);width:min(100% - 2 * var(--gutter), 640px);padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);background:var(--surface-solid);border:1px solid var(--border);animation:cookie-in .5s var(--spring) both;flex-direction:column;animation-delay:.8s;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 20px 50px rgba(0,0,0,.35)}@keyframes cookie-in{0%{opacity:0;transform:translate(-50%,40px)}}.cookie-banner p{color:var(--text-soft);font-size:15px}.cookie-banner a{color:var(--text);font-weight:800;text-decoration:underline}.cookie-actions{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.cookie-actions .btn{min-height:48px;font-size:16px}@media (min-width:640px){.cookie-banner{flex-direction:row;align-items:center}.cookie-actions{flex:none}}