:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;--bg: #040505;--panel: rgba(8, 10, 11, .7);--panel-strong: rgba(11, 13, 14, .86);--line: rgba(208, 255, 115, .12);--line-strong: rgba(208, 255, 115, .22);--text: #eff3e7;--muted: #919886;--accent: #d6ff61;--accent-strong: #95d640;--overlay: rgba(0, 0, 0, .82)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:#000;color:var(--text)}body,button,input,select{font:inherit}.play-shell,.play-stage,.engine-frame{width:100%;height:100%}.play-shell{position:relative;background:radial-gradient(circle at 50% 8%,rgba(214,255,97,.1),transparent 26%),linear-gradient(180deg,#0b0c0c,#000 64%)}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.8rem}h1,p{margin-top:0}h1{font-size:clamp(1.55rem,4vw,2.3rem);line-height:.94;margin-bottom:0}.play-stage{position:relative;width:100%;height:100dvh;overflow:hidden;background:#000;isolation:isolate}.engine-frame{display:block;min-height:100dvh;border:0;background:#000}.arena-hud{position:absolute;inset:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) auto max(.75rem,env(safe-area-inset-left));display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.8rem;pointer-events:none;z-index:4}.hud-brand,.status{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #00000047}.hud-brand{padding:.95rem 1rem;border-radius:18px;max-width:min(24rem,calc(100vw - 2rem))}.hud-brand p{margin-bottom:.3rem}.status span{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.82rem}.status{padding:.72rem .9rem;border-radius:16px;background:var(--panel-strong)}.hud-strip{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-self:start}.hud-actions{display:flex;align-items:center;gap:.75rem;justify-content:end;pointer-events:auto}.hud-actions a,.ghost-button{color:var(--accent);text-decoration:none}.ghost-button{border:1px solid var(--line-strong);background:#00000057;min-height:2.7rem;border-radius:999px;padding:0 1rem;cursor:pointer}.rotate-screen{position:absolute;inset:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(180deg,#000000b8,#000000eb),radial-gradient(circle at 50% 18%,rgba(214,255,97,.16),transparent 40%);z-index:5}.rotate-screen-inner{width:min(100%,380px);display:grid;gap:.9rem;text-align:center}.rotate-screen-kicker{margin:0;color:var(--accent);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}.rotate-screen h2,.rotate-screen p{margin:0}.rotate-screen h2{font-size:clamp(1.55rem,6vw,2.2rem);letter-spacing:.03em}.rotate-screen p{color:var(--muted);line-height:1.45}.phase-button{width:100%;padding:1rem 1.2rem;border:1px solid rgba(214,255,97,.28);border-radius:18px;background:linear-gradient(135deg,#d6ff61,#93d93d);color:#0c0f08;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;pointer-events:auto}@supports (height: 1dvh){.play-stage,.engine-frame{min-height:100dvh}}@media(max-width:900px){.arena-hud{grid-template-columns:1fr}.hud-strip,.hud-actions{justify-content:start}}@media(max-width:640px){.arena-hud{inset:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) auto max(.5rem,env(safe-area-inset-left))}.hud-brand{padding:.85rem .9rem}.hud-actions{width:100%;justify-content:space-between;gap:.5rem}.ghost-button,.hud-actions a{font-size:.92rem}.hud-actions a{align-self:center}.status{min-width:0}}