:root{--violet:#6c5ce7;--violet-dark:#5348b8;--violet-soft:#edeaff;--sun:#ffc048;--sun-dark:#e5a420;--green:#2ed573;--green-dark:#1fa85a;--red:#ff6b6b;--red-soft:#ffe3e3;--ink:#2d3436;--ink-soft:#6b7280;--cream:#fff9f0;--white:#ffffff;--line:#efe7da;--radius:20px;--shadow:0 6px 0 rgba(45,52,54,0.12);--shadow-press:0 3px 0 rgba(45,52,54,0.12);--bg:var(--cream);--surface:var(--white);--surface-border:var(--line);--text:var(--ink);--text-soft:var(--ink-soft);--primary:var(--violet);--primary-dark:var(--violet-dark);--primary-soft:var(--violet-soft);--accent:var(--sun);--accent-dark:var(--sun-dark);--font-display:"Nunito",-apple-system,"Segoe UI",sans-serif;--font-body:"Nunito",-apple-system,"Segoe UI",sans-serif;--heading-weight:900}[data-theme=theatre]{--stage:#0b0b10;--stage-2:#14141d;--ember:#f5b14c;--ember-bright:#ffd98a;--ember-dim:#8a6428;--velvet:#b3122f;--velvet-bright:#e4405f;--bone:#f5efe4;--bone-dim:#9c948a;--bg:var(--stage);--surface:var(--stage-2);--surface-border:rgba(245,177,76,0.18);--text:var(--bone);--text-soft:var(--bone-dim);--primary:var(--ember);--primary-dark:var(--ember-dim);--primary-soft:rgba(245,177,76,0.12);--accent:var(--velvet-bright);--accent-dark:var(--velvet);--radius:18px;--shadow:0 0 28px rgba(245,177,76,0.2);--shadow-press:0 0 14px rgba(245,177,76,0.15);--font-display:"Fraunces",Georgia,serif;--font-body:"Sora",-apple-system,sans-serif;--heading-weight:600}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}[data-theme=theatre] body,body[data-theme=theatre]{background:radial-gradient(ellipse 90% 40% at 50% -5%,rgba(245,177,76,.16),transparent 60%),radial-gradient(ellipse 120% 60% at 50% 110%,rgba(179,18,47,.1),transparent 65%),linear-gradient(180deg,var(--stage-2),var(--stage) 40%)}.screen{max-width:430px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:18px 18px 24px}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.logo{font-family:var(--font-display);font-weight:900;font-size:17px;color:var(--primary);letter-spacing:-.3px;text-decoration:none}.logo .noose{color:var(--accent-dark)}[data-theme=theatre] .logo{font-weight:700;font-size:14px;letter-spacing:2px;text-transform:uppercase}h1{font-family:var(--font-display);font-size:26px;font-weight:var(--heading-weight);color:var(--text);letter-spacing:-.5px;line-height:1.15}[data-theme=theatre] h1{font-size:30px;letter-spacing:-.3px}h2{font-family:var(--font-display);font-size:19px;font-weight:var(--heading-weight);color:var(--text)}.sub{color:var(--text-soft);font-size:14px;font-weight:700;margin-top:6px;line-height:1.45}[data-theme=theatre] .sub{font-weight:400;line-height:1.55}.chip{background:var(--primary-soft);color:var(--primary);font-weight:800;font-size:12px;border-radius:999px;padding:6px 12px;white-space:nowrap}.chip.gold{background:#fff3d6;color:var(--sun-dark)}.chip.green{background:#dcf9e8;color:var(--green-dark)}[data-theme=theatre] .chip,[data-theme=theatre] .chip.gold,[data-theme=theatre] .chip.green{background:rgba(245,177,76,.06);color:var(--ember-bright);border:1px solid var(--surface-border);border-radius:4px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.btn{display:block;width:100%;text-align:center;text-decoration:none;font-family:var(--font-body);font-weight:900;font-size:17px;padding:16px;border-radius:var(--radius);color:var(--white);background:var(--primary);box-shadow:var(--shadow);border:none;border-bottom:4px solid var(--primary-dark);cursor:pointer}.btn:active{box-shadow:var(--shadow-press);transform:translateY(2px)}.btn.sun{background:var(--sun);color:var(--ink);border-bottom-color:var(--sun-dark)}.btn.green{background:var(--green);border-bottom-color:var(--green-dark)}.btn.ghost{background:var(--surface);color:var(--primary);border-bottom:3px solid var(--primary-soft);border:solid var(--primary-soft);border-width:3px 3px 4px;box-shadow:none}.btn.small{font-size:14px;padding:11px;border-radius:14px}.btn+.btn{margin-top:10px}.btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=theatre] .btn{font-weight:700;font-size:15px;letter-spacing:.6px;color:#1a1206;background:linear-gradient(180deg,var(--ember-bright),var(--ember));border-bottom:none;box-shadow:0 0 28px rgba(245,177,76,.35)}[data-theme=theatre] .btn.sun{color:#1a1206}[data-theme=theatre] .btn.green{color:var(--bone);background:linear-gradient(180deg,var(--velvet-bright),var(--velvet));box-shadow:0 0 28px rgba(179,18,47,.35)}[data-theme=theatre] .btn.ghost{background:transparent;color:var(--ember);border:1px solid var(--surface-border);box-shadow:none}.card{background:var(--surface);border-radius:var(--radius);padding:16px;border:2px solid var(--surface-border);margin-bottom:12px}.card.violet{background:var(--primary);color:var(--white);border:none}.card.sunny{background:#fff3d6;border-color:#f5dfa8;color:var(--ink)}[data-theme=theatre] .card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09)}[data-theme=theatre] .card.violet{background:linear-gradient(180deg,rgba(179,18,47,.18),rgba(179,18,47,.05));border:1px solid rgba(228,64,95,.3);color:var(--bone)}[data-theme=theatre] .card.sunny{background:linear-gradient(180deg,#f7f1e3,#efe6d2);border:none;color:#23180c}.tiles{display:flex;gap:8px 18px;justify-content:center;flex-wrap:wrap;margin:16px 0;container-type:inline-size}.tword{display:flex;gap:7px}.tile{--tile-w:min(40px,calc((100cqw - (var(--n, 8) - 1) * 7px) / var(--n, 8)));width:var(--tile-w);height:calc(var(--tile-w) * 1.2);border-radius:min(10px,calc(var(--tile-w) * .25));background:var(--surface);border:3px solid var(--text);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:calc(var(--tile-w) * .6);color:var(--text)}.tile.blank{border-style:dashed;border-color:#b9afa0;color:transparent}.tile.hit{background:var(--green);border-color:var(--green-dark);color:var(--white);animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(.7)}to{transform:scale(1)}}[data-theme=theatre] .tile{border-radius:min(8px,calc(var(--tile-w) * .2));border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#262637,#15151f);box-shadow:inset 0 2px 6px rgba(0,0,0,.6);font-weight:700}[data-theme=theatre] .tile.blank{color:transparent}[data-theme=theatre] .tile.hit{color:#1a1206;background:linear-gradient(180deg,var(--ember-bright),var(--ember));border-color:var(--ember-bright);box-shadow:0 0 24px rgba(245,177,76,.55)}.kb{margin-top:auto;padding-top:12px}.kb-row{gap:5px;margin-bottom:6px}.kb-row,.key{display:flex;justify-content:center}.key{min-width:30px;height:42px;border-radius:9px;background:var(--surface);border:solid var(--surface-border);border-width:2px 2px 4px;align-items:center;font-family:var(--font-body);font-weight:900;font-size:15px;color:var(--text);padding:0 4px;cursor:pointer;flex:1 1;max-width:38px}.key.used{background:#ede7dc;color:#b4a996;border-color:#e0d7c6;cursor:default}.key.hit{background:var(--green);border-color:var(--green-dark)}.key.hit,.key.miss{color:var(--white);cursor:default}.key.miss{background:var(--red);border-color:#d94f4f}[data-theme=theatre] .key{border-radius:8px;font-weight:700;font-size:14px;border:1px solid rgba(255,255,255,.09);border-bottom:2px solid rgba(0,0,0,.8)}[data-theme=theatre] .key,[data-theme=theatre] .key.used{color:var(--bone);background:linear-gradient(180deg,#23232f,#17171f)}[data-theme=theatre] .key.used{opacity:.25}[data-theme=theatre] .key.hit{color:#1a1206;background:linear-gradient(180deg,var(--ember-bright),var(--ember));border-color:var(--ember)}[data-theme=theatre] .key.miss{color:var(--bone);background:linear-gradient(180deg,#5c1020,#3d0a15);border-color:rgba(228,64,95,.4)}.hud{display:flex;gap:10px;justify-content:center;margin-bottom:6px}.hud .stat{background:var(--surface);border:2px solid var(--surface-border);border-radius:14px;padding:8px 14px;font-weight:900;font-size:15px;color:var(--text);display:flex;align-items:center;gap:6px}.hud .stat span{color:var(--text-soft);font-size:11px;font-weight:800;text-transform:uppercase}.hud .stat.stat-alarm{background:var(--red);border-color:#d94f4f;color:var(--white);animation:alarm-pulse .55s ease-out .15s 2}.hud .stat.stat-alarm span{color:rgba(255,255,255,.92)}@keyframes alarm-pulse{50%{transform:scale(1.06)}}.last-chance-warning{font-weight:900;font-size:15px;color:var(--red);min-height:22px;margin-top:8px;animation:warning-fade 2.9s ease forwards}@keyframes warning-fade{0%{opacity:0}8%{opacity:1}84%{opacity:1}to{opacity:0}}.last-chance-vignette{position:fixed;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 0 4px rgba(220,60,60,.45),inset 0 0 42px 10px rgba(220,60,60,.22);animation:vignette-breathe 1.7s ease-in-out infinite}@keyframes vignette-breathe{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.hud .stat.stat-alarm,.last-chance-vignette{animation:none}.last-chance-vignette{opacity:.45}.last-chance-warning{animation:none;opacity:1}}[data-theme=theatre] .hud .stat{border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(0,0,0,.35);font-weight:700;font-size:14px}.gallows{display:flex;justify-content:center;margin:8px 0}.gallows .stroke{stroke:var(--text);stroke-width:5;stroke-linecap:round;fill:none}.gallows .man{stroke:var(--primary);stroke-width:4.5;stroke-linecap:round;fill:none}.gallows .pending{opacity:.12}.row{display:flex;align-items:center;gap:12px;background:var(--surface);border:2px solid var(--surface-border);border-radius:16px;padding:12px 14px;margin-bottom:9px;color:var(--text)}.row .rank{font-weight:900;font-size:16px;width:26px;color:var(--text-soft)}.row .grow{flex:1 1;min-width:0}.row .name{font-weight:900;font-size:15px}.row .meta{font-size:12.5px;color:var(--text-soft);font-weight:700}.row .score{font-weight:900;font-size:15px;color:var(--primary);text-align:right}.row.me{border-color:var(--primary);background:var(--primary-soft)}[data-theme=theatre] .row{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}.input{width:100%;padding:14px 16px;border-radius:16px;border:3px solid var(--surface-border);font-family:var(--font-body);font-weight:800;font-size:16px;color:var(--text);background:var(--surface)}.input:focus{outline:none;border-color:var(--primary)}.label{font-size:12px;font-weight:900;text-transform:uppercase;color:var(--text-soft);margin:12px 0 6px;letter-spacing:.4px}.notif{background:var(--ink);color:var(--white);border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:center;margin-bottom:12px;font-weight:800;font-size:13.5px}[data-theme=theatre] .notif{background:rgba(245,177,76,.08);border:1px solid var(--surface-border);color:var(--bone);font-weight:600;font-size:13px}.big-emoji,.center{text-align:center}.big-emoji{font-size:52px;margin:10px 0}.divider{border:none;border-top:2px dashed var(--surface-border);margin:14px 0}.rope-swing{transform-origin:top center;animation:sway 4.5s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-2.4deg)}50%{transform:rotate(2.4deg)}}.rbd{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.rbd-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rbd-storm{transition:opacity 1.2s ease-out}.rbd-flash{background:#fff;transition:opacity .42s ease-out}.rbd-drop{position:absolute;top:0;width:2px;border-radius:1px;background:rgba(255,255,255,.55);animation:rbd-fall .65s linear infinite}@keyframes rbd-fall{0%{transform:translateY(-20vh) rotate(8deg)}to{transform:translateY(110vh) rotate(8deg)}}.rbd-layer{transform:scale(1.12)}@keyframes rbd-sway-a{0%{transform:scale(1.12) rotate(2deg)}to{transform:scale(1.12) rotate(6deg)}}@keyframes rbd-sway-b{0%{transform:scale(1.12) rotate(1deg)}to{transform:scale(1.12) rotate(7deg)}}.rbd-focusband{background:linear-gradient(180deg,rgba(255,252,245,0),rgba(255,252,245,.3) 30%,rgba(255,252,245,.3) 75%,rgba(255,252,245,.1))}.meta-pill{width:-moz-fit-content;width:fit-content;margin-inline:auto;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:999px;padding:5px 14px}.cine-card{position:relative;border-radius:24px;overflow:hidden;border:2px solid rgba(255,255,255,.65)}.cine-video{width:100%;height:100%;object-fit:cover}.cine-celeb,.cine-video{position:absolute;inset:0}.cine-celeb{opacity:0;transition:opacity .25s ease}.cine-pill{top:4%;left:50%;transform:translateX(-50%);background:rgba(240,249,255,.88);border:1.5px solid rgba(255,255,255,.9);border-radius:999px;padding:6px 16px;color:#1d5a8a;font-size:16px;transition:opacity .6s ease}.cine-name,.cine-pill{position:absolute;font-weight:900;white-space:nowrap;opacity:0}.cine-name{display:flex;align-items:center;justify-content:center;color:#4a3421;letter-spacing:1px;text-shadow:0 1px 1px rgba(255,248,235,.45);transition:opacity 2.2s ease-in-out}.cine-show{opacity:1}@media (prefers-reduced-motion:reduce){.cine-celeb,.cine-name,.cine-pill{transition:none}}.victory{text-align:center}.victory-hurray{font-family:var(--font-display);font-weight:900;font-size:26px;color:var(--text);animation:hurray-pop .45s ease-out}.victory-dancer{display:inline-block;animation:victory-bounce .66s ease-in-out infinite alternate}.victory-bubble{position:relative;display:inline-block;max-width:300px;background:var(--surface);border:2px solid var(--surface-border);border-radius:16px;padding:10px 16px;font-weight:800;font-size:15px;color:var(--text);animation:bubble-in .35s ease .5s backwards}.victory-bubble:before{content:"";position:absolute;top:-8px;left:50%;width:14px;height:14px;margin-left:-7px;background:var(--surface);border-left:2px solid var(--surface-border);border-top:2px solid var(--surface-border);transform:rotate(45deg)}@keyframes victory-bounce{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-16px) rotate(5deg)}}@keyframes hurray-pop{0%{transform:scale(.5);opacity:0}}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.victory-bubble,.victory-dancer,.victory-hurray{animation:none}}.victory-card{width:min(78vw,320px);height:min(78vw,320px);margin:0 auto;position:relative}.victory-medal-name{position:absolute;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;color:#4a2f0b;font-size:calc(min(78vw, 320px) * .09);white-space:nowrap;overflow:hidden;animation:bubble-in .9s ease backwards}.victory-bubble-clip{margin-top:14px}