:root{--bg: #0b1020;--fg: #f5f7ff;--accent: #ffd04c;--accent-2: #ff5d8f;--good: #4ade80;--bad: #f87171;--panel: #131a32;--panel-2: #1b2347;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;height:100dvh;overflow:hidden;user-select:none;-webkit-tap-highlight-color:transparent}#app{display:flex;flex-direction:column;height:100dvh}.screen{padding:16px;flex:1;display:flex;flex-direction:column;gap:16px}.hidden{display:none!important}h1,h2,h3{margin:4px 0 8px}h1{font-size:2rem;color:var(--accent)}button{background:var(--accent);color:#1a1325;border:0;padding:14px 18px;font-size:1.1rem;font-weight:700;border-radius:var(--radius);cursor:pointer;min-height:48px;transition:transform .08s ease}button:active{transform:scale(.97)}input{background:var(--panel-2);color:var(--fg);border:2px solid transparent;border-radius:var(--radius);padding:14px;font-size:1.25rem;width:100%;text-align:center;letter-spacing:.1em;text-transform:uppercase}video{width:100%;border-radius:var(--radius);background:#000;max-height:50vh;object-fit:cover}#screen-lobby ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}#screen-lobby li{background:var(--panel);padding:12px 14px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:12px}#screen-lobby li button{padding:8px 12px;font-size:.9rem}#screen-arena #arena-qrs{list-style:none;padding:0}#screen-arena #arena-qrs li{background:var(--panel-2);padding:10px 12px;border-radius:10px;margin:6px 0;display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:var(--bad);flex-shrink:0;margin-top:4px}.dot.ok{background:var(--good)}#screen-battle{display:flex;flex-direction:column;gap:0;padding:8px}.hud{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:8px 4px}.hud-player{background:var(--panel);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.hud-player:nth-child(3){text-align:right}.hud-player progress{width:100%;height:14px;border-radius:8px;overflow:hidden}.hud-player progress::-webkit-progress-bar{background:var(--panel-2);border-radius:8px}.hud-player progress::-webkit-progress-value{background:var(--good);transition:background .3s;border-radius:8px}.hud-player progress.low::-webkit-progress-value{background:var(--accent-2)}.hud-center{font-size:1.1rem;color:var(--accent)}#scene-3d{position:relative;flex:1;background:#000;border-radius:var(--radius);overflow:hidden;min-height:200px}#cam-battle{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}#three-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.actions .power{background:var(--panel);color:var(--fg);font-size:.85rem;padding:10px 6px;display:flex;flex-direction:column;gap:4px;min-height:60px}.actions .power[data-power="3"]{background:var(--accent);color:#1a1325}.actions .power .pdamage{font-size:.75rem;opacity:.8}.actions .power:disabled{opacity:.5}.quiz{margin-top:12px;background:var(--panel);padding:14px;border-radius:var(--radius);text-align:center}.quiz-q{font-size:2.4rem;font-weight:800;color:var(--accent);margin:12px 0}.quiz form{display:flex;gap:8px}.quiz input{flex:1}.quiz button{padding:12px 16px}.good{color:var(--good)}.bad{color:var(--bad)}#result-screen{text-align:center;padding-top:20vh}#result-screen h2{font-size:2rem;color:var(--accent)}