:root{--bg: #1a2b6b;--panel: #2743a0;--gold: #f5b02e;--cream: #fff3d6;--red: #e34040;--ink: #1d1d2e}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);overflow:hidden}#root{display:flex;justify-content:center;align-items:center;font-family:ui-rounded,Comic Sans MS,system-ui,sans-serif;overflow:hidden}.game-frame{position:relative;width:min(640px,100vw);height:min(480px,100vh)}.ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#1a2b6beb;color:var(--cream);text-align:center;z-index:10}.ui-overlay h1{font-size:42px;color:var(--gold);text-shadow:3px 3px 0 var(--ink)}.ui-btn{font-size:18px;font-weight:800;padding:12px 36px;border:3px solid var(--ink);border-radius:999px;background:var(--gold);color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink)}.ui-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.hud{position:absolute;top:10px;left:10px;z-index:5;background:var(--panel);border:2px solid var(--ink);border-radius:8px;color:var(--cream);font-weight:800;padding:6px 12px;pointer-events:none}