:root{--red:#E60211;--red2:#B8000C;--deep:#7A0006;--maroon:#6A0200;--cream:#FEF3D5;--cream2:#F7E6BD;--amber:#F3AE15;--led:#FF7A1A;--ink:#0B0B0B;--ok:#3FAE2A;--gm:#120202;--gm2:#2A0003;--dim:#C9A98A;
  --disp:'Lilita One',Rubik,system-ui,sans-serif;--ui:Rubik,system-ui,sans-serif;--px:'Press Start 2P',monospace;--crt:VT323,ui-monospace,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.55 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}
.px{font-family:var(--px);letter-spacing:0}.crt{font-family:var(--crt)}.hidden{display:none!important}
.pre{background:var(--ink);color:var(--cream);text-align:center;padding:10px 16px;font-size:10px;line-height:1.7}.pre b{color:var(--amber);margin-right:10px;font-weight:400}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:12px;font:700 15px var(--ui);white-space:nowrap;cursor:pointer}
.btn.red{background:var(--red);color:var(--cream);box-shadow:0 4px 0 var(--deep)}.btn.red:hover{background:#ff1424}.btn.red:active{transform:translateY(3px);box-shadow:0 1px 0 var(--deep)}
.btn.line{border:2px solid var(--deep);color:var(--deep)}.btn.line:hover{background:var(--cream2)}
.btn.big{height:54px;padding:0 26px;font-size:17px;border-radius:14px}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}

/* первый экран — сплит */
.hero{position:relative;min-height:900px;overflow:hidden}
.half{position:absolute;top:0;bottom:0;width:50%}.half.one{left:0;background:linear-gradient(160deg,var(--red),var(--deep) 80%)}.half.two{right:0;background:var(--cream)}
.seam{position:absolute;left:calc(50% - 1.5px);top:0;bottom:0;width:3px;background:var(--amber)}
.top{position:relative;z-index:5;display:flex;align-items:center;gap:30px;padding:18px 36px}
.brand{display:flex;align-items:center;gap:12px;font:400 34px/1 var(--disp);color:var(--cream)}
.mk{display:inline-block;width:44px;height:44px}.mk svg{width:100%;height:100%;display:block}
.links{margin-left:auto;display:flex;gap:26px;font-weight:500;color:var(--deep)}.links a:hover{color:var(--red)}
.side{position:absolute;top:130px;width:min(520px,40vw);z-index:3}
.s1{left:80px;color:var(--cream)}.s2{left:calc(50% + 80px);color:var(--deep)}
.lbl{font-size:13px}.s1 .lbl{color:var(--amber)}
h1{margin:18px 0 0;font:400 clamp(64px,7.4vw,108px)/.95 var(--disp)}h1.r{color:var(--red)}
.side p{margin:22px 0 0;max-width:360px;font-size:17px}.s1 p{color:#FEF3D5dd}.s2 p{color:var(--deep)}
.stage{position:absolute;left:50%;top:520px;width:620px;height:360px;margin-left:-310px;z-index:2}
.stage svg{position:absolute;overflow:visible}
.cta{position:absolute;right:80px;bottom:70px;display:flex;gap:10px;z-index:4}
.wait{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);padding:6px 16px;border-radius:10px;background:var(--ink);color:var(--cream);font-size:24px;z-index:4;white-space:nowrap}.wait span{color:var(--amber)}

