:root{color:#f6f8ff;font-synthesis:none;text-rendering:optimizelegibility;background:#020611;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #89a4ff}.app-shell{isolation:isolate;background:radial-gradient(circle at 50% 4%,#4366d940,#0000 38%),linear-gradient(150deg,#030817 0%,#01040c 62%,#07122a 100%);place-items:center;min-height:100%;padding:0;display:grid;position:relative}.ambient{z-index:-1;filter:blur(100px);opacity:.12;border-radius:50%;width:34rem;height:34rem;position:fixed}.ambient-one{background:#517fff;top:-20rem;left:-14rem}.ambient-two{background:#22eaa2;bottom:-22rem;right:-18rem}.game-frame{background:#030817;width:min(100vw,50vh,490px);height:min(100vh,200vw,980px);min-height:620px;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000008c,inset 0 0 0 1px #9db1ff14}.phaser-host,.phaser-host canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.canvas-loader{background:linear-gradient(#07122b,#020611);position:absolute;inset:0}.phaser-host canvas{display:block}.topbar{z-index:30;width:100%;padding:max(14px, env(safe-area-inset-top)) 16px 8px;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:absolute;top:0;left:0}.icon-button,.close-button{color:#eaf0ff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b142eb8;border:1px solid #a0b3ef33;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #ffffff12}.icon-button:hover,.close-button:hover{background:#182853e6}.topbar-spacer{width:42px}.mini-brand{letter-spacing:.16em;justify-content:center;align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:flex}.brand-mark{align-items:flex-end;gap:3px;height:30px;display:inline-flex}.brand-mark i{background:linear-gradient(#b2bfff,#6683ff);border-radius:3px;width:8px;display:block;box-shadow:0 0 18px #6989ff8c}.brand-mark i:first-child{height:17px}.brand-mark i:nth-child(2){height:28px}.brand-mark i:nth-child(3){background:linear-gradient(#8bffd0,#25d78e);height:22px}.brand-mark.small{gap:2px;height:16px}.brand-mark.small i{border-radius:2px;width:4px}.brand-mark.small i:first-child{height:9px}.brand-mark.small i:nth-child(2){height:15px}.brand-mark.small i:nth-child(3){height:12px}.screen{z-index:20;padding:88px 26px max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#0308178c,#030817f7 76%),repeating-linear-gradient(90deg,#0000 0 19px,#6381e609 20px),repeating-linear-gradient(0deg,#0000 0 19px,#6381e609 20px);flex-direction:column;display:flex;position:absolute;inset:0}.home-screen{justify-content:space-between}.hero-copy{margin-top:clamp(46px,11vh,110px)}.eyebrow{color:#7f9aff;letter-spacing:.25em;font-size:.68rem;font-weight:800}.brand-lockup{align-items:center;gap:14px;margin:14px 0 12px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.06em;font-size:clamp(2.35rem,10vw,3.25rem);line-height:1}.hero-copy p{color:#aab5d4;max-width:330px;font-size:.94rem;line-height:1.75}.power-preview{gap:10px;display:grid}.power-chip{background:#091128b8;border:1px solid #869ce124;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;min-height:58px;padding:8px 14px 8px 9px;display:grid}.power-chip b{color:#cfd8f3;font-size:.82rem}.power-chip em{font-size:1rem;font-style:normal;font-weight:900}.power-chip.blue em{color:#80a4ff}.power-chip.yellow em{color:#ffc657}.dot-icon{border-radius:50%;justify-content:center;align-items:center;gap:3px;width:38px;height:38px;display:flex}.blue .dot-icon{background:#4c79ff33;border:1px solid #7198ff}.yellow .dot-icon{background:#ffb6322e;border:1px solid #f9b63d}.dot-icon i{background:#fff;border-radius:50%;width:4px;height:4px}.home-actions{gap:10px;display:grid}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:0 20px;display:flex}.primary-button{color:#071027;background:linear-gradient(115deg,#a9b7ff,#7390ff 55%,#59e6b1);font-weight:900;box-shadow:0 14px 38px #5175ff47,inset 0 1px #fffc}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}.secondary-button{color:#d8e0fa;background:#0b142cc2;border:1px solid #879ee12e;font-weight:700}.secondary-button span{color:#7f8dac;font-size:.74rem;font-weight:600}.home-meta{color:#697795;letter-spacing:.08em;justify-content:center;align-items:center;gap:9px;font-size:.66rem;font-weight:700;display:flex}.home-meta i{background:#536385;border-radius:50%;width:3px;height:3px}.hud{z-index:16;top:max(66px, calc(env(safe-area-inset-top) + 52px));pointer-events:none;grid-template-columns:1fr 1.4fr 1fr;gap:8px;display:grid;position:absolute;left:18px;right:18px}.hud-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040b1d9e;border:1px solid #7f95d51c;border-radius:12px;flex-direction:column;min-width:0;padding:9px 10px;display:flex}.hud-item span{color:#7684a4;letter-spacing:.14em;font-size:.58rem;font-weight:800}.hud-item strong{color:#dce4ff;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.84rem;overflow:hidden}.hud-item.score{text-align:center}.game-stats-bottom{z-index:15;right:18px;bottom:max(18px, env(safe-area-inset-bottom));color:#697896;letter-spacing:.16em;pointer-events:none;justify-content:space-between;font-size:.58rem;font-weight:800;display:flex;position:absolute;left:18px}.game-stats-bottom b{color:#e2e8fa;font-size:.8rem}.launch-prompt{z-index:18;bottom:max(132px, calc(env(safe-area-inset-bottom) + 112px));justify-items:center;gap:10px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.launch-prompt span{color:#8492b3;white-space:nowrap;font-size:.68rem}.launch-prompt button{color:#f0f3ff;cursor:pointer;background:#2c4082c2;border:1px solid #a2b3ff61;border-radius:999px;padding:11px 24px;font-size:.78rem;font-weight:800;box-shadow:0 8px 28px #3752b047}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01040dbd;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal-card{text-align:center;background:linear-gradient(155deg,#111d42f7,#050b1dfa);border:1px solid #8ba2ed33;border-radius:28px;width:min(100%,340px);padding:28px;box-shadow:0 28px 70px #00000085,inset 0 1px #ffffff12}.modal-card h2{margin:10px 0 8px;font-size:1.75rem}.modal-card p{color:#8f9bb9;margin-bottom:24px;font-size:.82rem;line-height:1.65}.primary-button.compact{justify-content:center;min-height:50px;margin-top:14px}.text-button{color:#8998ba;cursor:pointer;background:0 0;border:0;margin-top:16px;font-size:.74rem}.status-banner{z-index:25;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050c1fe0;border:1px solid #8aa2ee33;border-radius:18px;flex-direction:column;gap:3px;width:max-content;max-width:84%;padding:15px 24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-banner span{color:#85a1ff;letter-spacing:.14em;font-size:.65rem;font-weight:800}.status-banner strong{font-size:1rem}.status-banner.level-clear span{color:#4ce9a6}.result-score{gap:2px;margin:22px 0;display:grid}.result-score span{color:#7f8eae;font-size:.68rem}.result-score strong{letter-spacing:-.06em;font-size:2.6rem}.result-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-grid span{color:#7483a3;background:#ffffff09;border-radius:12px;gap:3px;padding:11px;font-size:.62rem;display:grid}.result-grid b{color:#d8e1fc;font-size:.8rem}.records-screen{overflow-y:auto}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{margin-top:7px;font-size:1.8rem}.close-button{font-size:1.45rem}.best-card{background:linear-gradient(135deg,#526fdc3d,#2fdc9a14);border:1px solid #6f8fff3d;border-radius:22px;gap:5px;margin:28px 0 18px;padding:22px;display:grid}.best-card>span{color:#91a6ec;letter-spacing:.13em;font-size:.66rem;font-weight:800}.best-card>strong{letter-spacing:-.05em;font-size:2.5rem}.best-card div{color:#8795b5;justify-content:space-between;font-size:.72rem;display:flex}.best-card em{font-style:normal}.record-list{gap:8px;padding-bottom:20px;display:grid}.record-row{background:#081025bf;border:1px solid #8297d31a;border-radius:15px;grid-template-columns:1.15fr 1fr .8fr;gap:10px;padding:13px 14px;display:grid}.record-row div{gap:3px;min-width:0;display:grid}.record-row div:not(:first-child){text-align:right}.record-row strong{color:#dbe3ff;font-size:.92rem}.record-row b{color:#b9c5e6;font-size:.72rem}.record-row span{color:#6f7c9a;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.empty-records{color:#73809f;flex:1;align-content:center;place-items:center;gap:16px;display:grid}.compat-error{z-index:60;right:16px;bottom:max(16px, env(safe-area-inset-bottom));color:#ffd9d9;background:#46141ef0;border:1px solid #ff898947;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.7rem;display:flex;position:absolute;left:16px}.compat-error button{color:#fff;cursor:pointer;background:0 0;border:0}.desktop-hint{color:#5f6d89;font-size:.7rem;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@media (max-width:560px){.game-frame{width:100vw;height:100dvh;min-height:0;box-shadow:none}.desktop-hint{display:none}.screen{padding-left:22px;padding-right:22px}}@media (max-height:700px){.hero-copy{margin-top:18px}.hero-copy p{font-size:.78rem}.power-preview{gap:6px}.power-chip{min-height:50px}.home-meta{display:none}.screen{padding-top:68px}}@media (orientation:landscape) and (max-height:600px){.game-frame{width:min(50vw,50vh);height:100dvh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}