:root{--bg: #050508;--ash: #1a1a22;--bone: #e8e6e1;--muted: #8a8794;--accent: #7ec8d4;--danger: #c45c5c;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:var(--bone);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.phone-shell{position:relative;width:min(100vw,430px);height:100dvh;margin:0 auto;background:var(--bg);overflow:hidden}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage canvas{display:block;width:100%!important;height:100%!important}.ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.ui-root>*{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));background:#050508eb}.screen.hidden{display:none}.screen h1{font-weight:300;letter-spacing:.35em;text-transform:uppercase;font-size:1.1rem;margin:0 0 .5rem;color:var(--bone)}.screen .subtitle{color:var(--muted);font-size:.85rem;line-height:1.5;margin:0 0 1.5rem;max-width:28ch}.screen label{display:block;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}.screen input,.screen textarea{width:100%;background:var(--ash);border:1px solid #2a2a35;color:var(--bone);padding:.85rem 1rem;font-size:1rem;border-radius:2px;margin-bottom:1rem;outline:none}.screen input:focus,.screen textarea:focus{border-color:var(--accent)}.screen textarea{min-height:6rem;resize:none;font-family:inherit;line-height:1.45}.btn-row{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}button.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--bone);background:transparent;color:var(--bone);padding:1rem 1.25rem;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;min-height:52px;cursor:pointer}button.btn.primary{background:var(--bone);color:var(--bg);border-color:var(--bone)}button.btn.accent{border-color:var(--accent);color:var(--accent)}button.btn:disabled{opacity:.35;cursor:not-allowed}.char-count{font-size:.75rem;color:var(--muted);text-align:right;margin:-.5rem 0 1rem}.char-count.bad{color:var(--danger)}.hud{position:absolute;top:calc(12px + var(--safe-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hud .spares{color:var(--bone)}.hud .act{color:var(--accent)}.message-card{position:absolute;left:16px;right:16px;bottom:calc(88px + var(--safe-bottom));background:#0a0a10e0;border:1px solid rgba(126,200,212,.35);padding:.85rem 1rem;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.message-card.visible{opacity:1;transform:translateY(0)}.message-card .from{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.35rem}.message-card .body{font-size:.9rem;line-height:1.45;color:var(--bone);font-weight:300}.scoreboard-list{list-style:none;margin:0 0 1rem;padding:0;max-height:50dvh;overflow:auto}.scoreboard-list li{border-bottom:1px solid #22222c;padding:.75rem 0;cursor:pointer}.scoreboard-list .name{color:var(--accent);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.scoreboard-list .snip{color:var(--muted);font-size:.85rem;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fan-note{position:absolute;bottom:calc(10px + var(--safe-bottom));left:0;right:0;text-align:center;font-size:.6rem;letter-spacing:.08em;color:#555;pointer-events:none}