:root{--bg:#f6f3ec;--ink:#232838;--muted:#6b7186;--gold:#c99633;--flame1:#ffd166;--flame2:#ff8c42;--flame3:#ef476f;--correct:#16a34a;--wrong:#e11d48;--edify:#3b82f6;--card:#fff;--line:rgba(20,26,45,.12);--shadow:0 1px 3px rgba(20,26,45,.06),0 1px 2px rgba(20,26,45,.04)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1100px 600px at 50% -10%,#fffdf7 0,rgba(255,253,247,0) 60%),radial-gradient(900px 500px at 90% 110%,#fdeee1 0,hsla(28,88%,94%,0) 55%),var(--bg);min-height:100%;align-items:center;justify-content:center}.app,body{display:flex}.app{width:100%;max-width:480px;min-height:100dvh;flex-direction:column;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 16px);gap:12px;position:relative}.app.start{justify-content:safe center;gap:15px;padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}.app.game{gap:8px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--bg);display:flex;flex-direction:column;gap:8px;padding-top:calc(env(safe-area-inset-top) + 6px);margin-top:calc(-1 * (env(safe-area-inset-top) + 14px));padding-bottom:8px;box-shadow:0 8px 12px -10px rgba(20,26,45,.3)}.app.game .q-card{flex:0 0 auto;display:flex;flex-direction:column;gap:9px;justify-content:flex-start}.endrun{padding:9px;font-size:.86rem;margin-top:2px}.app.start .cats{margin-top:4px}.brand{font-family:Cinzel,serif;letter-spacing:.05em}h1.brand{font-weight:800;font-size:2.3rem;text-align:center;margin-top:4px;background:linear-gradient(135deg,var(--flame2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.flame-logo{font-size:3.6rem;text-align:center}.logo-img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto 8px;border-radius:16px;box-shadow:0 14px 34px rgba(30,22,12,.22)}.tag{color:var(--muted);text-align:center;margin:2px auto 12px;line-height:1.4;white-space:nowrap}.btn{font-family:Inter;font-weight:700;font-size:1rem;color:#3a1c04;background:linear-gradient(135deg,var(--flame1),var(--flame2));border:0;border-radius:14px;padding:15px 18px;cursor:pointer;width:100%;box-shadow:0 8px 20px rgba(255,140,66,.32)}.btn:active{transform:translateY(1px)}.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid rgba(20,26,45,.2);box-shadow:var(--shadow);font-weight:600}.btn:disabled{opacity:.5;cursor:default}.field label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:4px}.nameInput,input.txt{width:100%;margin-top:6px;padding:14px 16px;font-size:1.02rem;font-weight:600;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:12px;font-family:Inter;box-shadow:var(--shadow)}.err{color:var(--wrong);font-size:.84rem;min-height:1.1em;margin:4px}.cats{display:grid;grid-gap:10px;gap:10px}.cat{display:flex;align-items:center;gap:12px;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:13px 15px;cursor:pointer;color:var(--ink);box-shadow:var(--shadow)}.cat.sel{box-shadow:0 0 0 2px var(--accent) inset,var(--shadow);border-color:var(--accent);background:rgba(20,26,45,.02)}.cat .dot{width:13px;height:13px;border-radius:50%;background:var(--accent)}.cat .ct{flex:1 1}.cat .ct b{font-size:1.02rem}.cat .ct span{display:block;font-size:.76rem;color:var(--muted)}.cat .time{font-family:Anton;color:var(--muted)}.hud{justify-content:space-between}.hud,.lives{display:flex;align-items:center}.lives{gap:5px}.pip{width:17px;height:17px;border-radius:4px;background:linear-gradient(180deg,var(--flame2),var(--flame3));box-shadow:0 2px 5px rgba(239,71,111,.35)}.pip.lost{background:rgba(20,26,45,.13);box-shadow:none}.score-wrap{text-align:right}.score-label{font-size:.56rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.score{font-family:Anton;font-size:1.5rem}.combo-bar{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 12px;box-shadow:var(--shadow)}.flame{font-size:1.35rem;transition:transform .2s;transform-origin:bottom}.combo-info{flex:1 1}.mult{font-family:Anton;font-size:1.45rem;background:linear-gradient(180deg,var(--flame2),var(--flame3));-webkit-background-clip:text;background-clip:text;color:transparent}.streak{font-size:.72rem;color:var(--muted)}.tnum{font-family:Anton;font-size:1.25rem}.tbar{height:8px;border-radius:5px;background:rgba(20,26,45,.1);overflow:hidden;transform:scaleX(-1)}.tbar>div{height:100%;background:var(--flame2);transition:width .1s linear}.tbar.reveal>div{background:linear-gradient(90deg,var(--flame1),var(--flame2),var(--flame3));background-size:200% 100%;animation:nextflow .8s linear infinite}.nextwrap{margin-top:10px;display:flex;flex-direction:column;gap:6px}.nextlabel{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center;font-weight:700}.nextbar{height:14px;border-radius:7px;background:rgba(20,26,45,.12);overflow:hidden;box-shadow:inset 0 1px 2px rgba(20,26,45,.08)}.nextbar>div{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--flame1),var(--flame2),var(--flame3));background-size:200% 100%;transition:width .05s linear;animation:nextflow .8s linear infinite}@keyframes nextflow{0%{background-position:0 0}to{background-position:-40px 0}}.q-card{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:14px}.q-meta{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:20px;border:1px solid var(--line);color:var(--muted);background:#fff}.chip.gen{background:rgba(59,130,246,.12);color:var(--edify);border-color:rgba(59,130,246,.45)}.chip.gold{background:linear-gradient(135deg,var(--gold),var(--flame2));color:#2a1c05;border-color:transparent;font-weight:800}.question{font-size:1.45rem;font-weight:700;line-height:1.3;color:var(--ink);flex:0 0 auto}.verse{display:block;font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:1.12rem;color:#3730a3;margin-top:0;line-height:1.45}.opts{display:grid;grid-gap:8px;gap:8px}.opt{text-align:left;font-weight:600;font-size:.98rem;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;cursor:pointer;gap:11px;box-shadow:var(--shadow)}.opt,.opt .key{display:flex;align-items:center}.opt .key{width:22px;height:22px;flex:0 0 auto;border-radius:6px;background:rgba(20,26,45,.06);justify-content:center;font-family:Anton;color:var(--muted)}.opt-text{flex:1 1}.mark{flex:0 0 auto;font-family:Anton;font-size:1.3rem;line-height:1}.opt.correct{border-color:#16a34a;background:#22c55e;color:#05230f;box-shadow:0 6px 18px rgba(34,197,94,.32)}.opt.correct .key{background:rgba(0,0,0,.18);color:#05230f}.opt.wrong{border-color:#27272a;background:#3f3f46;color:#fff}.opt.wrong .key{background:hsla(0,0%,100%,.22);color:#fff}.opt.wrong .opt-text{text-decoration:line-through;opacity:.92}.opt.dim{opacity:.4}.note{text-align:left;color:var(--ink);font-size:.92rem;line-height:1.5;background:#fff;border:1px solid var(--line);border-left:4px solid var(--flame2);border-radius:12px;padding:11px 14px;box-shadow:var(--shadow)}.note b{color:var(--gold)}.note .ref{color:#3730a3;font-style:italic}.center{text-align:center}.rank-emoji{font-size:3rem}.rank-name{font-family:Cinzel,serif;font-weight:800;font-size:1.5rem;color:var(--gold)}.final{font-family:Anton;font-size:3.8rem;line-height:.9}.lbplace{color:var(--gold);font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 6px;text-align:center;box-shadow:var(--shadow)}.stat .v{font-family:Anton;font-size:1.5rem}.stat .l{font-size:.62rem;color:var(--muted);text-transform:uppercase}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{flex:1 1;min-width:64px;padding:9px 4px;font-size:.8rem;font-weight:700;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;box-shadow:var(--shadow)}.tab.sel{color:var(--ink);border-color:var(--accent);background:rgba(20,26,45,.03);box-shadow:0 0 0 2px var(--accent) inset,var(--shadow)}.lb-list{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.lb-row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px 14px;box-shadow:var(--shadow)}.lb-row .rk{font-family:Anton;width:26px;color:var(--muted)}.lb-row .nm{flex:1 1;font-weight:600}.lb-row .sc{font-family:Anton}.lb-row .del{background:none;border:0;color:var(--wrong);cursor:pointer;font-size:1rem}.lb-empty{padding:24px}.footnote,.lb-empty{color:var(--muted);text-align:center}.footnote{font-size:.72rem}.row2{display:flex;gap:10px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}