:root{--ink:#f6f8ff;--muted:#9ba8c9;--cyan:#48dcff;--violet:#927cff;--font-geist-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#060817;min-height:100%;margin:0}body{color:var(--ink);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif}button{font:inherit}.game-page{padding:max(8px, env(safe-area-inset-top)) 10px max(8px, env(safe-area-inset-bottom));background:radial-gradient(circle at 16% 10%,#4160d638,#0000 32%),radial-gradient(circle at 85% 88%,#9157ff2e,#0000 32%),linear-gradient(160deg,#101736 0%,#060817 50%,#0c0920 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.game-shell{flex-direction:column;justify-content:center;align-items:center;width:min(100%,430px);height:100%;min-height:0;display:flex}.game-header,.hud,.control-hint{flex:none;width:min(100%,390px)}.game-header{justify-content:space-between;align-items:center;height:52px;display:flex}.eyebrow{color:var(--cyan);font-family:var(--font-geist-mono), monospace;letter-spacing:.24em;text-transform:uppercase;margin:0 0 1px;font-size:9px;font-weight:700}.game-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(20px,6vw,28px);font-weight:900;line-height:1}.menu-button{color:#dff9ff;height:36px;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;background:#141d42d1;border:1px solid #70d3ff4d;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.menu-button span:first-child{font-family:Arial,sans-serif;font-size:18px;line-height:1}.hud{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101736b8;border:1px solid #83a7ff29;border-radius:14px;grid-template-columns:1fr .7fr 1fr;align-items:center;height:48px;margin-bottom:6px;display:grid;box-shadow:0 10px 35px #00000038,inset 0 1px #ffffff0d}.hud-item{flex-direction:column;justify-content:center;padding:0 13px;display:flex}.hud-center{border-left:1px solid #83a7ff1f;border-right:1px solid #83a7ff1f;align-items:center}.hud-lives{align-items:flex-end}.hud-item>span{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;font-size:8px;font-weight:700}.hud-item strong{font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;margin-top:1px;font-size:16px;line-height:1}.life-dots{gap:5px;margin-top:4px;display:flex}.life{background:#5a79a826;border:1px solid #81d3ff47;border-radius:50%;width:10px;height:10px}.life.active{background:var(--cyan);border-color:#c4f7ff;box-shadow:0 0 9px #48dcffcc}.game-stage{aspect-ratio:390/650;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b1029;border:1px solid #78aeff40;border-radius:18px;flex:none;width:min(100%,60svh - 96px);max-height:calc(100svh - 160px);position:relative;overflow:hidden;box-shadow:0 26px 70px #00000075,0 0 0 1px #38d7ff0f,inset 0 1px #ffffff14}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.game-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0407162e;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay-card{text-align:center;background:linear-gradient(155deg,#1a2553f2,#0c0f2af5);border:1px solid #7dd5ff3b;border-radius:22px;width:min(100%,310px);padding:26px 22px;box-shadow:0 22px 50px #00000073,inset 0 1px #ffffff14}.overlay-card h2{letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(23px,7vw,31px);line-height:1.06}.overlay-card p{color:#b7c4e2;max-width:245px;margin:0 auto 20px;font-size:13px;line-height:1.5}.overlay-card .overlay-kicker{color:var(--cyan);font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;margin-bottom:8px;font-size:9px;font-weight:800}.mini-bricks{justify-content:center;gap:4px;margin-bottom:18px;display:flex}.mini-bricks span{border-radius:2px;width:25px;height:10px;box-shadow:0 0 8px}.intro-card{scrollbar-width:thin;max-height:calc(100% - 20px);overflow-y:auto}.mode-selector{grid-template-columns:repeat(3,1fr);gap:6px;margin:-6px 0 10px;display:grid}.mode-option{color:#91a0c4;min-height:34px;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;background:#416fb21a;border:1px solid #7edaff33;border-radius:9px;padding:0 5px;font-size:8px;font-weight:900}.mode-option.selected{color:#06101e;background:linear-gradient(100deg, var(--cyan), #8af0ff 58%, #a78cff);border-color:#48dcffb8;box-shadow:0 0 14px #48dcff33}.overlay-card .mode-description{color:#91a0c4;min-height:34px;font-family:var(--font-geist-mono), monospace;margin:0 auto 12px;font-size:8px;line-height:1.45}.mode-selector.compact{margin:7px 0 0}.mode-selector.compact .mode-option{min-height:30px;font-size:7px}.leave-game{border-top:1px solid #78c9ff29;margin-top:14px;padding-top:12px}.leave-game>span{color:#8f9cbd;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:8px;font-weight:800;display:block}.leave-game-links{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px;display:grid}.leave-game-link{color:#c9d6f5;min-height:34px;font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-align:center;background:#6378bb14;border:1px solid #93a9eb38;border-radius:10px;place-items:center;padding:4px 6px;font-size:8px;font-weight:800;text-decoration:none;display:grid}.leave-game-link:hover,.leave-game-link:focus-visible{border-color:var(--cyan);color:#fff}.gameover-modes{margin-top:10px}.primary-button,.secondary-button{width:100%;min-height:48px;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;border-radius:12px;font-size:12px;font-weight:900}.primary-button{color:#06101e;background:linear-gradient(100deg, var(--cyan), #8af0ff 52%, #a78cff);border:0;box-shadow:0 10px 28px #48dcff40,inset 0 1px #fffc}.secondary-button{color:#e9efff;background:#6378bb1a;border:1px solid #93a9eb38}.primary-button:active,.secondary-button:active,.menu-button:active,.control-hint button:active{transform:translateY(1px)scale(.99)}.overlay-card .tiny-note{color:#7f8cae;font-family:var(--font-geist-mono), monospace;margin:14px 0 0;font-size:9px}.compact-card{scrollbar-width:thin;max-height:calc(100% - 20px);padding:24px 22px;overflow-y:auto}.compact-card .primary-button{margin-top:2px}.menu-actions{gap:9px;display:grid}.menu-card{scrollbar-width:thin;max-height:calc(100% - 24px);overflow-y:auto}.menu-card .primary-button,.menu-card .secondary-button{min-height:42px}.keybind-settings{background:#03081c59;border:1px solid #78c9ff2e;border-radius:14px;gap:7px;margin-top:14px;padding:12px;display:grid}.keybind-header,.keybind-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.keybind-header>span,.keybind-row>span{color:#9ba8c9;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-align:left;font-size:9px;font-weight:800}.keybind-header button{color:var(--cyan);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;background:0 0;border:0;padding:4px;font-size:8px;font-weight:800}.keybind-button{color:#ecfbff;min-width:104px;min-height:34px;font-family:var(--font-geist-mono), monospace;background:#416fb22e;border:1px solid #7edaff4d;border-radius:9px;font-size:11px;font-weight:900}.keybind-button.listening{border-color:var(--cyan);color:#06101e;background:var(--cyan);font-size:9px;box-shadow:0 0 16px #48dcff4d}.keybind-settings .keybind-note{color:#7f8cae;max-width:none;font-family:var(--font-geist-mono), monospace;margin:2px 0 0;font-size:8px;line-height:1.4}.control-hint{color:#8996b8;align-items:center;gap:8px;height:44px;padding:0 2px;display:flex}.control-hint>span{color:var(--cyan);font-size:19px}.control-hint p{flex:1;margin:0;font-size:10px}.control-hint kbd{color:#c8f7ff;min-width:22px;height:20px;font-family:var(--font-geist-mono), monospace;background:#416fb226;border:1px solid #7edaff40;border-radius:5px;place-items:center;margin-left:3px;font-size:9px;font-weight:800;display:inline-grid}.control-hint button{color:#8c9ac0;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;background:0 0;border:0;padding:7px 5px;font-size:8px;font-weight:700}button:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width>=900px) and (height>=720px) and (orientation:landscape){.game-page{padding:16px}.game-shell{grid-template-rows:auto auto 1fr auto;grid-template-columns:auto 300px;justify-content:center;align-items:stretch;gap:14px 24px;width:min(100vw - 32px,1700px);height:calc(100svh - 32px);display:grid}.game-stage{border-radius:22px;grid-area:1/1/-1;align-self:stretch;width:auto;height:100%;max-height:none;box-shadow:0 34px 90px #00000085,0 0 0 1px #38d7ff14,0 0 70px #4e5eff1a,inset 0 1px #ffffff14}.game-header,.hud,.control-hint{width:300px}.game-header{grid-area:1/2;height:58px}.game-header h1{font-size:29px}.eyebrow{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.hud{grid-area:2/2;margin:0}.control-hint{border-top:1px solid #7edaff1f;grid-area:4/2;height:auto;min-height:50px}.overlay-card{width:min(100%,380px);padding:32px 30px}.overlay-card h2{font-size:34px}.overlay-card p{max-width:300px;font-size:14px}.mode-option{min-height:39px;font-size:9px}.primary-button,.secondary-button{min-height:54px}}@media (height<=620px){.game-header{height:42px}.hud{height:42px;margin-bottom:4px}.game-stage{width:min(100%,60svh - 79.2px);max-height:calc(100svh - 132px)}.control-hint{height:38px}.overlay-card{padding:18px}.overlay-card p{margin-bottom:14px}}@media (hover:none) and (pointer:coarse){.keybind-settings{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}