:root{font:16px system-ui,Arial,sans-serif;color:#f7f5ff;background:#0e0b1d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#302051,#0e0b1d 65%);min-height:100vh}.wrap{max-width:1250px;margin:auto;padding:24px}header,.scores,.controls{display:flex;align-items:center;justify-content:space-between;gap:15px}strong{font-size:26px;letter-spacing:2px}strong span{color:#c89aff}small,.muted{color:#c4bad2}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;margin-top:34px}aside{padding:20px;background:#211633;border:1px solid #604c76;border-radius:20px;text-align:center}aside img{width:200px;max-width:100%;display:block;margin:20px auto}.right{text-align:right}h1{font-size:40px;margin:8px 0}h2{margin:8px 0;color:#baffd7}.stage{aspect-ratio:16/9;background:linear-gradient(130deg,#362456,#221139,#402059);border-radius:18px;overflow:hidden}.stage canvas{width:100%;height:100%}.progress{height:8px;background:#49375e;border-radius:10px;margin-top:12px;overflow:hidden}.progress div{height:100%;width:0;background:#c39bff}.controls{justify-content:flex-start;margin-top:18px}button{border:0;background:#c39bff;color:#170a26;font:700 16px system-ui;padding:13px 18px;border-radius:12px}button:disabled{opacity:.4}.phone{max-width:480px;text-align:center}.preview{aspect-ratio:3/4;position:relative;background:#14111f;overflow:hidden;border-radius:18px;margin:20px 0}.preview video,.preview canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview canvas{z-index:1}@media(max-width:800px){.layout{grid-template-columns:1fr}.wrap{padding:14px}}