.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));text-align:center;background:#25242df2;border-radius:16px;flex-direction:column;justify-content:space-around;align-items:center;display:flex}.gameover-title{font-size:calc(48 * var(--u));margin:0}.gameover-subtitle,.gameover-score{font-size:max(1rem, var(--subtitle));margin:0}.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))}.btn{min-width:var(--btn-w);min-height:var(--btn-h);color:var(--fg);font-size:max(1.25rem, calc(32 * var(--u)));border:0;border-radius:12px;font-weight:700}.btn-green{background:var(--green)}.btn-orange{background:var(--orange)}.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}.settings-row{min-height:44px;font-size:max(1.25rem, calc(28 * var(--u)));align-items:center;gap:12px;display:flex}.settings-box{width:44px;height:44px}.update{z-index:20;left:50%;bottom:calc(env(safe-area-inset-bottom) + 12px);background:var(--panel);border-radius:12px;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:#2c2a36;--panel:#25242d;--fg:#fff;--green:#09d800;--orange:#f27b1a;--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);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:radial-gradient(ellipse at 50% 55%, #3a3848 0%, var(--bg) 60%, #17161d 100%);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}#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}}