*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#05060f;overflow:hidden;font-family:ui-rounded,system-ui,sans-serif}#root{display:flex;justify-content:center;align-items:center}.game-frame{position:relative;width:min(390px,100vw);height:min(600px,100vh)}.hud{position:absolute;top:12px;left:12px;z-index:5;display:flex;gap:14px;background:#1c1f38d9;border:1px solid #2e3358;border-radius:999px;color:#e8e4f0;font-size:14px;font-weight:700;padding:6px 16px;pointer-events:none}.hint{position:absolute;bottom:12px;left:0;right:0;z-index:5;text-align:center;color:#7d81a8;font-size:11px;pointer-events:none}.toast{position:absolute;bottom:44px;left:50%;transform:translate(-50%);z-index:6;background:#f5f0dc;color:#1c1f38;font-weight:700;font-size:13px;padding:8px 18px;border-radius:999px;white-space:nowrap;animation:toastIn 2.2s ease both}@keyframes toastIn{0%{opacity:0;translate:0 8px}10%,80%{opacity:1;translate:0 0}to{opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#05060fd9;display:flex;align-items:center;justify-content:center}.panel{background:#1c1f38;border:2px solid #2e3358;border-radius:14px;color:#e8e4f0;text-align:center;padding:26px 30px;max-width:300px}.panel h1{font-size:20px;color:#f5f0dc;margin-bottom:8px}.panel p{font-size:13px;color:#a9adcc;margin-bottom:16px}.btn{background:#f5f0dc;color:#1c1f38;font-weight:800;font-size:14px;border:none;border-radius:999px;padding:10px 26px;cursor:pointer}