/* ABSOLUTE CINEMA — вся визуальная часть здесь. Меняйте переменные ниже. */
:root{--bg:#07070c;--card:rgba(255,255,255,.045);--line:rgba(255,255,255,.09);--text:#f4f1ea;--muted:#9a97a8;--accent:#e11d2e;--gold:#f5c451;--ok:#2dd4a0;--bad:#ff5468;--radius:20px;--font:'Manrope',system-ui,sans-serif;--display:'Unbounded','Manrope',sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font);background:radial-gradient(900px 520px at 12% -10%,rgba(225,29,46,.30),transparent 60%),radial-gradient(700px 520px at 100% 110%,rgba(245,196,81,.17),transparent 60%),var(--bg);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit}.top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}
.brand{font-family:var(--display);font-weight:800;letter-spacing:.18em;font-size:.85rem;text-decoration:none;background:linear-gradient(90deg,var(--gold),#fff3c4,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.top nav a{color:var(--muted);text-decoration:none;font-size:.9rem;margin-left:18px}.top nav a:hover{color:var(--gold)}
.wrap{max-width:720px;margin:0 auto;padding:20px}.wide{max-width:1120px}
h1,h2{font-family:var(--display);margin:.5em 0;letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(1.7rem,4.5vw,2.8rem);font-weight:800}h2{font-size:1.2rem;font-weight:700}
.gold{background:linear-gradient(90deg,var(--gold),#ffe9a8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{padding:28px 0 8px}.muted{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:14px 0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px -25px #000}
.btn,.inp{display:block;width:100%;padding:15px 18px;margin:9px 0;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font:inherit;text-align:left;transition:.18s}
.btn{cursor:pointer}.btn:hover{border-color:rgba(245,196,81,.55);transform:translateY(-1px)}
.inp:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,196,81,.15)}
.btn.on{border-color:var(--gold);background:rgba(245,196,81,.12);box-shadow:0 0 24px -6px rgba(245,196,81,.5)}
.btn.primary{background:linear-gradient(135deg,#ff2d44,#a80018);border-color:transparent;text-align:center;font-weight:800;letter-spacing:.03em;box-shadow:0 12px 32px -12px rgba(225,29,46,.9)}
.badge{float:right;background:var(--gold);color:#1a1300;border-radius:99px;padding:0 11px;font-weight:800}
.timer{font-family:var(--display);font-size:2rem;color:var(--gold);text-shadow:0 0 22px rgba(245,196,81,.5);font-variant-numeric:tabular-nums}
.draft{font-size:1.4rem;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:var(--radius)}
.row{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px;margin:8px 0}.row.me{border-color:var(--gold);box-shadow:0 0 22px -8px rgba(245,196,81,.6)}
table{width:100%;border-collapse:collapse}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}td,th{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left}tr:hover td{background:rgba(255,255,255,.03)}
.bar{position:sticky;top:0;z-index:5;background:rgba(7,7,12,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:12px 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bar .btn{width:auto;margin:0;text-align:center}.bar .inp{width:84px;margin:0}
.big{font-size:clamp(2.4rem,7vw,4.5rem)}.opt{padding:16px 20px;margin:9px 0;background:var(--card);border:1px solid var(--line);border-radius:16px;font-size:1.15rem}
.opt.right{border-color:var(--ok);box-shadow:0 0 28px -8px var(--ok)}
.media img,.media video{max-width:100%;max-height:52vh;border-radius:var(--radius);box-shadow:0 30px 60px -30px #000}
.xp{height:14px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:10px 0}.xp i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .8s}
.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.podium .card{text-align:center}.podium b{font-family:var(--display);font-size:2rem;display:block}
.scan video{width:100%;border-radius:var(--radius)}#qr{background:#fff;display:inline-block;padding:12px;border-radius:16px}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
#app>*,#main>*,.card,.row{animation:rise .45s both}@media(prefers-reduced-motion:reduce){*{animation:none!important}}