:root{--bg: #f5f4ef;--bg-deep: #ebe8e0;--ink: #1a1917;--ink-soft: #3d3b36;--muted: #6f6b63;--line: rgba(26, 25, 23, .1);--panel: rgba(255, 254, 250, .88);--panel-solid: #fffefa;--accent: #c96442;--accent-soft: #e8a48a;--good: #2f6f4e;--warn: #b36b1a;--bad: #b42318;--shadow: 0 8px 30px rgba(26, 25, 23, .08);--radius: 14px;--font: "DM Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#1c1b19;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#title-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#1c1b1973;backdrop-filter:blur(10px)}.title-card{width:min(440px,calc(100% - 2rem));background:var(--panel-solid);border:1px solid var(--line);border-radius:20px;padding:2rem 1.75rem 1.5rem;box-shadow:var(--shadow);text-align:center}.title-logo{width:52px;height:52px;margin:0 auto .85rem;border-radius:14px;background:#fff;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.title-logo img{width:100%;height:100%;object-fit:cover;display:block}.eyebrow{font-size:.72rem;letter-spacing:.02em;color:var(--muted);margin-bottom:.65rem}h1{font-size:clamp(1.8rem,5vw,2.25rem);font-weight:700;letter-spacing:-.03em;color:var(--ink);margin-bottom:.65rem}.tagline{color:var(--muted);line-height:1.55;font-size:.95rem;margin-bottom:1.4rem}#start-btn{font-family:var(--font);font-weight:600;font-size:.95rem;padding:.8rem 1.5rem;border:none;border-radius:999px;background:var(--ink);color:#f7f5ef;cursor:pointer;transition:transform .12s,background .12s}#start-btn:hover{transform:translateY(-1px);background:#2a2825}.hint{margin-top:1rem;font-size:.78rem;color:var(--muted)}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud button,#hud .upgrade,#hud .side-panel{pointer-events:auto}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem}.brand{display:flex;align-items:center;gap:.55rem;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.45rem .85rem .45rem .5rem;box-shadow:var(--shadow);backdrop-filter:blur(12px);text-decoration:none;color:inherit;pointer-events:auto}.mobile-only{display:none}.desktop-only{display:block}.tap-zone{display:none;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(220px,56vw);height:min(220px,56vw);border-radius:50%;border:2px dashed rgba(255,255,255,.35);background:#fffefa1f;backdrop-filter:blur(6px);color:#fff;font-family:var(--font);cursor:pointer;pointer-events:auto;z-index:12;align-items:center;justify-content:center;flex-direction:column;-webkit-tap-highlight-color:transparent;touch-action:none;box-shadow:0 8px 32px #0003;transition:background .12s,transform .12s,border-color .12s}.tap-zone:active,.tap-zone.holding{background:#c9644259;border-color:#ffffffb3;transform:translate(-50%,-50%) scale(.96)}.tap-zone-ring{position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}.tap-zone-label{position:relative;font-size:.78rem;font-weight:700;letter-spacing:.08em;line-height:1.35;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.45);pointer-events:none}.ship-btn{display:none;position:absolute;right:.85rem;bottom:calc(.85rem + env(safe-area-inset-bottom,0px));z-index:14;pointer-events:auto;font-family:var(--font);font-weight:700;font-size:.95rem;letter-spacing:.08em;padding:.95rem 1.35rem;border:none;border-radius:999px;background:var(--ink);color:#f7f5ef;box-shadow:0 8px 24px #00000040;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ui-toggle{display:none;position:absolute;left:.85rem;bottom:calc(.85rem + env(safe-area-inset-bottom,0px));z-index:20;pointer-events:auto;font-family:var(--font);font-weight:600;font-size:.78rem;letter-spacing:.04em;padding:.7rem .95rem;border:1px solid var(--line);border-radius:999px;background:var(--panel-solid);color:var(--ink);box-shadow:var(--shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ui-toggle[aria-pressed=true]{background:var(--ink);color:#f7f5ef;border-color:transparent}.ship-btn.ready{background:var(--accent);box-shadow:0 8px 28px #c9644273;animation:ship-pulse 1.2s ease-in-out infinite}@keyframes ship-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.brand-mark{width:28px;height:28px;border-radius:8px;background:#141413;color:#f0eee6;display:grid;place-items:center;font-size:.85rem}.logo{font-weight:650;font-size:.88rem;letter-spacing:-.02em;line-height:1.1}.logo-sub{font-size:.65rem;color:var(--muted)}.stats-row{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.stat{min-width:78px;padding:.4rem .65rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.stat-label{display:block;font-size:.62rem;color:var(--muted);margin-bottom:.1rem;font-weight:500}.stat-value{font-family:var(--mono);font-size:.88rem;font-weight:600;color:var(--ink)}.meters{position:absolute;top:4.6rem;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 2rem));display:flex;flex-direction:column;gap:.45rem}.meter{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.55rem .75rem;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.meter-head{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-bottom:.35rem;font-weight:500}.meter-track{height:8px;background:#1a191714;border-radius:999px;overflow:hidden}.meter-fill{height:100%;width:0%;border-radius:999px;transition:width .08s linear}.meter-fill.ship{background:linear-gradient(90deg,#c96442,#d4a017)}.meter-fill.limit{background:linear-gradient(90deg,#d4a017,#b42318)}.side-panel{position:absolute;top:4.6rem;right:.9rem;width:min(268px,calc(100% - 1.8rem));max-height:calc(100vh - 7.5rem);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:.85rem;box-shadow:var(--shadow);backdrop-filter:blur(14px);scrollbar-width:thin}.side-panel h2{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.65rem}.upgrade{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.55rem .6rem;margin-bottom:.45rem;color:var(--ink);font-family:var(--font);cursor:pointer;display:flex;gap:.55rem;align-items:flex-start;transition:border-color .12s,box-shadow .12s,transform .12s}.upgrade-icon{flex-shrink:0;width:36px;height:36px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:var(--bg-deep)}.upgrade-icon svg,.upgrade-icon-img{width:32px;height:32px;display:block;border-radius:8px;object-fit:cover}.upgrade-icon-img--stripe{object-fit:contain;background:#635bff;padding:4px 2px}.upgrade-body{flex:1;min-width:0}#hud.cinematic>*:not(#lockout-overlay):not(#toast-stack):not(#tap-zone):not(#ship-btn):not(#ui-toggle){opacity:0!important;pointer-events:none!important;transition:opacity .25s ease}#hud.cinematic #lockout-overlay:not(.hidden),#hud.cinematic #tap-zone,#hud.cinematic #ship-btn,#hud.cinematic #ui-toggle,#hud.cinematic #toast-stack{opacity:1!important;pointer-events:auto!important}#hud:not(.cinematic)>*{transition:opacity .25s ease}.upgrade:hover:not(:disabled){border-color:#c9644273;box-shadow:0 2px 10px #c964421a;transform:translateY(-1px)}.upgrade:disabled{opacity:.45;cursor:not-allowed}.upgrade.affordable:not(:disabled){border-color:#2f6f4e59}.upgrade-top{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.upgrade-name{font-size:.82rem;font-weight:600}.upgrade-key{font-family:var(--mono);font-size:.62rem;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:.05rem .3rem;height:fit-content;background:var(--bg-deep)}.upgrade-desc{font-size:.7rem;color:var(--muted);line-height:1.35;margin-bottom:.3rem}.upgrade-meta{display:flex;justify-content:space-between;font-size:.72rem;font-family:var(--mono)}.upgrade-cost{color:var(--accent);font-weight:600}.upgrade-lvl{color:var(--muted)}.bottom-hint{position:absolute;bottom:.9rem;left:50%;transform:translate(-50%);font-size:.72rem;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;white-space:nowrap;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.bottom-hint kbd{display:inline-block;padding:.05rem .35rem;border:1px solid var(--line);border-radius:5px;color:var(--ink-soft);font-family:var(--mono);font-size:.65rem;background:#fff}#toast-stack{position:absolute;left:.9rem;bottom:3.2rem;display:flex;flex-direction:column;gap:.35rem;max-width:320px;pointer-events:none}.toast{padding:.55rem .7rem;background:var(--panel-solid);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;font-size:.76rem;color:var(--ink-soft);box-shadow:var(--shadow);animation:toast-in .22s ease-out}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.warn{border-left-color:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#lockout-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#1c1b196b;pointer-events:none;padding:1rem}.tweet-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem .85rem;box-shadow:0 20px 50px #0000002e;color:var(--ink);animation:tweet-pop .28s ease-out}@keyframes tweet-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tweet-head{display:flex;gap:.65rem;align-items:center;margin-bottom:.75rem}.tweet-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid var(--line)}.tweet-avatar img{width:100%;height:100%;object-fit:cover;display:block}.tweet-name-row{display:flex;align-items:center;gap:.35rem}.tweet-name{font-weight:700;font-size:.92rem}.tweet-badge{font-size:.62rem;font-weight:600;color:#fff;background:#1d9bf0;border-radius:4px;padding:.1rem .3rem}.tweet-handle{display:block;font-size:.78rem;color:var(--muted)}.tweet-body{font-size:.95rem;line-height:1.45;margin-bottom:.85rem;white-space:pre-wrap}.tweet-notice{background:#f7f5ef;border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;margin-bottom:.75rem}.notice-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem}.notice-label{font-weight:650;font-size:.85rem;color:var(--bad)}.notice-timer{font-family:var(--mono);font-weight:600;font-size:1.05rem;color:var(--ink)}.notice-sub{font-size:.75rem;color:var(--muted);line-height:1.4}.tweet-foot{display:flex;flex-wrap:wrap;gap:.65rem 1rem;font-size:.72rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.65rem}.combo-display{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;opacity:0;transition:opacity .2s;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.5rem .7rem;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.combo-display.active{opacity:1}#combo-value{font-family:var(--mono);font-size:1.35rem;font-weight:700;color:var(--accent);line-height:1}.combo-label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}@media(max-width:800px){.mobile-only{display:block}.desktop-only{display:none!important}.tap-zone{display:flex}.ship-btn,.ui-toggle{display:block}.top-bar{padding:.55rem;flex-wrap:wrap;gap:.4rem}.stats-row{width:100%;justify-content:stretch}.stat{flex:1;min-width:0;padding:.3rem .4rem}.stat-value{font-size:.75rem}.meters{top:auto;bottom:calc(5.6rem + env(safe-area-inset-bottom,0px));left:.55rem;right:.55rem;width:auto;transform:none}.side-panel{top:5.4rem;right:.45rem;left:auto;width:min(200px,46vw);max-height:38vh;padding:.55rem}.side-panel h2{margin-bottom:.4rem}.upgrade{padding:.4rem;gap:.4rem}.upgrade-icon{width:28px;height:28px}.upgrade-icon svg{width:26px;height:26px}.upgrade-name{font-size:.72rem}.upgrade-desc{font-size:.62rem}.combo-display{display:none}#toast-stack{bottom:calc(9.5rem + env(safe-area-inset-bottom,0px));max-width:calc(100% - 7rem);left:.5rem}.tweet-card{max-height:80vh;overflow-y:auto}#hud:has(#lockout-overlay:not(.hidden)) .tap-zone,#hud:has(#lockout-overlay:not(.hidden)) .ship-btn{opacity:.25;pointer-events:none}#hud:has(#lockout-overlay:not(.hidden)) .ui-toggle{opacity:1;pointer-events:auto}}@media(hover:none)and (pointer:coarse){.mobile-only{display:block}.desktop-only{display:none!important}.tap-zone{display:flex}.ship-btn,.ui-toggle{display:block}}