*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1e1b4b;--bg2:#0b1120;--panel:#fff;--ink:#1e2340;--muted:#64708a;--gold:#fbbf24;--cyan:#22d3ee;--a0:#6366f1;--a1:#ec4899;--a2:#f59e0b;--a3:#10b981;--a4:#06b6d4;--a5:#a855f7;--ok:#10b981;--bad:#f43f5e}html,body{height:100%}body{background:radial-gradient(1200px 700px at 50% -10%, #312e81 0%, transparent 60%), radial-gradient(900px 600px at 90% 110%, #0e7490 0%, transparent 55%), linear-gradient(160deg, var(--bg) 0%, var(--bg2) 100%);color:#eef1f8;-webkit-user-select:none;user-select:none;background-attachment:fixed;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,Inter,Roboto,sans-serif}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:none}.screen.active{display:flex}.brand{letter-spacing:-1.5px;background:linear-gradient(90deg, #fff 0%, var(--cyan) 60%, var(--gold) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:2.6rem;font-weight:800}.brand .q{-webkit-text-fill-color:var(--gold)}.subtitle{opacity:.78;max-width:540px;margin-bottom:26px}.card{background:var(--panel);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:18px;width:min(430px,94vw);padding:26px;box-shadow:0 24px 60px #00000073}input[type=text],input[type=password],input[type=number]{text-align:center;width:100%;color:var(--ink);background:#fff;border:2px solid #d9def0;border-radius:12px;outline:none;padding:14px 16px;font-size:1.35rem}input[type=text]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder{color:var(--muted)}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus{border-color:var(--a0);box-shadow:0 0 0 4px #6366f12e}.btn{color:#fff;cursor:pointer;background:linear-gradient(#6366f1,#4f46e5);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:13px 30px;font-size:1.15rem;font-weight:700;transition:transform 60ms,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 22px #4f46e566}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.btn.big{padding:17px 46px;font-size:1.5rem}.btn.gold{color:#3a2a00;background:linear-gradient(#fcd34d,#f59e0b);box-shadow:0 8px 22px #f59e0b66}.btn.ghost{box-shadow:none;background:0 0;border:2px solid #fff6}.btn.danger{background:linear-gradient(#fb7185,#e11d48);box-shadow:0 8px 22px #e11d4866}.btn:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.error-box{color:#fda4af;min-height:1.4em;margin-top:10px;font-weight:600}.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.spin{border:6px solid #ffffff2e;border-top-color:var(--cyan);border-radius:50%;width:54px;height:54px;margin:18px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bigcount{background:linear-gradient(180deg, #fff, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:7.5rem;font-weight:800;line-height:1;animation:.9s ease-in-out infinite pop}@keyframes pop{0%{opacity:.4;transform:scale(.65)}40%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.dots{justify-content:center;gap:7px;margin-top:10px;display:flex}.dots i{background:#ffffff40;border-radius:50%;width:9px;height:9px}.dots i.on{background:var(--cyan)}.dots i.done{background:var(--gold)}.qwrap{flex-direction:column;min-height:100vh;padding:14px;display:none}.qwrap.active{display:flex}.qtop{justify-content:space-between;align-items:center;gap:10px;padding:4px 6px;display:flex}.qmeta{opacity:.9;white-space:nowrap;font-weight:700}.qtimer-num{background:var(--cyan);color:#06303a;text-align:center;border-radius:50px;min-width:62px;padding:7px 14px;font-size:1.7rem;font-weight:800}.qtext{color:var(--ink);text-align:center;background:#fffffff7;border-radius:16px;margin:10px 4px 14px;padding:20px 24px;font-size:clamp(1.2rem,3.4vw,2.1rem);font-weight:700;box-shadow:0 10px 30px #00000059}.timerbar-wrap{background:#ffffff24;border-radius:6px;height:9px;margin:0 4px 14px;overflow:hidden}.timerbar{background:linear-gradient(90deg, var(--cyan), var(--gold));transform-origin:0;width:100%;height:100%}.answers{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:12px;padding:4px;display:grid}.answers.single-col{grid-template-columns:minmax(0,1fr)}.ans{color:#fff;text-align:left;cursor:pointer;background:#334155;border:0;border-radius:14px;align-items:center;gap:14px;min-height:76px;padding:14px 16px;font-size:clamp(1.05rem,2.6vw,1.5rem);font-weight:700;transition:transform 60ms,filter .12s,opacity .25s,box-shadow .12s;display:flex;position:relative;box-shadow:0 6px 18px #00000052}.ans:hover{filter:brightness(1.08);transform:translateY(-2px)}.ans:active{transform:scale(.98)}.ans .shape{text-align:center;background:#00000042;border-radius:11px;flex:none;width:46px;height:46px;font-size:1.4rem;font-weight:800;line-height:46px}.ans{min-width:0}.ans .atext{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1;min-width:0}@media (hover:none) and (pointer:coarse){.ans .key{display:none}}@media (max-width:520px){.answers{gap:8px}.ans{gap:10px;padding:12px 10px}.ans .shape{width:38px;height:38px;font-size:1.2rem;line-height:38px}.ans .key{display:none}}.ans .key{color:#fff;text-align:center;background:#ffffff38;border-radius:7px;flex:none;min-width:1.9em;height:1.9em;margin-left:8px;font-size:.95rem;font-weight:800;line-height:1.9em}.ans.k0{background:linear-gradient(135deg,#6366f1,#4f46e5)}.ans.k1{background:linear-gradient(135deg,#ec4899,#db2777)}.ans.k2{color:#3a2a00;background:linear-gradient(135deg,#f59e0b,#d97706)}.ans.k3{background:linear-gradient(135deg,#10b981,#059669)}.ans.k4{background:linear-gradient(135deg,#06b6d4,#0891b2)}.ans.k5{background:linear-gradient(135deg,#a855f7,#9333ea)}.ans.k2 .shape,.ans.k2 .key{color:#3a2a00}.ans.dim{opacity:.25}.ans.correct{outline:5px solid var(--gold);box-shadow:0 0 0 5px #fbbf244d,0 6px 18px #00000052}.ans:disabled{cursor:default}.result-badge{font-size:5rem}.result-points{color:var(--gold);margin:6px 0;font-size:2.2rem;font-weight:800}.result-rank{opacity:.92;font-size:1.3rem}.streak{color:var(--gold);margin-top:8px;font-size:1.2rem;font-weight:700}.rank-move{margin-bottom:8px;font-size:1.8rem;font-weight:800}.rank-move.up{color:#34d399}.rank-move.down{color:#fb7185}.rank-move.flat{color:var(--cyan)}.rank-big{color:var(--gold);font-size:5rem;font-weight:800;line-height:1}.joinhint{color:var(--ink);background:linear-gradient(#fff,#eef1fb);border-radius:16px;align-items:center;gap:10px;margin-bottom:18px;padding:16px 30px;font-size:1.6rem;font-weight:800;display:inline-flex;box-shadow:0 14px 34px #00000059}.joinhint span{color:var(--a0)}.players-chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:960px;margin:18px 0;display:flex}.chip{background:#ffffff1a;border:1px solid #ffffff24;border-radius:50px;padding:9px 20px;font-size:1.1rem;font-weight:700;animation:.25s ease-out chipin}@keyframes chipin{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.counter{opacity:.85;margin-bottom:8px;font-size:1.2rem}.dist{justify-content:center;align-items:flex-end;gap:20px;height:230px;margin:20px 0 6px;display:flex}.dist .col{flex-direction:column;justify-content:flex-end;align-items:center;width:118px;height:100%;display:flex}.dist .bar{border-radius:8px 8px 0 0;flex-shrink:0;width:72px;min-height:6px;transition:height .6s cubic-bezier(.22,1,.36,1)}.dist .bar.wrong{opacity:.32}.dist .num{margin-bottom:6px;font-size:1.3rem;font-weight:800}.dist .lbl{margin-top:8px;font-size:1.5rem;font-weight:800}.dist .tick{color:var(--gold);height:1.5em;font-size:1.4rem}.lb{width:min(560px,92vw);margin:10px auto}.lb .row{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:11px 18px;font-size:1.2rem;font-weight:700;display:flex}.lb .row:first-child{background:linear-gradient(90deg, var(--gold), #f59e0b);color:#3a2a00;border:0}.lb .row.me{outline:2px solid var(--cyan);outline-offset:-1px;font-weight:800}.sb-board{width:min(700px,94vw);margin:16px auto;position:relative}.sb-row{will-change:transform;background:#ffffff17;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:14px;height:50px;padding:0 18px;font-size:1.35rem;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.sb-row.lead{background:linear-gradient(90deg, var(--gold), #f59e0b);color:#3a2a00;border:0}.sb-rank{text-align:center;opacity:.85;min-width:1.6em}.sb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sb-delta{text-align:right;min-width:2.4em;font-size:1rem;font-weight:800}.sb-delta.up{color:#34d399}.sb-delta.down{color:#fb7185}.sb-row.lead .sb-delta.up{color:#166534}.sb-gain{color:#34d399;text-align:right;min-width:3.4em;font-size:1rem;font-weight:800}.sb-row.lead .sb-gain{color:#166534}.sb-score{text-align:right;font-variant-numeric:tabular-nums;min-width:3.6em}.sb-streak{margin-left:10px;font-size:.95rem}.sb-flag{color:#fbbf24;cursor:help;margin-left:8px;font-size:.8rem;font-weight:800}.suspects{text-align:left;background:#fbbf241f;border:1px solid #fbbf2473;border-radius:14px;width:min(1100px,96vw);max-width:1100px;margin-top:10px;padding:8px 14px;font-size:.95rem}.sus-head{color:#fbbf24;margin-bottom:4px;font-weight:800}.sus-row{flex-wrap:wrap;align-items:center;gap:10px;padding:3px 0;display:flex}.sus-name{font-weight:700}.sus-why{color:#fde68a;cursor:help}.sus-time{opacity:.75;font-variant-numeric:tabular-nums;margin-left:auto}.rv-answer{color:var(--gold);margin:-2px 0 4px;font-size:1.35rem;font-weight:800}.stats{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1100px;margin-top:12px;display:flex}.stat{background:#ffffff1a;border:1px solid #ffffff24;border-radius:50px;padding:9px 18px;font-size:1.1rem;font-weight:700}.stat.good{background:#10b98138;border-color:#34d39980}.stat.mid{background:#f59e0b38;border-color:#fbbf2480}.stat.bad{background:#f43f5e38;border-color:#fb718580}.stat.fast{background:#22d3ee2e;border-color:#22d3ee80}.stat.trap{background:#ec48992e;border-color:#ec489980}.fastest-badge{background:linear-gradient(90deg, var(--cyan), #0891b2);color:#04222a;border-radius:50px;margin:6px 0 2px;padding:6px 16px;font-size:1.15rem;font-weight:800;animation:1.2s ease-in-out infinite pulse;display:none;box-shadow:0 6px 18px #22d3ee59}.fastest-badge.show{display:inline-block}.podium{align-items:flex-end;gap:16px;margin:28px 0;display:flex}.podium .spot{flex-direction:column;align-items:center;width:160px;display:flex}.podium .name{word-break:break-word;margin-bottom:6px;font-size:1.3rem;font-weight:800}.podium .pts{opacity:.85;margin-bottom:8px}.podium .block{color:#1e2340;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;font-size:2.6rem;font-weight:800;display:flex}.podium .b1{background:linear-gradient(180deg, #fde68a, var(--gold));height:180px}.podium .b2{background:linear-gradient(#eef2ff,#c7d2fe);height:128px}.podium .b3{background:linear-gradient(#fed7aa,#fb923c);height:90px}@media (max-width:600px){.podium{gap:8px;margin:16px 0}.podium .spot{width:96px}.podium .name{font-size:.95rem}.podium .pts{font-size:.85rem}.podium .block{font-size:1.8rem}.podium .b1{height:110px}.podium .b2{height:78px}.podium .b3{height:56px}.podium .av.lg{width:44px;height:44px;font-size:1.5rem}}.standings{width:min(560px,92vw);max-height:32vh;overflow-y:auto}.topbar-note{background:var(--bad);color:#fff;text-align:center;z-index:30;padding:8px;font-weight:700;display:none;position:fixed;top:0;left:0;right:0}.topbar-note.show{display:block}.quiz-list{flex-direction:column;gap:12px;width:min(540px,94vw);display:flex}.quiz-item{color:var(--ink);cursor:pointer;text-align:left;background:linear-gradient(#fff,#f1f3fb);border:0;border-radius:14px;justify-content:space-between;align-items:center;padding:18px 22px;font-size:1.15rem;font-weight:700;transition:transform 80ms,box-shadow .15s;display:flex;box-shadow:0 8px 22px #00000047}.quiz-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px #00000057}.quiz-list{max-height:70vh;padding:4px 6px 8px;overflow-y:auto}.quiz-list .back{align-self:flex-start;margin:0 0 4px;padding:8px 18px;font-size:1rem}.quiz-item.course{padding:22px 24px;font-size:1.3rem}.quiz-item .n{opacity:.55;white-space:nowrap;margin-left:12px;font-weight:600}.quiz-item.broken{cursor:default;background:#fee2e2}.quiz-item.broken .err{color:#b00020;font-size:.85rem;font-weight:500}.keyhint{text-align:center;opacity:.65;padding:10px 4px 2px;font-size:.95rem}@media (hover:none) and (pointer:coarse){.keyhint{display:none}}body.present .qtext.big{padding:28px 32px;font-size:clamp(1.6rem,4vw,3rem)}.present-head{justify-content:space-between;align-items:center;padding:10px 14px;font-size:1.3rem;display:flex}.qtimer-ring{text-align:center;background:var(--cyan);color:#06303a;border-radius:50%;align-self:center;width:86px;height:86px;margin:2px auto 14px;font-size:2.4rem;font-weight:800;line-height:86px;box-shadow:0 8px 24px #22d3ee66}body.present .ans{min-height:94px;font-size:clamp(1.2rem,2.8vw,1.9rem)}body.present .ans .key{display:none}body.present{--ctrl-h:64px}body.present.running .screen.active,body.present.running .qwrap.active{height:calc(100vh - var(--ctrl-h));height:calc(100dvh - var(--ctrl-h));min-height:0;padding-bottom:14px;overflow:hidden}body.present.running .qwrap .answers{grid-auto-rows:minmax(0,1fr);min-height:0}body.present.running .ans{min-height:0;padding-top:8px;padding-bottom:8px;font-size:clamp(1rem,min(2.8vw,3.6vh),1.9rem)}body.present.running .ans .shape{width:clamp(30px,6vh,46px);height:clamp(30px,6vh,46px);line-height:clamp(30px,6vh,46px)}body.present.running .qtext.big{margin:6px 4px clamp(6px,1.4vh,14px);padding:clamp(10px,2.6vh,28px) 28px;font-size:clamp(1.15rem,min(4vw,5.2vh),3rem)}body.present.running .qtimer-ring{width:clamp(48px,10vh,86px);height:clamp(48px,10vh,86px);margin:0 auto clamp(4px,1.2vh,14px);font-size:clamp(1.4rem,4.4vh,2.4rem);line-height:clamp(48px,10vh,86px)}body.present.running .present-head{padding:4px 14px}body.present .answers.single-col{grid-template-columns:repeat(2,minmax(0,1fr))}body.present.running .dist{height:clamp(90px,26vh,230px);margin:clamp(6px,2vh,20px) 0 4px}body.present.running #s-reveal .qtext.big{font-size:clamp(1.05rem,min(3.4vw,4.2vh),2.6rem)}body.present.running .stats{margin-top:clamp(4px,1.2vh,12px)}body.present.running .stat{padding:clamp(5px,1vh,9px) 16px;font-size:clamp(.9rem,2.2vh,1.1rem)}.sb-row{height:var(--row-h,50px);font-size:clamp(1rem, calc(var(--row-h,50px) * .45), 1.35rem)}.cx-title{color:#fb7185;margin:4px 0 10px;font-size:clamp(2.4rem,8vh,4.5rem);font-weight:800}.ctrlbar{z-index:26;height:var(--ctrl-h,64px);box-sizing:border-box;background:#050814d1;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:10px;padding:0 10px;display:none;position:fixed;bottom:0;left:0;right:0}.ctrlbar.show{display:flex}.ctrlbar .cbtn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:10px;padding:10px 18px;font-size:1rem;font-weight:700;transition:filter .12s,transform 60ms}.ctrlbar .cbtn:hover{filter:brightness(1.2)}.ctrlbar .cbtn:active{transform:scale(.96)}.ctrlbar .cbtn.danger{background:#e11d4847;border-color:#fb718580}.ctrlbar .cbtn:disabled{opacity:.35;cursor:default;filter:none}.ctrlbar .cbtn.gold{background:#fbbf2438;border-color:#fbbf2480}.saver{z-index:60;cursor:none;-webkit-touch-callout:none;touch-action:none;background:#05070f;flex-direction:column;display:none;position:fixed;inset:0}.saver.show{animation:.5s saverfade;display:flex}.saver.closing{opacity:0;pointer-events:none;transition:opacity .35s}@keyframes saverfade{0%{opacity:0}to{opacity:1}}.saver-stage{position:absolute;inset:0}.saver-frame{pointer-events:none;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.saver-label{z-index:2;letter-spacing:4px;color:var(--gold);text-shadow:0 2px 8px #000;background:#0508149e;border-radius:50px;align-self:center;margin-top:10px;padding:6px 18px;font-family:ui-monospace,Courier New,monospace;font-size:1.1rem;font-weight:800;position:relative}.saver-hint{z-index:2;text-align:center;opacity:.5;letter-spacing:1px;font-size:.9rem;position:absolute;bottom:16px;left:0;right:0}.pause-ov{z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#080b19d1;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.pause-ov.show{display:flex}.pause-ov .ic{margin-bottom:10px;font-size:4.5rem}.pause-ov h2{font-size:2rem}.expl:empty{display:none}.expl{border-left:4px solid var(--gold);text-align:left;background:#ffffff14;border-radius:10px;max-width:min(900px,94vw);margin-top:12px;padding:10px 16px;font-size:clamp(.95rem,2.2vh,1.2rem);line-height:1.4}.av{background:#fff3;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.9em;height:1.9em;margin-right:.45em;font-size:1em;line-height:1;display:inline-flex;box-shadow:inset 0 -3px #0000002e}.av:empty{display:none}.chip{align-items:center;display:inline-flex}.av.sm{width:1.6em;height:1.6em;margin-right:.4em;font-size:.9em}.av.lg{width:64px;height:64px;margin:0 0 6px;font-size:2.1rem}.av.xl{width:96px;height:96px;margin:0 auto 6px;font-size:3.2rem}.lb .row .who{align-items:center;display:inline-flex}.overall{z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e20c7;border:1px solid #fbbf2473;border-radius:14px;min-width:230px;max-width:30vw;padding:12px 14px;display:none;position:fixed;top:16px;right:16px;box-shadow:0 10px 30px #00000059}.overall.show{display:block}.ov-head{color:var(--gold);margin-bottom:6px;font-size:.95rem;font-weight:800}.ov-row{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-weight:700;display:flex}.ov-row .who{white-space:nowrap;text-overflow:ellipsis;align-items:center;min-width:0;display:inline-flex;overflow:hidden}.ov-score{font-variant-numeric:tabular-nums;opacity:.9}.pick-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.pick-actions .btn{margin:0;padding:8px 18px;font-size:1rem}@media (max-width:900px){.overall{max-width:none;margin:12px auto 0;position:static}}.nick{color:var(--cyan);opacity:.9;margin-bottom:6px;font-size:.9rem;font-weight:700}.podium .nick{margin:2px 0 0;font-size:.85rem}.chip-nick{opacity:.65;margin-left:.5em;font-size:.8em;font-weight:600}.pdist{justify-content:center;align-items:flex-end;gap:8px;max-width:420px;height:110px;margin:10px auto 4px;display:flex}.pdist .col{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.pdist .bar{border-radius:6px 6px 0 0;width:100%;max-width:44px;min-height:4px;transition:height .5s cubic-bezier(.22,1,.36,1)}.pdist .bar.wrong{opacity:.35}.pdist .num{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:.95rem;font-weight:800}.pdist .lbl{margin-top:4px;font-size:1rem;font-weight:800}.pdist .tick{color:var(--gold);height:1.2em;font-size:1rem}.pstats{flex-wrap:wrap;justify-content:center;gap:6px;max-width:420px;margin:6px auto;display:flex}.pstats .stat{padding:4px 10px;font-size:.78rem}.psb{flex-direction:column;gap:4px;width:min(380px,94vw);margin:10px auto;display:flex}.psb .row{background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:.95rem;font-weight:700;display:flex}.psb .row.lead{background:linear-gradient(90deg, var(--gold), #f59e0b);color:#3a2a00;border:0}.psb .row.me{outline:2px solid var(--cyan);outline-offset:-1px}.psb .rank{text-align:right;opacity:.85;min-width:1.4em}.psb .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.psb .delta{text-align:right;min-width:2em;font-size:.8rem;font-weight:800}.psb .gain{text-align:right;color:#34d399;min-width:3em;font-size:.8rem;font-weight:800}.psb .row.lead .gain{color:#166534}.psb .name .streak{margin-left:6px;font-size:.8rem}.chip.me{outline:2px solid var(--cyan);outline-offset:-1px}.psb .delta.up{color:#34d399}.psb .delta.down{color:#fb7185}.psb .score{text-align:right;font-variant-numeric:tabular-nums;min-width:2.6em}.psb .divider{text-align:center;opacity:.55;padding:2px 0;font-size:.85rem}.overall-ribbon{z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000006b;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:4px;max-width:190px;padding:8px 10px;font-size:.82rem;display:none;position:fixed;top:10px;right:10px}.overall-ribbon.show{display:flex}.overall-ribbon .h{opacity:.75;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:800}.overall-ribbon .r{align-items:center;gap:6px;font-weight:700;display:flex}.overall-ribbon .r .av{flex:none;width:22px;height:22px;font-size:.85rem}.overall-ribbon .r .n{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.overall-ribbon .r .s{opacity:.9;font-variant-numeric:tabular-nums}body:has(#s-question.active) .overall-ribbon{display:none}body:has(#dl-btn:not([hidden])) .overall-ribbon{top:58px}body:has(#overall-ribbon) .screen{padding-top:calc(20px + var(--tl-reserve-top,0px));padding-bottom:calc(20px + var(--tl-reserve-bottom,0px))}@media (max-width:600px){.overall-ribbon{flex-flow:wrap;gap:2px 8px;max-width:none;padding:5px 10px;font-size:.78rem;left:10px;right:10px}.overall-ribbon .h{flex:1 0 100%}.overall-ribbon .r{flex:1 1 0;min-width:0}body:has(#overall-ribbon.show) .screen{padding-top:calc(78px + var(--tl-reserve-top,0px))}body:has(#overall-ribbon.show):has(#dl-btn:not([hidden])) .screen{padding-top:calc(126px + var(--tl-reserve-top,0px))}}.dl-btn{z-index:20;font:inherit;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff4d;border-radius:999px;padding:7px 14px;font-size:.95rem;font-weight:700;position:fixed;top:10px;right:10px}.dl-btn:hover{background:#ffffff38}.home-btn{text-decoration:none;left:10px;right:auto}.sl-btn{text-decoration:none;left:140px;right:auto}.pd-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}body.present:not(:has(#s-pick.active)) .sl-btn{display:none}body.present:has(#s-ready.active,#s-question.active,#s-reveal.active,#s-score.active) .home-btn{display:none}.dl-ov{z-index:24;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080b19b3;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.dl-ov.show{display:flex}.dl-card{text-align:left;flex-direction:column;width:min(520px,100%);max-height:80vh;display:flex}.dl-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dl-head h3{margin:0}.dl-x{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:1.2rem}.dl-list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.dl-item{color:var(--ink);border:2px solid #e3e7f3;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.dl-item:hover{border-color:var(--a0)}.dl-item.p2p{flex-wrap:wrap}.dl-p2p{color:var(--a0);flex-basis:100%;font-size:.82rem;font-weight:600}.dl-name{overflow-wrap:anywhere;flex:1;font-weight:700}.dl-name:before{content:"⬇ ";color:var(--a0)}.dl-size{color:var(--muted);white-space:nowrap;font-size:.9rem}.dl-dir>summary{cursor:pointer;border:1px dashed #ffffff40;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;list-style:none;display:flex}.dl-dir>summary::-webkit-details-marker{display:none}.dl-dir>summary .dl-name:before{content:"📁 "}.dl-dir[open]>summary .dl-name:before{content:"📂 "}.dl-sub{border-left:2px solid #ffffff1f;flex-direction:column;gap:8px;margin:8px 0 0 16px;padding-left:10px;display:flex}:is(body:has(#s-question.active) .dl-btn,body:has(#s-question.active) .dl-ov){display:none}