@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-normal-7BpKI3vF.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-normal-YHFkNujK.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-normal-CFFu7zhK.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}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-ext-wght-normal-DdQaqQDo.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:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./outfit-latin-wght-normal-Bc-8i84L.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{--ink:#06130d;--ink-2:#0b1f15;--leaf:#12301f;--leaf-2:#1b4a2f;--gold:#f5c542;--gold-2:#ffe08a;--ember:#e5484d;--green:#1fae6b;--ivory:#f6f0dc;--mist:#f6f0dca3;--faint:#f6f0dc61;--line:#f6f0dc1f;--glass:#f6f0dc0d;--ok:#5be39a;--bad:#ff7075;--display:"Fraunces Variable", Georgia, serif;--body:"Outfit Variable", system-ui, sans-serif;--r:22px;--header-h:64px;--pad:clamp(16px, 4vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ink);min-height:100dvh;color:var(--ivory);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5;overflow-x:hidden}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:10px}kbd{font:600 .8em var(--body);border:1px solid var(--line);background:#f6f0dc1f;border-radius:6px;padding:.1em .5em}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg__aurora{filter:blur(90px);opacity:.5;will-change:transform;border-radius:50%;width:70vmax;height:70vmax;position:absolute}.bg__aurora--a{background:radial-gradient(circle,#1fae6b 0%,#0000 65%);animation:26s ease-in-out infinite alternate drift-a;top:-30vmax;left:-25vmax}.bg__aurora--b{opacity:.28;background:radial-gradient(circle,#f5c542bf 0%,#0000 65%);animation:32s ease-in-out infinite alternate drift-b;top:10vmax;right:-30vmax}.bg__aurora--c{opacity:.22;background:radial-gradient(circle,#e5484db3 0%,#0000 65%);animation:38s ease-in-out infinite alternate-reverse drift-a;bottom:-45vmax;left:10vmax}.bg__weave{opacity:.5;background:repeating-linear-gradient(45deg,#f6f0dc09 0 1px,#0000 1px 14px),repeating-linear-gradient(-45deg,#f6f0dc06 0 1px,#0000 1px 14px);position:absolute;inset:0}.bg__bit{opacity:.2;border-radius:50%;position:absolute}.bg__bit--star{clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%);background:currentColor;border-radius:0}.bg__vignette{background:radial-gradient(at 50% 30%,#0000 40%,#030906b3 100%);position:absolute;inset:0}@keyframes drift-a{to{transform:translate(14vmax,10vmax)scale(1.12)}}@keyframes drift-b{to{transform:translate(-12vmax,8vmax)scale(.92)}}.screen{z-index:1;padding:20px var(--pad) calc(48px + env(safe-area-inset-bottom));min-height:calc(100dvh - var(--header-h));position:relative}.narrow{gap:22px;max-width:760px;margin:0 auto;display:grid}.wide{gap:22px;max-width:1240px;margin:0 auto;display:grid}.h1{font-family:var(--display);letter-spacing:-.01em;font-variation-settings:"SOFT" 100, "opsz" 96;font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1.08}.muted{color:var(--mist)}.center{text-align:center}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.error{color:var(--bad);font-weight:500}.glass{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(18px)saturate(1.2);box-shadow:inset 0 1px #ffffff12,0 18px 40px -22px #000000b3}.kente{opacity:.95;background:repeating-linear-gradient(90deg, var(--gold) 0 22px, var(--ink) 22px 26px, var(--ember) 26px 44px, var(--ink) 44px 48px, var(--green) 48px 70px, var(--ink) 70px 74px);border-radius:99px;height:10px;-webkit-mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.header{z-index:20;height:var(--header-h);padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:linear-gradient(#06130dd9,#06130d8c);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid;position:sticky;top:0}.header:after{content:"";opacity:.8;background:repeating-linear-gradient(90deg, var(--gold) 0 18px, var(--ember) 18px 30px, var(--green) 30px 48px, var(--ink) 48px 54px);height:2px;position:absolute;bottom:-1px;left:0;right:0}.header__side{align-items:center;gap:6px;min-width:0;display:flex}.header__side--right{justify-content:flex-end}.icon-btn{min-width:44px;height:44px;color:var(--ivory);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 10px;transition:background .2s,transform .2s;display:inline-flex}.icon-btn:hover:not(:disabled){background:#f6f0dc1a}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:disabled{opacity:.35}.icon-btn--label{font-size:15px;font-weight:500}.brand{border-radius:14px;align-items:center;gap:10px;max-width:48vw;padding:6px 10px;display:inline-flex}.brand__mark{width:30px;height:30px;color:var(--ink);background:linear-gradient(135deg, var(--gold-2), var(--gold));border-radius:10px;flex:none;place-items:center;display:grid;box-shadow:0 0 18px #f5c54273}.brand__text{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-variation-settings:"SOFT" 100;font-size:19px;font-weight:650;overflow:hidden}.score-pill{height:34px;color:var(--gold-2);font-variant-numeric:tabular-nums;background:#f5c5421f;border:1px solid #f5c54259;border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-weight:600;display:inline-flex}.score-pill i{background:var(--gold);width:8px;height:8px;box-shadow:0 0 10px var(--gold);border-radius:50%}.score-pill small{opacity:.8;font-size:12px;font-weight:500}.btn{letter-spacing:.005em;white-space:nowrap;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-weight:600;transition:box-shadow .25s,background .25s,opacity .2s;display:inline-flex}.btn--md{height:48px;padding:0 22px;font-size:16px}.btn--sm{border-radius:12px;height:38px;padding:0 14px;font-size:14px}.btn--lg{border-radius:18px;height:56px;padding:0 28px;font-size:18px}.btn--block{width:100%}.btn:disabled{opacity:.45}.btn--primary{color:#1c1400;background:linear-gradient(#ffe08a,#f5c542 60%,#e0a91f);box-shadow:0 10px 30px -10px #f5c542b3,inset 0 1px #fff9}.btn--primary:hover:not(:disabled){box-shadow:0 14px 38px -8px #f5c542e6,inset 0 1px #ffffffb3}.btn--secondary{border-color:var(--line);color:var(--ivory);background:#f6f0dc17}.btn--secondary:hover:not(:disabled){background:#f6f0dc29}.btn--ghost{color:var(--mist)}.btn--ghost:hover:not(:disabled){color:var(--ivory);background:#f6f0dc14}.btn--danger{color:#fff;background:linear-gradient(#ff6b70,#d83a40);box-shadow:0 10px 28px -12px #e5484de6}.toasts{z-index:60;left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom));pointer-events:none;justify-items:center;gap:8px;padding:0 16px;display:grid;position:fixed}.toast{border:1px solid var(--line);background:#0c2016f0;border-radius:16px;align-items:center;gap:10px;max-width:460px;padding:12px 18px;font-weight:500;display:inline-flex;box-shadow:0 16px 40px -10px #000000b3}.toast--success svg{color:var(--ok)}.toast--error svg{color:var(--bad)}.toast--info svg{color:var(--gold)}.scrim{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020805b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0c2016f0;width:min(440px,100%);padding:26px}.modal h2{font-family:var(--display);margin-bottom:10px;font-size:26px}.modal__body{color:var(--mist)}.modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@media (width<=640px){.hide-sm{display:none}.brand__text{font-size:17px}.brand{padding:6px}.header{grid-template-columns:auto minmax(0,1fr) auto;gap:4px}.brand{justify-self:center;min-width:0;max-width:100%}}@media (prefers-reduced-motion:reduce){.bg__aurora,.shine{animation:none!important}*,:before,:after{scroll-behavior:auto!important}}.avatar{font-weight:700;font-family:var(--display);color:#10170f;background:radial-gradient(circle at 30% 25%, #fff8 0, transparent 45%), var(--c);box-shadow:0 0 0 2px #06130d99, 0 0 16px -2px var(--c);border-radius:50%;flex:none;place-items:center;display:inline-grid}.chip{border:1px solid var(--line);background:#f6f0dc0f;border-radius:99px;align-items:center;gap:10px;min-width:0;padding:6px 14px 6px 6px;transition:border-color .25s,background .25s,box-shadow .25s,opacity .25s;display:inline-flex}.chip--compact{gap:8px;padding:4px 12px 4px 4px}.chip__name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:110px;font-size:15px;font-weight:600;display:inline-flex;overflow:hidden}.chip__name svg{color:var(--gold);flex:none}.chip__score{color:var(--gold-2);font-variant-numeric:tabular-nums;margin-left:2px;font-weight:700}.chip--active{border-color:var(--c);background:color-mix(in srgb, var(--c) 18%, transparent);box-shadow:0 0 0 1px var(--c), 0 0 28px -4px var(--c)}.chip--out{opacity:.4}.tag{border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;background:#f6f0dc17;border-radius:99px;align-items:center;max-width:60vw;height:30px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex;overflow:hidden}.tag--gold{color:var(--gold-2);font-variant-numeric:tabular-nums;background:#f5c54221;border-color:#f5c54266}.ring{flex:none;position:relative}.ring svg{filter:drop-shadow(0 0 10px #f5c54259);display:block}.ring__track{stroke:#f6f0dc1f}.ring__bar{stroke:var(--gold);transition:stroke-dashoffset .12s linear,stroke .3s}.ring__text{text-align:center;place-content:center;line-height:1;display:grid;position:absolute;inset:0}.ring__text b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:30px}.ring__text small{color:var(--mist);margin-top:2px;font-size:11px}.ring--urgent .ring__bar{stroke:var(--ember)}.ring--urgent svg{filter:drop-shadow(0 0 12px #e5484d99);animation:.9s ease-in-out infinite pulse}.ring--urgent .ring__text b{color:var(--bad)}@keyframes pulse{50%{transform:scale(1.06)}}.podium{justify-items:center;padding-top:8px;display:grid}.podium__stage{justify-content:center;align-items:flex-end;gap:clamp(8px,2.5vw,18px);width:100%;display:flex}.podium__col{flex:1 1 0;justify-items:center;gap:4px;min-width:0;max-width:170px;display:grid}.podium__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.podium__score{color:var(--gold-2);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:15px;font-weight:600}.podium__block{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 55%, #0b1f15), color-mix(in srgb, var(--c) 14%, #0b1f15));border:1px solid color-mix(in srgb, var(--c) 60%, transparent);border-bottom:0;border-radius:16px 16px 0 0;place-items:start center;width:100%;padding-top:10px;display:grid;overflow:hidden}.podium__block span{font-family:var(--display);color:#06130d8c;font-size:34px;font-weight:800}.podium__col--1 .podium__block{box-shadow:0 -20px 50px -18px var(--c)}.teaser{gap:14px;padding:20px;display:grid;overflow:hidden}.teaser__top{justify-content:space-between;gap:8px;display:flex}.teaser__q{font-family:var(--display);min-height:3.8em;margin-bottom:14px;font-size:clamp(19px,2.4vw,23px);font-weight:600;line-height:1.25}.teaser__opts{gap:8px;display:grid}.teaser__opt{border:1px solid var(--line);background:#f6f0dc0f;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:16px;transition:all .45s;display:flex}.teaser__opt b{background:#f6f0dc1f;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.teaser__opt.is-right{border-color:var(--ok);box-shadow:0 0 24px -6px var(--ok);background:#5be39a29}.teaser__opt.is-right b{background:var(--ok);color:#05210f}.teaser__opt.is-dim{opacity:.35}.teaser__bar{background:#f6f0dc1a;border-radius:3px;height:3px;overflow:hidden}.teaser__bar i{transform-origin:0;background:linear-gradient(90deg, var(--gold), var(--ember));height:100%;display:block}.tile{isolation:isolate;width:100%;height:66px;transform-style:preserve-3d;perspective:600px;--mx:50%;--my:50%;border:1px solid #ffffff24;border-radius:16px;place-items:center;transition:box-shadow .25s,opacity .3s,filter .3s;display:grid;position:relative;overflow:hidden}.tile:before{content:"";z-index:-1;background:radial-gradient(140px circle at var(--mx) var(--my), #ffffff61, transparent 60%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.tile:hover:not(:disabled):before{opacity:1}.tile__pts{font-family:var(--display);color:#fff8e1;text-shadow:0 2px 8px #00000073;font-variation-settings:"SOFT" 100;font-size:28px;font-weight:800}.tile--p1{background:linear-gradient(160deg,#1d6b43,#0f3d27)}.tile--p2{background:linear-gradient(160deg,#2a7d4a,#14452c)}.tile--p3{background:linear-gradient(160deg,#8b8a26,#4f4a14)}.tile--p4{background:linear-gradient(160deg,#c98a1a,#7d4d0a)}.tile--p5{background:linear-gradient(160deg,#d9482f,#8a1f2a)}.tile:hover:not(:disabled){box-shadow:0 14px 34px -10px #f5c5428c}.tile--done{border-color:var(--line);filter:saturate(.4);opacity:.55;background:#f6f0dc0a}.tile--done svg{color:var(--faint)}.tile--correct{opacity:1;filter:none;background:color-mix(in srgb, var(--win,var(--ok)) 20%, #06130d99);border-color:var(--win,var(--ok));box-shadow:inset 0 0 24px -8px var(--win,var(--ok))}.tile--correct svg{color:var(--win,var(--ok))}.tile--missed svg{color:var(--bad)}.tile:disabled{cursor:default}.opt{text-align:left;border:1px solid var(--line);background:#f6f0dc0f;border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:17px;line-height:1.3;transition:background .25s,border-color .25s,box-shadow .25s,opacity .3s;display:flex}.opt b{background:#f6f0dc1f;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:14px;transition:background .25s,color .25s;display:grid}.opt:hover:not(:disabled){box-shadow:0 0 26px -8px var(--gold);background:#f5c5421f;border-color:#f5c54299}.opt:hover:not(:disabled) b{background:var(--gold);color:#1c1400}.opt:disabled{cursor:default}.opt.is-right{border-color:var(--ok);box-shadow:0 0 34px -8px var(--ok);background:#5be39a2b}.opt.is-right b{background:var(--ok);color:#05210f}.opt.is-wrong{border-color:var(--bad);background:#ff707526;animation:.45s shake}.opt.is-wrong b{background:var(--bad);color:#2b0507}.opt.is-dim{opacity:.4}.opt.is-struck{opacity:.4;border-color:#0000;text-decoration:line-through}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.field{border:1px solid var(--line);background:#06130d80;border-radius:18px;align-items:center;gap:12px;padding:8px 12px 8px 8px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #f5c54233}.field input,.fillbox input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:40px;font-size:18px}.field input::placeholder,.fillbox input::placeholder{color:var(--faint)}.table-wrap{overflow-x:auto}.breakdown{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:320px}.breakdown th,.breakdown td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px}.breakdown thead th{color:var(--mist);font-size:14px;font-weight:600}.breakdown thead th span{vertical-align:middle}.breakdown th:first-child{text-align:left;white-space:normal;font-weight:500}.breakdown th small{color:var(--faint);font-size:12px;font-weight:400;display:block}.breakdown td.is-best{color:var(--gold-2);font-weight:700}.breakdown tfoot th,.breakdown tfoot td{font-family:var(--display);border:0;font-size:22px;font-weight:700}.breakdown tfoot td{color:var(--gold-2)}.home{gap:44px;max-width:1180px;margin:0 auto;padding-top:clamp(0px,3vw,24px);display:grid}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.hero__copy{justify-items:start;gap:22px;display:grid}.hero__kicker{color:var(--gold-2);align-items:center;gap:12px;font-size:17px;font-weight:500;display:flex}.hero__kicker:before{content:"";background:repeating-linear-gradient(90deg, var(--gold) 0 10px, var(--ember) 10px 16px, var(--green) 16px 26px);border-radius:4px;width:36px;height:4px}.hero__title{font-family:var(--display);letter-spacing:-.025em;font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;font-size:clamp(54px,10.5vw,128px);font-weight:800;line-height:.92;display:grid}.hero__title span:first-child{color:var(--ivory)}.shine{background:linear-gradient(100deg,#b8801a 0%,#f5c542 25%,#fff2b8 42%,#f5c542 58%,#c98a1a 100%) 0 0/220% 100%;color:#0000;filter:drop-shadow(0 6px 30px #f5c54240);-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;animation:6s ease-in-out infinite shine}@keyframes shine{0%,to{background-position:100% 0}50%{background-position:0 0}}.hero__lede{color:var(--mist);max-width:34em;font-size:clamp(17px,2vw,20px)}.hero__cta{flex-wrap:wrap;gap:12px;display:flex}.resume{border-color:#f5c54266;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:560px;padding:16px 18px;display:flex}.resume strong{font-family:var(--display);font-size:20px;display:block}.resume span{color:var(--mist);font-size:15px}.resume__actions{align-items:center;gap:6px;display:flex}.stats{gap:clamp(20px,4vw,44px);margin:4px 0 0;display:flex}.stats div{display:grid}.stats dt{color:var(--mist);order:2;font-size:14px}.stats dd{font-family:var(--display);color:var(--gold-2);font-variant-numeric:tabular-nums;order:1;margin:0;font-size:40px;font-weight:700;line-height:1}.hero__demo{transform-origin:50% 80%}.modes{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.modes li{border:1px dashed #f6f0dc33;border-radius:18px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.modes svg{color:var(--gold);flex:none;margin-top:2px}.modes b{font-family:var(--display);font-size:19px;display:block}.modes span{color:var(--mist);font-size:15px;line-height:1.4;display:block}.steps{counter-reset:s;gap:12px;display:grid}.steps li{align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.steps__n{width:40px;height:40px;font-family:var(--display);color:#1c1400;background:linear-gradient(135deg, var(--gold-2), var(--gold));border-radius:12px;flex:none;place-items:center;font-size:20px;font-weight:700;display:grid}.steps h3{font-family:var(--display);margin-bottom:2px;font-size:20px}.steps p{color:var(--mist)}.tips{padding:18px 20px}.tips h3{font-family:var(--display);margin-bottom:6px;font-size:18px}.tips p{color:var(--mist);line-height:1.9}.setup{max-width:560px}.setup .h1{text-align:center}.seg{border-radius:18px;grid-template-columns:1fr 1fr;padding:5px;display:grid;position:relative}.seg button{height:48px;color:var(--mist);z-index:1;border-radius:14px;font-weight:600;transition:color .2s;position:relative}.seg button.is-on{color:#1c1400}.seg button span{align-items:center;gap:8px;display:inline-flex;position:relative}.seg__thumb{z-index:0;background:linear-gradient(#ffe08a,#f5c542);border-radius:14px;position:absolute;inset:0;box-shadow:0 8px 22px -8px #f5c542cc}.setup__card{gap:16px;padding:22px;display:grid}.stepper{justify-content:space-between;align-items:center;font-weight:500;display:flex}.stepper>div{align-items:center;gap:8px;display:flex}.stepper b{text-align:center;min-width:34px;font-family:var(--display);font-size:28px}.names{gap:10px;display:grid}.titlebar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.titlebar .muted{margin-top:6px}.players-row{flex-wrap:wrap;gap:8px;display:flex}.rounds{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:18px;display:grid}.rcard{text-align:left;flex-direction:column;gap:10px;padding:22px 22px 18px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.rcard:hover{border-color:#f5c5428c;box-shadow:0 24px 50px -24px #f5c54280,inset 0 1px #ffffff14}.rcard.is-next{border-color:#f5c54273}.rcard.is-done{opacity:.8}.rcard__kente{background:repeating-linear-gradient(90deg, var(--gold) 0 20px, var(--ember) 20px 32px, var(--green) 32px 52px, var(--ink) 52px 58px);opacity:.9;height:6px;position:absolute;inset:0 0 auto}.rcard__top{align-items:center;gap:10px;margin-top:4px;display:flex}.rcard__icon{width:50px;height:50px;color:var(--gold-2);background:radial-gradient(circle at 30% 20%,#f5c5424d,#f5c5420f);border:1px solid #f5c54259;border-radius:16px;place-items:center;display:grid}.rcard__no{color:var(--mist);font-size:15px;font-weight:500}.rcard__done{color:var(--ok);background:#5be39a1f;border-radius:99px;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.rcard h3{font-family:var(--display);font-variation-settings:"SOFT" 100;font-size:25px;line-height:1.15}.rcard__tag{color:var(--mist);font-size:15px}.rcard__cats{flex-wrap:wrap;gap:6px;display:flex}.rcard__cats li{border:1px solid var(--line);background:#f6f0dc12;border-radius:99px;padding:3px 10px;font-size:13px}.rcard__foot{color:var(--faint);justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px;font-size:14px;display:flex}.rcard__bar{background:#f6f0dc1a;border-radius:4px;height:4px;overflow:hidden}.rcard__bar i{background:linear-gradient(90deg, var(--green), var(--gold));border-radius:4px;height:100%;display:block}.rounds__foot{justify-items:center;gap:18px;display:grid}.import{gap:14px;width:100%;padding:20px;display:grid}.import__head{justify-content:space-between;align-items:center;display:flex}.import h2{font-family:var(--display);font-size:21px}.drop{color:var(--mist);text-align:center;cursor:pointer;border:2px dashed #f6f0dc38;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:22px 16px;transition:all .2s;display:flex}.drop:hover,.drop.is-over{border-color:var(--gold);color:var(--gold-2);background:#f5c54212}.drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop:focus-within{outline:3px solid var(--gold);outline-offset:3px}.customs{gap:6px;display:grid}.customs li{background:#f6f0dc0d;border-radius:12px;align-items:center;gap:10px;padding:4px 4px 4px 12px;display:flex}.customs li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:14px;display:grid}.col{grid-template-rows:auto;align-content:start;gap:10px;padding:12px;display:grid}.col__head{text-align:center;height:3.3em;font-family:var(--display);border-bottom:1px solid var(--line);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;place-items:center;padding:6px 4px 10px;font-size:17px;font-weight:650;line-height:1.15;display:grid}.col__tiles{gap:10px;display:grid}.complete{border-color:#f5c54280;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex;box-shadow:0 0 60px -20px #f5c54299}.complete h2{font-family:var(--display);font-size:28px}.complete__actions{flex-wrap:wrap;gap:10px;display:flex}.q{max-width:800px}.q__meta{flex-wrap:wrap;gap:8px;display:flex}.q__head{justify-content:space-between;align-items:center;gap:16px;min-height:92px;display:flex}.q__status{font-family:var(--display);font-size:clamp(22px,3.4vw,30px);font-weight:650;line-height:1.15}.q__status.is-good{color:var(--ok)}.q__status.is-bad{color:var(--gold-2)}.buzzers{flex-wrap:wrap;gap:10px;display:flex}.buzzer{border-radius:99px;transition:opacity .2s;position:relative}.buzzer:disabled:not(.is-on){cursor:default}.buzzer:hover:not(:disabled) .chip{border-color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent)}.buzzer__hint{color:#1c1400;background:var(--gold);border-radius:99px;align-items:center;gap:2px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:-8px;right:-4px}.qcard{gap:22px;padding:clamp(20px,4vw,34px);display:grid}.qcard__media{background:#000;border-radius:16px;place-items:center;max-height:320px;display:grid;overflow:hidden}.qcard__media img,.qcard__media video{object-fit:contain;max-width:100%;max-height:320px}.qcard__text{font-family:var(--display);font-variation-settings:"SOFT" 100, "opsz" 48;max-width:30em;font-size:clamp(23px,3.6vw,32px);font-weight:600;line-height:1.22}.opts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fillbox{gap:10px;display:flex}.fillbox input{border:1px solid var(--line);background:#06130d80;border-radius:16px;height:56px;padding:0 16px}.fillbox input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f5c54233}.answer-reveal{border:1px solid var(--ok);background:#5be39a1f;border-radius:16px;padding:16px 18px}.answer-reveal small{color:var(--mist);display:block}.answer-reveal b{font-family:var(--display);font-size:26px}.q__foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.winner-badge{color:#10170f;background:var(--c);box-shadow:0 0 30px -4px var(--c);border-radius:99px;padding:6px 16px;font-weight:700}.hint{color:var(--faint)}.bars{gap:10px;display:grid}.bars li{align-items:center;gap:12px;padding:10px 16px 10px 12px;display:flex}.bars__rank{text-align:center;width:20px;font-family:var(--display);color:var(--faint);font-weight:700}.bars__name{text-overflow:ellipsis;white-space:nowrap;width:clamp(70px,20vw,140px);font-weight:600;overflow:hidden}.bars__track{background:#f6f0dc14;border-radius:12px;flex:1;height:12px;overflow:hidden}.bars__track i{border-radius:12px;height:100%;display:block}.bars b{text-align:right;min-width:3ch;font-family:var(--display);color:var(--gold-2);font-variant-numeric:tabular-nums;font-size:22px}.final{text-align:center;justify-items:center}.final>*{width:100%}.final__crown{color:#1c1400;background:linear-gradient(135deg, var(--gold-2), var(--gold));border-radius:24px;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 0 60px -6px #f5c542cc}.final__title{background:linear-gradient(100deg,#f5c542,#fff2b8 50%,#f5c542);color:#0000;-webkit-background-clip:text;background-clip:text}.solo{justify-items:center;gap:20px;padding:28px;display:grid}.solo__score{font-family:var(--display);color:var(--gold-2);font-size:clamp(72px,16vw,120px);font-weight:800;line-height:1;display:grid}.solo__score small{font-family:var(--body);color:var(--mist);font-size:17px;font-weight:500}.solo dl{gap:clamp(18px,6vw,48px);margin:0;display:flex}.solo dd{font-family:var(--display);margin:0;font-size:30px;font-weight:700}.solo dt{color:var(--mist);font-size:14px}@media (width<=960px){.hero{grid-template-columns:1fr}.hero__demo{max-width:560px}.modes{grid-template-columns:1fr}.grid{gap:10px}.col{padding:10px 8px}.col__head{font-size:15px}.tile{height:58px}.tile__pts{font-size:24px}}@media (width<=760px){.grid{grid-template-columns:1fr}.col{gap:10px;padding:12px 12px 14px}.col__head{text-align:left;place-items:start;height:auto;padding:0 2px 8px;font-size:17px}.col__tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tile{border-radius:14px;height:56px}.tile__pts{font-size:22px}.opts{grid-template-columns:1fr}.q__head{min-height:84px}.complete{padding:18px}.complete__actions .btn{flex:auto}}@media (width<=480px){.screen{padding-top:14px}.btn--lg{height:54px;padding:0 22px;font-size:17px}.hero__cta .btn{flex:100%}.stats dd{font-size:34px}.fillbox{flex-direction:column}.actions .btn{width:100%}.bars li{gap:8px;padding:10px}.breakdown th,.breakdown td{padding:10px}}