:root{--bg:#141a36;--ink:#fff6e4;--muted:#b9b6d3;--gold:#ffc76a;--btn:#5ea35a;--btn-ink:#fff;--pad:16px;color:var(--ink);background:var(--bg);font-family:Rubik,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}.app{height:100%;position:relative}.stage{touch-action:manipulation;position:absolute;inset:0}.hud{z-index:2;padding:calc(env(safe-area-inset-top) + 12px) var(--pad) 8px;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.who{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.who b{white-space:nowrap;text-overflow:ellipsis;font-family:Bitter,serif;font-size:16px;overflow:hidden}.tag{color:var(--muted);background:#ffffff1f;border-radius:8px;align-self:flex-start;padding:2px 8px;font-size:12px}.cur{background:#0000004d;border-radius:12px;align-items:center;min-height:44px;padding:0 12px;font-size:16px;font-weight:700;display:flex}.hint{z-index:2;padding:8px var(--pad) calc(env(safe-area-inset-bottom) + 16px);text-align:center;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.hint h1{color:var(--gold);margin:0 0 4px;font:800 22px Bitter,serif}.hint p{color:var(--muted);margin:0;font-size:14px}.center{text-align:center;height:100%;padding:var(--pad);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.muted{color:var(--muted)}.btn{background:var(--btn);min-width:120px;min-height:44px;color:var(--btn-ink);cursor:pointer;border:0;border-radius:12px;padding:0 24px;font:600 16px Rubik,sans-serif}
