:root{color:#f8fbff;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#090b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100dvh;position:fixed;inset:0}#game-canvas{z-index:0;background:#090b12;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#ui{z-index:1;pointer-events:none;display:grid;position:fixed;inset:0}.screen{padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));pointer-events:none;place-items:center;display:none;position:fixed;inset:0}.screen.is-active{pointer-events:auto;display:grid}.splash{text-align:center;background:radial-gradient(circle at 50% 32%,#ff701447,#090b1200 36%)}.brand-mark,h1,h2{letter-spacing:0;margin:0;line-height:.95}.brand-mark,h1{text-transform:uppercase;max-width:10ch;font-size:clamp(3rem,15vw,6.4rem)}h2{font-size:2.1rem}p{color:#c9d3e8;margin:14px 0 0}.panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c101cd6;border:1px solid #ffffff24;border-radius:8px;gap:12px;width:min(92vw,390px);padding:20px;display:grid;box-shadow:0 22px 80px #00000061}.wide{width:min(92vw,430px)}.menu-panel{align-self:end;margin-bottom:28px}button{color:#f8fbff;cursor:pointer;touch-action:manipulation;background:#ffffff14;border:1px solid #ffffff2e;border-radius:7px;min-height:48px;padding:0 16px;font:750 1rem/1 system-ui,sans-serif}button:active{transform:translateY(1px)}.primary{color:#160a02;background:linear-gradient(135deg,#ff4500,orange);border-color:#ff9523e0}.segmented{background:#ffffff12;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.segmented button{min-height:44px;padding:0 8px}.segmented .is-selected{color:#0c1220;background:#dbeafe}.hud{top:max(10px, env(safe-area-inset-top));pointer-events:auto;grid-template-columns:62px 1fr 62px 72px 44px;align-items:center;gap:8px;display:none;position:fixed;left:10px;right:10px}.hud.is-active{display:grid}.score,.fire-indicator,.bounce-button,.icon-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c15a8;border:1px solid #ffffff21;border-radius:7px;min-height:44px}.score{place-items:center;line-height:1;display:grid}.score span{font-size:1.45rem;font-weight:900}.score small{color:#aab6cb;font-size:.58rem}.fire-indicator{color:#ffb35c;place-items:center;font-size:.86rem;font-weight:850;display:grid}.fire-indicator.is-live{color:#170a00;background:linear-gradient(135deg,#ff4500,orange);border-color:#ffbe4ce6}.icon-button{padding:0}.bounce-button{color:#f8fbff;background:#34d39938;border-color:#5eead47a;padding:0 10px;font-size:.78rem}.overlay{background:#03050a57}.swatches{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.swatch{place-items:end center;min-height:64px;padding:8px;font-size:.72rem;display:grid}.swatch.is-locked{filter:grayscale(.8);opacity:.58}.swatch.is-selected{outline-offset:2px;outline:2px solid #f8fbff}.slider-row{color:#d8e2f5;grid-template-columns:72px 1fr;align-items:center;min-height:48px;font-weight:750;display:grid}input[type=range]{accent-color:#ff7a18;touch-action:pan-x}@media (width<=430px){.brand-mark,h1{font-size:clamp(2.6rem,14vw,4.8rem)}h2{font-size:1.8rem}.panel{padding:16px}.hud{grid-template-columns:48px minmax(66px,1fr) 48px 56px 38px;gap:6px;left:8px;right:8px}.score,.fire-indicator,.bounce-button,.icon-button{min-height:40px}.score span{font-size:1.2rem}.fire-indicator{font-size:.68rem}.bounce-button{padding:0 6px;font-size:.66rem}}@media (width>=720px){.menu-panel{align-self:center;margin-bottom:0}.hud{width:min(720px,100vw - 32px);left:50%;right:auto;transform:translate(-50%)}}