*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0f14;--panel: rgba(13, 22, 30, .82);--panel-border: rgba(94, 234, 158, .18);--text: #e8f0ea;--muted: #8aa397;--accent: #5eea9e;--accent-dim: #2e6b4f;--danger: #e74c3c}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:20px;padding:14px 22px;z-index:10;background:linear-gradient(to bottom,rgba(10,15,20,.9),transparent)}#topbar h1{font-family:Cascadia Code,Fira Code,ui-monospace,monospace;font-size:1.5rem;letter-spacing:2px;color:var(--text)}#topbar h1 span{color:var(--accent)}#modes{display:flex;gap:6px}#modes button{background:transparent;border:1px solid transparent;color:var(--muted);padding:7px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .15s}#modes button:hover{color:var(--text)}#modes button.active{color:var(--accent);border-color:var(--panel-border);background:var(--panel)}#sound-toggle{background:transparent;border:none;font-size:1.2rem;cursor:pointer;opacity:.8}#sound-toggle:hover{opacity:1}#help-toggle{margin-left:auto;width:30px;height:30px;border-radius:50%;background:var(--panel);border:1px solid var(--panel-border);color:var(--accent);font-size:1rem;font-weight:700;cursor:pointer;transition:border-color .15s}#help-toggle:hover{border-color:var(--accent)}#help-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#05080bb3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-box{width:min(480px,92vw);max-height:86vh;overflow-y:auto;text-align:left}.help-box h2{text-align:center;margin-bottom:14px}.help-body{font-size:.92rem;line-height:1.5;color:var(--text)}.help-body h3{margin:14px 0 4px;font-size:.95rem;color:var(--accent)}.help-body p{margin-bottom:6px;color:var(--muted)}.help-body p strong{color:var(--text)}.help-body .help-tip{background:#5eea9e12;border:1px solid var(--panel-border);border-radius:10px;padding:8px 12px;margin:10px 0}.help-box button{margin-top:14px}#scorecard{position:fixed;top:74px;left:50%;transform:translate(-50%);text-align:center;z-index:10;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:12px 26px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pop .25s ease-out}@keyframes pop{0%{transform:translate(-50%) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}#score-value{font-family:ui-monospace,monospace;font-size:3rem;font-weight:800;line-height:1.1}#score-severity{font-size:.95rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:6px}#vector{font-family:ui-monospace,monospace;font-size:.78rem;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}#vector:hover{background:#5eea9e1a;color:var(--text)}#share-row{display:flex;justify-content:center;gap:8px;margin-top:8px}.share-btn{background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text);font-size:.78rem;padding:6px 12px;border-radius:16px;cursor:pointer;transition:border-color .15s,background .15s}.share-btn:hover{border-color:var(--accent);background:#5eea9e14}#hud{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;z-index:10;background:linear-gradient(to top,rgba(10,15,20,.9),transparent);pointer-events:none}#hud button{pointer-events:auto}#roll-dots{display:flex;gap:8px}#roll-dots i{width:10px;height:10px;border-radius:50%;background:#ffffff26;border:1px solid var(--panel-border)}#roll-dots i.used{background:var(--accent)}#hint{font-size:.9rem;color:var(--muted);min-height:1.2em;text-align:center}#controls{display:flex;gap:12px}button.primary{background:var(--accent);color:#06281a;border:none;font-size:1.05rem;font-weight:700;padding:13px 34px;border-radius:30px;cursor:pointer;box-shadow:0 4px 20px #5eea9e59;transition:transform .1s,box-shadow .15s}button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 26px #5eea9e80}button.primary:disabled{opacity:.4;cursor:not-allowed}#btn-bank{background:var(--panel);color:var(--text);border:1px solid var(--panel-border);font-size:.95rem;padding:12px 24px;border-radius:30px;cursor:pointer}#btn-bank:hover{border-color:var(--accent)}#mp-panel{position:fixed;top:90px;right:18px;width:230px;z-index:10;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mp-room{font-size:.75rem;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.mp-room span{font-family:ui-monospace,monospace;font-size:1.2rem;color:var(--accent);font-weight:700;letter-spacing:4px;margin-left:6px;cursor:pointer}.mp-room span:hover{text-decoration:underline}#mp-share{background:transparent;border:none;font-size:.95rem;margin-left:4px;cursor:pointer;opacity:.7}#mp-share:hover{opacity:1}#mp-players{list-style:none;margin-bottom:10px}#mp-players li{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.05)}#mp-players li:last-child{border-bottom:none}#mp-players .who{display:flex;align-items:center;gap:6px;overflow:hidden}#mp-players .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mp-players .status{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--muted);flex-shrink:0}#mp-players .status.done{color:var(--accent);font-weight:700}#btn-start{width:100%;padding:10px;font-size:.95rem}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#05080bb3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:28px;width:min(400px,92vw);text-align:center}.modal-box h2{font-family:ui-monospace,monospace;letter-spacing:2px;margin-bottom:6px}.modal-box p.sub{color:var(--muted);font-size:.88rem;margin-bottom:18px}.modal-box input{width:100%;background:#ffffff0f;border:1px solid var(--panel-border);border-radius:10px;color:var(--text);font-size:1rem;padding:11px 14px;margin-bottom:12px;outline:none;text-align:center}.modal-box input:focus{border-color:var(--accent)}.modal-box input.code{font-family:ui-monospace,monospace;letter-spacing:6px;text-transform:uppercase}.modal-box .row{display:flex;gap:10px;margin-top:6px}.modal-box .row button{flex:1}.modal-box button.secondary{background:#ffffff12;color:var(--text);border:1px solid var(--panel-border);font-size:.95rem;font-weight:600;padding:12px;border-radius:30px;cursor:pointer}.modal-box button.secondary:hover{border-color:var(--accent)}.results-list{list-style:none;margin:14px 0 18px;text-align:left}.results-list li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;margin-bottom:6px;background:#ffffff0a}.results-list li.winner{background:#5eea9e1f;border:1px solid var(--panel-border)}.results-list .rank{font-family:ui-monospace,monospace;color:var(--muted);width:20px}.results-list .rname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-list .rscore{font-family:ui-monospace,monospace;font-weight:800;font-size:1.1rem}.results-list .rvec{display:none}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%);z-index:30;background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;padding:9px 20px;font-size:.9rem;animation:pop2 .2s ease-out}@keyframes pop2{0%{transform:translate(-50%) translateY(8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}#confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:15;pointer-events:none}@media(max-width:720px){#topbar{padding:10px 12px;gap:10px}#topbar h1{font-size:1.1rem}#modes button{padding:6px 10px;font-size:.8rem}#scorecard{top:60px;padding:8px 16px 10px;max-width:94vw}#score-value{font-size:2.2rem}#vector{font-size:.65rem;word-break:break-all}#mp-panel{width:180px;top:auto;bottom:130px;right:8px}}