/* секции */
.sec{max-width:1240px;margin:0 auto;padding:100px 36px 0}
.sh{max-width:760px}.k{font-size:12px;color:var(--red)}
h2{margin:16px 0 0;font:400 clamp(38px,4.6vw,60px)/1 var(--disp);color:var(--deep);text-wrap:balance}h2 span{color:var(--red)}
.sh p,.lead{margin:16px 0 0;font-size:17px;color:#4a2320}

/* консоль */
.console{margin-top:34px;display:grid;grid-template-columns:330px minmax(0,1fr);border-radius:24px;overflow:hidden;background:var(--gm);box-shadow:0 30px 60px -30px #7A000699;border:3px solid var(--deep)}
.controls{padding:24px;background:var(--gm2);display:grid;gap:18px;align-content:start;color:var(--cream)}
.ctl{display:grid;gap:8px}.ctl>span{font-size:10px;color:var(--amber)}.ctl small{font-size:13px;color:var(--dim)}
.ctl input[type=text],.ctl input:not([type]){height:48px;border-radius:10px;border:2px solid #ffffff26;background:#00000055;padding:0 14px;font:400 30px var(--crt);color:var(--cream);text-transform:uppercase;outline:0}.ctl input:focus{border-color:var(--amber)}
.ctl input[type=range]{accent-color:var(--amber);width:100%}
.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;border-radius:12px;background:#00000055}
.seg button{height:38px;border-radius:8px;font:700 14px var(--ui);color:var(--dim)}.seg button.on{background:var(--red);color:var(--cream);box-shadow:0 3px 0 var(--maroon)}
.play{margin-top:4px;font-family:var(--px);font-size:14px}
.screen{padding:22px;min-width:0;display:grid;gap:14px;align-content:start}
.banner{padding:10px 14px;border-radius:10px;background:#000;color:var(--amber);font-size:26px;line-height:1.1}
.pp{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pcard{border-radius:16px;padding:16px 18px;min-width:0}
.pcard .px{font-size:11px}.pcard .big{margin-top:10px;font:400 44px/1 var(--disp)}.pcard .sub{margin-top:6px;font-size:14px}
.pcard .tag{display:inline-block;margin-top:10px;padding:5px 10px;border-radius:8px;font:400 20px var(--crt);line-height:1}
.p1{background:linear-gradient(160deg,var(--red),var(--deep));color:var(--cream)}.p1 .px{color:var(--amber)}.p1 .tag{background:#00000040}
.p2{background:var(--cream);color:var(--deep)}.p2 .px{color:var(--red)}.p2 .tag{background:var(--cream2)}
#chart{width:100%;height:220px;border-radius:12px;background:#000}
.facts{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--dim);font-size:20px;line-height:1.2}.facts b{color:var(--cream);font-weight:400}

.manual{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.manual li{padding:22px;border-radius:18px;background:#fff;border:3px solid var(--deep);box-shadow:6px 6px 0 var(--deep)}
.manual b{font-size:12px;color:var(--red);font-weight:400}.manual h4{margin:14px 0 0;font:400 26px var(--disp);color:var(--deep)}.manual p{margin:8px 0 0;font-size:15px;color:#4a2320}

.lobby{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px;border-radius:26px;background:linear-gradient(160deg,var(--red),var(--deep));color:var(--cream)}
.lobby h2{color:var(--cream)}.lobby h2 span{color:var(--amber)}.lobby .k{color:var(--amber)}.lobby .lead{color:#FEF3D5dd}
.lobby form{display:grid;gap:10px;align-content:start}
.lobby input[type=email],.lobby input[name=x]{height:52px;border-radius:12px;border:2px solid #ffffff33;background:#00000033;padding:0 16px;color:var(--cream);outline:0}.lobby input::placeholder{color:#FEF3D599}.lobby input:focus{border-color:var(--amber)}
.seat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.seat input{position:absolute;opacity:0}.seat span{display:grid;gap:6px;padding:16px;border-radius:14px;border:2px solid #ffffff33;cursor:pointer;font-weight:500}.seat b{font-size:14px;color:var(--amber);font-weight:400}
.seat input:checked+span{background:var(--cream);color:var(--deep);border-color:var(--cream)}.seat input:checked+span b{color:var(--red)}.seat input:focus-visible+span{outline:3px solid var(--amber)}
.lobby .btn.red{background:var(--cream);color:var(--deep);box-shadow:0 4px 0 var(--maroon)}
.hp{position:absolute;left:-9999px}.ok{color:var(--amber);font-size:26px}

.faq{margin-top:24px;max-width:820px}.faq details{border-bottom:2px solid var(--cream2);padding:18px 0}.faq summary{cursor:pointer;font:400 22px var(--disp);color:var(--deep);list-style:none}.faq summary::after{content:"+";float:right;color:var(--red)}.faq details[open] summary::after{content:"–"}.faq p{margin:10px 0 0;color:#4a2320}

.foot{margin-top:110px;background:var(--deep);color:var(--cream);padding:40px 36px 36px}
.fbig{display:flex;align-items:center;gap:18px;font:400 clamp(80px,15vw,200px)/1 var(--disp)}.fbig .mk{width:.7em;height:.7em}
.fl{display:flex;gap:22px;flex-wrap:wrap;margin-top:12px;font-weight:500}.fl a:hover{color:var(--amber)}
.foot p{margin:16px 0 0;font-size:13px;color:#FEF3D5aa;max-width:900px}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;transition:.25s;background:var(--ink);color:var(--cream);padding:11px 18px;border-radius:12px;font:400 22px var(--crt);pointer-events:none;z-index:60}.toast.on{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){.links{display:none}.top .btn{margin-left:auto}.console{grid-template-columns:1fr}.manual{grid-template-columns:1fr 1fr}.lobby{grid-template-columns:1fr}}
@media (max-width:760px){
  .hero{min-height:0;display:flex;flex-direction:column;background:var(--cream);padding-bottom:26px}.half,.seam{display:none}
  .top{order:0;padding:14px 16px;background:var(--red)}.brand{font-size:28px}.mk{width:36px;height:36px}.top .btn{height:40px;padding:0 14px;font-size:14px;background:var(--cream);color:var(--deep)}
  .side{position:relative;top:auto;left:auto;width:auto;padding:24px 16px}
  .s1{order:1;background:linear-gradient(180deg,var(--red),var(--deep));padding-bottom:10px}.s2{order:3;padding-top:10px}
  .stage{order:2;position:relative;left:auto;top:auto;margin:0;width:100%;height:270px;background:linear-gradient(180deg,var(--deep) 50%,var(--cream) 50%)}
  .cta{order:4;position:relative;right:auto;bottom:auto;justify-content:center;flex-wrap:wrap;padding:0 16px}
  .wait{order:5;position:relative;left:auto;transform:none;bottom:auto;align-self:center;margin-top:14px;font-size:20px}
  .side p{font-size:16px}
  .sec{padding:70px 16px 0}.pp{grid-template-columns:1fr}.manual{grid-template-columns:1fr}.lobby{padding:22px}.seat{grid-template-columns:1fr}
  .foot{padding:30px 16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}