.gameover{background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gameover-popup{box-sizing:border-box;width:var(--popup-w);min-height:var(--popup-h);padding:calc(16 * var(--u));background:var(--surface);box-shadow:0 0 0 3px var(--edge), 0 8px 0 #0000004d;text-align:center;border-radius:24px;flex-direction:column;justify-content:space-around;align-items:center;display:flex}.gameover-title{font-size:calc(48 * var(--u));margin:0;font-weight:900}.gameover-subtitle{font-size:max(1rem, var(--subtitle));margin:0;font-weight:700}.gameover-score{font-size:max(2rem, calc(64 * var(--u)));color:var(--accent);margin:0;font-weight:900;line-height:1}.gameover-popup .btn-orange{background:var(--bg)}.gameover-buttons{gap:calc(21 * var(--u));display:flex}.landing{justify-content:center;align-items:center;gap:calc(21 * var(--u));background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0}.landing-title{margin:0 0 calc(24 * var(--u));font-size:calc(72 * var(--u));letter-spacing:-.02em;font-weight:900}.btn{min-width:var(--btn-w);min-height:var(--btn-h);color:var(--fg);font-size:max(1.25rem, calc(32 * var(--u)));box-shadow:0 5px 0 #0000004d, 0 0 0 3px var(--edge);text-shadow:0 2px #00000040;border:0;border-radius:999px;font-weight:800}.btn:active{box-shadow:0 1px 0 #0000004d, 0 0 0 3px var(--edge);transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}.btn-green{background:var(--accent);color:var(--edge);text-shadow:none}.btn-orange{background:var(--surface)}.menu-btn{top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 8px);background:var(--accent);width:44px;height:44px;box-shadow:0 0 0 3px var(--edge), 0 4px 0 #0000004d;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:absolute}.menu-bars,.menu-bars:before,.menu-bars:after{background:var(--edge);border-radius:2px;width:20px;height:3px;display:block}.menu-bars{position:relative}.menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0}.menu-bars:before{top:-7px}.menu-bars:after{top:7px}.menu-btn:active{transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.menu-btn:active{transform:none}}.pause{background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-popup{align-items:center;gap:calc(16 * var(--u));padding:calc(24 * var(--u)) calc(40 * var(--u));background:var(--surface);box-shadow:0 0 0 3px var(--edge), 0 8px 0 #0000004d;border-radius:24px;flex-direction:column;display:flex}.pause-popup .btn-orange{background:var(--bg)}.pause-title{font-size:calc(48 * var(--u));margin:0;font-weight:900}.settings{justify-content:center;align-items:center;gap:calc(21 * var(--u));background:var(--bg);flex-direction:column;display:flex;position:absolute;inset:0}.settings-title{font-size:calc(48 * var(--u));margin:0;font-weight:900}.settings-row{min-height:44px;font-size:max(1.25rem, calc(28 * var(--u)));align-items:center;gap:12px;font-weight:700;display:flex}.settings-box{width:32px;height:32px;margin:6px}.update{z-index:20;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);background:var(--surface);box-shadow:0 0 0 3px var(--edge);border-radius:999px;align-items:center;gap:16px;padding:8px 16px;display:flex;position:fixed;transform:translate(-50%)}.update-text{margin:0}.update-buttons{gap:8px;display:flex}:root{--bg:#18213a;--fg:#fff;--edge:#0f1527;--accent:#ffc23d;--surface:#24304d;--u:min(calc(100vw / 1024), calc(100dvh / 576));--popup-w:calc(680 * var(--u));--popup-h:calc(300 * var(--u));--btn-w:calc(250 * var(--u));--btn-h:max(44px, calc(85 * var(--u)));--subtitle:calc(24 * var(--u))}html,body{background:var(--bg);height:100dvh;color:var(--fg);accent-color:var(--accent);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#stage{background:var(--bg);width:100%;height:100dvh;position:fixed;inset:0}#ui{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}#ui>*{pointer-events:auto}:where(#ui) button{min-width:44px;min-height:44px;font-size:1.25rem}#rotate{z-index:10;background:var(--bg);text-align:center;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}@media (orientation:portrait){#rotate{display:flex}}