:root{color-scheme:dark;font-family:Copperplate,Trebuchet MS,Verdana,sans-serif;line-height:1.4;font-weight:400;color:#f8ebe3;background:radial-gradient(circle at top,rgba(195,57,41,.28),transparent 35%),linear-gradient(180deg,#120f18,#090b12 48%,#05070c);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(14, 18, 29, .88);--panel-border: rgba(255, 155, 120, .16);--accent: #ff6e5d;--accent-soft: rgba(255, 110, 93, .18);--good: #79d17b;--warn: #ffb454;--muted: #9ca8b6;--shadow: 0 20px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input{font:inherit}.app-shell{display:grid;gap:1.2rem;min-height:100vh;padding:clamp(1rem,3vw,1.75rem)}.game-column,.control-column{display:grid;gap:1rem}.hero-panel,.status-card,.auth-card,.viewport-card{position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:24px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel:after,.status-card:after,.auth-card:after,.viewport-card:after{content:"";position:absolute;inset:auto -10% -55% auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,110,93,.2),transparent 65%);pointer-events:none}.hero-panel{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem}.eyebrow,.card-label,.mini-label{margin:0 0 .35rem;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}.hero-panel h1,.auth-card h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:.94}.hero-copy,.notice,.install-copy{margin:.6rem 0 0;max-width:38rem;color:#d8dce3}.viewport-card{min-height:62vh;padding:.75rem}.game-frame{position:relative;min-height:58vh;border-radius:20px;overflow:hidden;background:radial-gradient(circle at top,rgba(255,151,128,.09),transparent 40%),linear-gradient(180deg,#111723,#06080d)}.game-stage{width:100%;height:100%;min-height:58vh}.hud-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:space-between;padding:1rem;pointer-events:none}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.hud-pill,.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#06080db8}.status-pill--ready{color:#cff7d1;background:#2a5b2f47}.status-pill--warn{color:#ffe1b0;background:#6a441647}.status-pill--muted{color:#ccd4dd;background:#171d27d9}.hud-button{pointer-events:auto;border:1px solid rgba(255,140,116,.25);background:linear-gradient(180deg,#91281f,#5b1715);color:#fff8f3;padding:.85rem 1rem;border-radius:18px;min-width:8rem}.hud-button--ghost,.install-button{border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:inherit;padding:.85rem 1rem;border-radius:18px}.control-column{align-content:start}.status-card,.auth-card{padding:1.2rem}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1rem 0 0}.status-grid dt{margin-bottom:.25rem;color:var(--muted);font-size:.8rem}.status-grid dd{margin:0}.deliverable-list,.perk-list{margin:1rem 0 0;padding-left:1.1rem;color:#d8dce3}.deliverable-list li,.perk-list li{margin-bottom:.4rem}.auth-card{display:grid;gap:1rem}.auth-form{display:grid;gap:.75rem}.auth-form input{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.8rem .9rem;background:#06080db3;color:inherit}.auth-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.action-stack{display:grid;gap:.65rem}.ghost-stack{display:flex;gap:.65rem;flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button{border-radius:14px;padding:.85rem .95rem;cursor:pointer}.primary-button{border:1px solid rgba(255,150,124,.28);background:linear-gradient(180deg,#b53b31,#771f1b);color:inherit}.secondary-button{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit}.ghost-button{border:1px dashed rgba(255,255,255,.16);background:transparent;color:inherit}.notice{font-size:.92rem}.notice--warn{color:#ffd39e}.notice--good{color:#c7f2cb}.install-copy{max-width:18rem}@media(min-width:1024px){.app-shell{grid-template-columns:minmax(0,2fr) minmax(320px,.9fr);align-items:start}}@media(max-width:640px){.hero-panel{flex-direction:column}.status-grid,.auth-row{grid-template-columns:1fr}.hud-top,.hud-bottom{flex-direction:column;align-items:stretch}.hud-button,.hud-button--ghost,.install-button{width:100%}}