:root{color-scheme:dark;font-family:Yu Gothic UI,Microsoft YaHei UI,Hiragino Sans,sans-serif;background:#050316}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;user-select:none;background:#050316}#app{position:relative;background:#050316}#app:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(circle at 50% 45%,transparent 0 38%,rgba(3,1,18,.22) 100%),linear-gradient(180deg,rgba(77,44,161,.08),transparent 42%,rgba(3,1,20,.22))}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.hidden{opacity:0!important;pointer-events:none!important}.loading-screen{position:absolute;z-index:100;inset:0;display:flex;flex-direction:column;justify-content:center;padding:10%;color:#dffaff;background:radial-gradient(circle at 70% 24%,rgba(91,49,207,.36),transparent 34%),linear-gradient(155deg,#050316,#0d0730 58%,#071638);transition:opacity .28s ease,visibility .28s ease}.loading-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(102,229,255,.08) 4px)}.loading-screen.ready{opacity:0;visibility:hidden;pointer-events:none}.loading-mark{position:relative;font:900 clamp(42px,13vw,68px)/.9 Impact,"Arial Black",sans-serif;font-style:italic;letter-spacing:-.045em;text-shadow:0 0 12px #45dfff,5px 6px 0 #241071}.loading-mark span{color:#ff5db9;text-shadow:0 0 12px #ff3f9e}.loading-copy{position:relative;display:flex;justify-content:space-between;align-items:end;margin-top:48px;color:#8eefff;font:800 9px/1 Segoe UI,sans-serif;letter-spacing:.2em}.loading-copy strong{color:#fff2a5;font-size:20px;letter-spacing:.04em;text-shadow:0 0 10px #ff9f43}.loading-track{position:relative;height:12px;margin-top:10px;overflow:hidden;border:1px solid rgba(132,226,255,.75);background:#03031ccc;box-shadow:inset 0 0 12px #1c0b5de6,0 0 18px #35cbff38;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.loading-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4c35e7,#42dcff 68%,#fff1a2);box-shadow:0 0 15px #49dcff;transition:width .12s linear}.loading-screen>small{position:relative;margin-top:10px;color:#aecfeca3;font:700 7px/1 Segoe UI,sans-serif;letter-spacing:.24em}.loading-retry{position:relative;align-self:flex-start;margin-top:24px;padding:12px 24px;border:1px solid #7eeaff;color:#fff;background:#4021adb8;font:900 11px/1 inherit;letter-spacing:.18em;cursor:pointer}.primary-button:disabled{cursor:wait;filter:grayscale(.5) brightness(.65)}.hud{position:absolute;z-index:5;left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:start;transition:opacity .25s;text-transform:uppercase}.hud-stat,.hud-score{display:flex;flex-direction:column}.hud .right{text-align:right}.hud-score{text-align:center}.hud span{color:#38676b;font-size:10px;font-weight:800;letter-spacing:.15em;text-shadow:0 1px 4px rgba(255,255,255,.9)}.hud strong{color:#fff;font-size:22px;letter-spacing:.06em;line-height:1.1;text-shadow:0 2px 0 #358aa8,0 3px 10px rgba(32,100,117,.35)}.hud small{min-height:12px;color:#247562;font-size:10px;font-weight:800;letter-spacing:.08em;text-shadow:0 1px 3px #fff}.hud-score strong{color:#fff7bc;text-shadow:0 2px 0 #e49d3f,0 4px 10px rgba(109,88,31,.24)}.combo-display{position:absolute;z-index:7;left:50%;top:13.5%;min-width:170px;transform:translate(-50%) rotate(-3deg);display:flex;flex-direction:column;align-items:center;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(96,55,255,.42));transition:opacity .15s}.combo-display span{position:relative;z-index:2;margin-bottom:-8px;padding:3px 16px;border:2px solid #fff;border-radius:999px;color:#fff;background:linear-gradient(180deg,#6bd7ec,#399fc8);box-shadow:inset 0 2px #fff9,0 4px #277a9f;font-size:13px;font-weight:1000;font-style:italic;letter-spacing:.18em;text-shadow:0 2px 0 #277a9f}.combo-display strong{position:relative;z-index:1;color:#fff8aa;font-size:clamp(54px,17vw,84px);font-weight:1000;font-style:italic;line-height:.9;letter-spacing:-.05em;-webkit-text-stroke:3px #f47c46;paint-order:stroke fill;text-shadow:0 5px 0 #d8523d,0 10px 22px rgba(219,74,51,.35),0 0 18px rgba(255,231,91,.75)}.combo-pop{animation:combo-pop .3s cubic-bezier(.18,1.7,.38,1)}.combo-fire:before,.combo-fire:after{content:"";position:absolute;z-index:0;left:50%;bottom:-9px;width:118px;height:110px;transform:translate(-50%);border-radius:52% 48% 46% 54%;background:radial-gradient(ellipse at 50% 88%,#fff7a1 0 14%,#ffba39 15% 31%,#ff643d 32% 53%,transparent 55%),radial-gradient(ellipse at 28% 70%,#ff9a2f 0 24%,transparent 26%),radial-gradient(ellipse at 74% 65%,#ff5a31 0 27%,transparent 29%);filter:blur(2px) drop-shadow(0 0 14px #ff6a32);animation:combo-flame .42s ease-in-out infinite alternate}.combo-fire:after{width:82px;height:138px;opacity:.72;animation-duration:.31s;animation-direction:alternate-reverse}@keyframes combo-pop{0%{transform:translate(-50%) scale(.55) rotate(6deg)}62%{transform:translate(-50%) scale(1.22) rotate(-5deg)}to{transform:translate(-50%) scale(1) rotate(-3deg)}}@keyframes combo-flame{0%{transform:translate(-50%) scale(.9,1.03) rotate(-2deg)}to{transform:translate(-50%) scale(1.08,.92) rotate(3deg)}}.panel{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:max(42px,env(safe-area-inset-top)) 9% max(36px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#e0f9ff2e,#f0ffda4d);backdrop-filter:blur(3px) saturate(1.08) brightness(1.04);-webkit-backdrop-filter:blur(3px) saturate(1.08) brightness(1.04);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .45s,transform .45s}.panel.active{opacity:1;pointer-events:auto;transform:none}.panel:after{content:"";position:absolute;top:9%;right:7%;width:62px;height:62px;border-radius:50%;background:#ffed80b8;box-shadow:0 0 0 10px #ffffff2e;pointer-events:none}.eyebrow{color:#338b78;font-size:11px;letter-spacing:.25em;font-weight:900;margin-bottom:16px;text-shadow:0 1px #fff}.eyebrow.danger{color:#e76f55}h1{color:#fff;font-size:clamp(62px,19vw,90px);line-height:.86;letter-spacing:-.04em;margin:0;font-style:normal;font-weight:900;text-shadow:0 4px 0 #4ba8c8,0 8px 20px rgba(41,119,135,.22)}h1 em{color:#fff3a0;font-style:normal;-webkit-text-stroke:0;filter:none;text-shadow:0 4px 0 #eaa94f,0 8px 18px rgba(145,106,41,.18)}.panel p{color:#315f61;font-size:14px;font-weight:700;line-height:1.8;margin:26px 0;letter-spacing:.05em;text-shadow:0 1px 2px rgba(255,255,255,.8)}.best{border:2px solid rgba(255,255,255,.72);border-left:5px solid #75c45e;border-radius:18px;padding:12px 15px;color:#4a716c;font-size:11px;font-weight:800;letter-spacing:.12em;background:#ffffffa8;box-shadow:inset 0 2px #fff,0 7px #47976433,0 12px 25px #326f5c26}.best strong{color:#e8884b;font-size:18px;margin-left:8px}.primary-button{position:relative;overflow:hidden;isolation:isolate;border:2px solid rgba(255,255,255,.88);border-radius:25px;margin:34px 3px 7px;min-height:68px;padding:0 13px 0 25px;color:#fff;background:linear-gradient(145deg,#93dd71,#69c95d 48%,#50ae59);display:flex;justify-content:space-between;align-items:center;font:900 17px inherit;letter-spacing:.12em;text-shadow:0 2px 0 rgba(51,125,59,.5);box-shadow:inset 0 3px #ffffff94,inset 0 -10px 18px #2881352e,0 7px #3f914a,0 14px 30px #3177453d;transform:translateY(-2px);transition:transform .12s,filter .2s,box-shadow .12s;cursor:pointer}.primary-button:before{content:"";position:absolute;z-index:-1;left:5%;right:5%;top:3px;height:42%;border-radius:11px 11px 50% 50%;background:linear-gradient(180deg,#ffffff59,#fff0);pointer-events:none}.primary-button:hover{filter:saturate(1.18) brightness(1.08)}.primary-button:active{transform:translateY(5px);box-shadow:inset 0 2px #ffffff73,inset 0 -7px 15px #2881352e,0 1px #3f914a,0 7px 18px #31774533}.primary-button b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.65);background:#f8c95e;box-shadow:inset 0 2px #ffffff80,0 3px #d9983e;font-size:24px}.panel small{text-align:center;margin-top:20px;color:#47776f;font-weight:700;letter-spacing:.08em}.game-over{text-align:center}.game-over h2{font-size:40px;margin:0 0 20px}.game-over p{margin:0}.victory-screen{position:absolute;z-index:30;inset:0;overflow:hidden;color:#fff;background:#020313;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s;cursor:pointer}.victory-screen.active{opacity:1;visibility:visible;pointer-events:auto}.victory-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025);animation:victory-drift 9s ease-out both}.victory-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,2,18,.18),transparent 39%,rgba(2,2,20,.12) 56%,rgba(2,2,18,.9) 100%),radial-gradient(circle at 50% 48%,transparent 42%,rgba(1,2,18,.3))}.victory-manga,.victory-manga>i{position:absolute;inset:0;pointer-events:none}.victory-manga{z-index:1;overflow:hidden}.manga-speed-lines{opacity:0;background:repeating-conic-gradient(from -12deg at 50% 43%,transparent 0deg 3.6deg,rgba(255,255,255,.62) 3.8deg 4.05deg,transparent 4.3deg 8deg);mix-blend-mode:screen;mask-image:radial-gradient(circle at 50% 43%,transparent 0 19%,#000 62%,transparent 100%);-webkit-mask-image:radial-gradient(circle at 50% 43%,transparent 0 19%,#000 62%,transparent 100%)}.manga-halftone{opacity:0;background-image:radial-gradient(circle,rgba(4,3,28,.9) 0 1.15px,transparent 1.35px);background-size:7px 7px;mix-blend-mode:multiply;mask-image:linear-gradient(135deg,#000,transparent 47%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 47%)}.manga-slash{opacity:0;inset:-20% -45%;background:#fffffff5;box-shadow:0 0 26px #fff,0 0 55px #55dfff;transform:translate(-80%) rotate(-13deg) scaleY(.035)}.manga-slash-b{background:#754cff;box-shadow:0 0 20px #8f6bff,0 0 50px #ff64ca;transform:translate(90%) rotate(17deg) scaleY(.018)}.manga-flash{opacity:0;background:#fff;mix-blend-mode:screen}.victory-screen.manga-transition>img{animation:manga-image-in .82s cubic-bezier(.15,.75,.18,1) both,victory-drift 9s .82s ease-out both}.victory-screen.manga-transition .victory-copy{animation:manga-copy-in .62s .3s cubic-bezier(.18,1.25,.3,1) both}.victory-screen.manga-transition .manga-speed-lines{animation:manga-lines .7s ease-out both}.victory-screen.manga-transition .manga-halftone{animation:manga-dots .82s ease-out both}.victory-screen.manga-transition .manga-slash-a{animation:manga-slash-a .58s ease-out both}.victory-screen.manga-transition .manga-slash-b{animation:manga-slash-b .64s .06s ease-out both}.victory-screen.manga-transition .manga-flash{animation:manga-flash .46s ease-out both}.victory-copy{position:absolute;z-index:2;left:7%;right:7%;bottom:max(65px,calc(env(safe-area-inset-bottom) + 45px));padding:17px 18px 15px;border-left:3px solid #71eaff;background:linear-gradient(90deg,rgba(4,6,34,.88),rgba(7,5,35,.54) 76%,transparent);box-shadow:-8px 0 25px #3dd0ff33;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.victory-copy .eyebrow{margin-bottom:7px;color:#9cefff;font-size:9px}.victory-copy h2{margin:0;color:#fff;font:1000 clamp(29px,9vw,47px)/.96 "Segoe UI",sans-serif;letter-spacing:-.04em;text-shadow:0 0 10px #47cfff,0 0 28px rgba(99,71,255,.75)}.victory-copy p{max-width:90%;margin:10px 0 14px;color:#d8eaff;font:650 11px/1.5 Segoe UI,sans-serif;letter-spacing:.04em}.victory-progress{width:calc(100% - 56px);height:3px;overflow:hidden;background:#7fcdff38}.victory-progress i{display:block;width:25%;height:100%;background:linear-gradient(90deg,#55eaff,#8666ff,#ff70c3);box-shadow:0 0 10px #64ddff;transition:width .4s ease}.victory-copy small{position:absolute;right:18px;bottom:11px;color:#8bc7ea;font:800 9px/1 Segoe UI,sans-serif;letter-spacing:.1em}.victory-next{position:absolute;z-index:2;right:7%;bottom:max(21px,env(safe-area-inset-bottom));color:#d3f1ffbd;font:800 8px/1 Segoe UI,sans-serif;letter-spacing:.14em;animation:victory-prompt 1.2s ease-in-out infinite alternate}@keyframes victory-drift{0%{transform:scale(1.025) translateY(0)}to{transform:scale(1.09) translateY(-1.2%)}}@keyframes victory-prompt{0%{opacity:.45}to{opacity:1;text-shadow:0 0 9px #61ddff}}@keyframes manga-image-in{0%{opacity:.12;transform:scale(1.22) rotate(-1.5deg);filter:contrast(1.8) saturate(.25);clip-path:polygon(0 0,0 0,0 100%,0 100%)}43%{opacity:1;filter:contrast(1.35) saturate(1.35);clip-path:polygon(0 0,72% 0,48% 100%,0 100%)}to{opacity:1;transform:scale(1.025) rotate(0);filter:contrast(1) saturate(1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes manga-copy-in{0%{opacity:0;transform:translate(-22%) skew(-8deg) scale(1.08)}to{opacity:1;transform:none}}@keyframes manga-lines{0%{opacity:0;transform:scale(.35) rotate(-8deg)}22%{opacity:.88}to{opacity:0;transform:scale(1.35) rotate(2deg)}}@keyframes manga-dots{0%{opacity:.72;transform:translate(-8%,-5%) scale(1.18)}65%{opacity:.26}to{opacity:0;transform:none}}@keyframes manga-slash-a{0%{opacity:0;transform:translate(-80%) rotate(-13deg) scaleY(.035)}20%{opacity:1}to{opacity:0;transform:translate(75%) rotate(-13deg) scaleY(.012)}}@keyframes manga-slash-b{0%{opacity:0;transform:translate(90%) rotate(17deg) scaleY(.018)}25%{opacity:.9}to{opacity:0;transform:translate(-75%) rotate(17deg) scaleY(.008)}}@keyframes manga-flash{0%,16%{opacity:.82}to{opacity:0}}@media(prefers-reduced-motion:reduce){.victory-screen.manga-transition>img,.victory-screen.manga-transition .victory-copy,.victory-screen.manga-transition .victory-manga>i{animation-duration:.01ms!important}}.final-score{font-size:52px;color:#f5a954;text-shadow:0 3px 0 #fff;margin-bottom:28px}.result-row{display:flex;justify-content:space-between;padding:12px 2px;border-bottom:1px solid rgba(48,111,90,.14);color:#4a716c}.result-row b{color:#315f61}.icon-button{position:absolute;z-index:12;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:44px;height:44px;border-radius:50%;color:#3e806d;background:#ffffffc7;border:2px solid rgba(255,255,255,.92);box-shadow:0 4px #36805c33;font-size:17px;backdrop-filter:blur(6px);cursor:pointer}.icon-button.muted{color:#e36d59}.speed-button{position:absolute;z-index:6;left:50%;bottom:max(78px,calc(env(safe-area-inset-bottom) + 60px));transform:translate(-50%);border:2px solid #fff;border-radius:18px;color:#fff;padding:9px 17px;background:#67bf5a;box-shadow:0 4px #408e47;font:800 12px inherit;letter-spacing:.08em;transition:opacity .25s;cursor:pointer}.insurance-button{position:absolute;z-index:7;left:max(16px,env(safe-area-inset-left));bottom:max(78px,calc(env(safe-area-inset-bottom) + 60px));min-height:42px;padding:0 16px 0 20px;border:1px solid rgba(152,235,255,.82);clip-path:polygon(0 9px,9px 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));color:#e9fbff;background:linear-gradient(105deg,#211a7bf0,#1d84b7eb);box-shadow:inset 4px 0 #61efff,0 0 20px #46bcff61;font:900 10px/1 inherit;letter-spacing:.12em;text-shadow:0 0 8px #4ddfff;cursor:pointer;transition:opacity .2s,filter .2s,transform .12s}.quit-button{position:absolute;z-index:8;top:max(68px,calc(env(safe-area-inset-top) + 54px));right:max(13px,env(safe-area-inset-right));min-height:30px;padding:0 11px;border:1px solid rgba(255,108,137,.72);color:#ffd8df;background:linear-gradient(110deg,#4b082dd6,#911545c7);box-shadow:inset 3px 0 #ff527d,0 0 14px #ff2d6947;clip-path:polygon(0 7px,7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);font:900 8px/1 Segoe UI,sans-serif;letter-spacing:.12em;text-shadow:0 0 7px #ff4d7a;cursor:pointer}.quit-button:active{transform:scale(.96);filter:brightness(1.35)}.insurance-button:hover{filter:brightness(1.2)}.insurance-button:active{transform:translateY(2px)}.aim-hint{position:absolute;z-index:5;left:0;right:0;bottom:max(82px,calc(env(safe-area-inset-bottom) + 66px));text-align:center;color:#315f61;font-size:11px;font-weight:800;letter-spacing:.1em;text-shadow:0 1px 2px #fff;transition:opacity .25s;pointer-events:none}.danger-label{position:absolute;z-index:5;left:4%;top:76%;color:#e9644e;font-size:8px;font-weight:900;letter-spacing:.18em;transform:rotate(-90deg);transform-origin:left;opacity:.9}#rotate-notice{display:none;position:absolute;z-index:50;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#8ad9f7;color:#32786d;letter-spacing:.12em}#rotate-notice span{font-size:48px}@media(orientation:landscape)and (max-height:600px){#rotate-notice{display:flex}}@media(min-width:700px){#app{max-width:560px;margin:auto;box-shadow:0 0 80px #357c7059}body{background:#b9ecfa}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hud span{color:#9fc9ff;text-shadow:0 1px 8px rgba(74,173,255,.8)}.hud strong{color:#fff;text-shadow:0 0 8px #4fbdff,0 0 20px rgba(97,69,255,.7)}.hud small{color:#a8edff;text-shadow:0 0 8px rgba(52,211,255,.8)}.hud-score strong{color:#fff1a8;text-shadow:0 0 8px #ffb84c,0 0 22px rgba(255,111,65,.58)}.combo-display strong{color:#fff;-webkit-text-stroke:3px #703cff;text-shadow:0 3px 0 #321c9d,0 0 12px #35d8ff,0 0 30px rgba(129,63,255,.9)}.panel{padding-left:9%;padding-right:9%;background:radial-gradient(circle at 82% 15%,rgba(124,76,255,.14),transparent 28%),linear-gradient(180deg,#05031729,#09041e6b);backdrop-filter:blur(2px) saturate(1.22);-webkit-backdrop-filter:blur(2px) saturate(1.22)}.panel:before{content:"";position:absolute;z-index:-1;inset:16% 5.5% 12%;border:1px solid rgba(127,204,255,.2);border-radius:32px;background:linear-gradient(145deg,#18134961,#0b062533);box-shadow:inset 0 1px #ffffff1a,0 28px 70px #00001457,0 0 40px #4b2abe1a}.panel:after{top:10%;right:8%;width:74px;height:74px;background:radial-gradient(circle at 35% 35%,#c8f7ff,#4ab9ff 13%,#4924a8 49%,#09051e 73%);box-shadow:0 0 18px #51d5ff,0 0 54px #6738ffbf,inset -10px -9px 17px #00000fa6}.eyebrow{color:#7ee9ff;text-shadow:0 0 12px rgba(51,213,255,.85)}h1{color:#fff;letter-spacing:-.065em;-webkit-text-stroke:1px rgba(214,246,255,.48);text-shadow:0 0 10px rgba(255,255,255,.65),0 0 28px rgba(50,194,255,.8),0 8px 30px rgba(40,16,115,.72)}h1 em{color:transparent;background:linear-gradient(180deg,#fff,#9eeaff 27%,#a676ff 62%,#ff72c8);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 12px rgba(94,181,255,.9));text-shadow:none}.panel p{color:#c3d8f7;text-shadow:0 2px 10px rgba(0,0,20,.8)}.best{border-color:#8bd0ff5c;border-left-color:#61dcff;color:#b8caec;background:#140e3ea8;box-shadow:inset 0 1px #ffffff24,0 7px #3018708c,0 0 30px #444bd138}.best strong{color:#ffcf70;text-shadow:0 0 12px rgba(255,170,61,.75)}.primary-button{border-color:#bce7ffbf;background:linear-gradient(145deg,#674dff,#5031cf 46%,#28158a);text-shadow:0 2px 0 rgba(26,8,92,.75);box-shadow:inset 0 3px #ffffff47,inset 0 -12px 22px #11035261,0 7px #211171,0 0 28px #4851ff80}.primary-button:before{background:linear-gradient(180deg,rgba(140,231,255,.3),transparent)}.primary-button b{background:radial-gradient(circle at 35% 32%,#fff5c1,#ffb442 38%,#f05398 74%);box-shadow:inset 0 2px #fff9,0 3px #9c2f78,0 0 15px #ff59bfbf}.panel small,.result-row{color:#aebfe2}.result-row b{color:#e5f6ff}.icon-button{color:#9beaff;background:#120a3ab8;border-color:#9be2ff8c;box-shadow:0 4px #1e1063b3,0 0 18px #41a6ff4d}.speed-button{background:linear-gradient(180deg,#714eff,#3a21a8);box-shadow:0 4px #211071,0 0 18px #5f47ff80}.aim-hint{color:#b8ecff;text-shadow:0 0 9px #3f9dff,0 2px 8px #050316}#rotate-notice{background:#09051f;color:#a9e9ff}@media(min-width:700px){body{background:#050316}#app{box-shadow:0 0 90px #4b31bc80}}h1{position:relative;width:max-content;max-width:100%;font-family:Impact,Arial Black,Segoe UI Black,sans-serif;font-size:clamp(64px,18vw,88px);line-height:.76;letter-spacing:-.035em;transform:skewY(-2deg)}h1 em{display:inline-block;margin-top:.12em;font-size:.72em;letter-spacing:-.025em}h1:after{content:"COSMIC RICOCHET // ARCADE PROTOCOL";display:block;width:100%;margin-top:17px;padding-top:8px;border-top:2px solid rgba(89,221,255,.68);color:#9cecff;font:800 8px/1.2 Segoe UI,sans-serif;letter-spacing:.24em;text-shadow:0 0 9px #3baeff;transform:skewY(2deg)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:25px;height:2px;background:#6fe8ff;box-shadow:0 0 9px #57cfff}.best{border-radius:3px;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.primary-button{min-height:66px;border:1px solid rgba(173,231,255,.8);border-radius:0;padding:0 18px 0 23px;clip-path:polygon(0 14px,14px 0,calc(100% - 27px) 0,100% 27px,100% 100%,27px 100%,0 calc(100% - 27px));background:linear-gradient(105deg,#201071,#5535e9 46%,#1d71bd);box-shadow:inset 0 1px #ffffff59,inset 0 -13px 24px #04033061;filter:drop-shadow(0 9px 12px rgba(33,16,113,.5))}.primary-button:before{left:-20%;right:auto;top:0;width:38%;height:100%;border-radius:0;background:linear-gradient(100deg,transparent,rgba(131,239,255,.3),transparent);transform:skew(-18deg);animation:button-scan 2.4s ease-in-out infinite}.primary-button:after{content:"";position:absolute;left:12px;top:12px;width:5px;height:calc(100% - 24px);background:#62e8ff;box-shadow:0 0 10px #35d9ff}.primary-button span{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.primary-button span i{color:#8eefff;font:800 8px/1 Segoe UI,sans-serif;font-style:normal;letter-spacing:.24em;text-shadow:0 0 7px #42caff}.primary-button b{width:auto;height:auto;padding-left:16px;border:0;border-left:1px solid rgba(157,231,255,.42);border-radius:0;color:#fff;background:transparent;box-shadow:none;font:300 31px/1 Segoe UI,sans-serif;text-shadow:0 0 12px #68e3ff}.primary-button:hover{filter:brightness(1.14) drop-shadow(0 9px 18px rgba(76,84,255,.65))}.primary-button:active{transform:translateY(3px) scale(.99);box-shadow:inset 0 1px 18px #070330a6}.speed-button{border-radius:2px;clip-path:polygon(0 7px,7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px))}.game-over h2{color:#eef9ff;font-size:clamp(30px,9vw,42px);letter-spacing:-.04em;text-shadow:0 0 18px rgba(90,197,255,.65)}@keyframes button-scan{0%,25%{transform:translate(-140%) skew(-18deg);opacity:0}45%{opacity:1}72%,to{transform:translate(420%) skew(-18deg);opacity:0}}#menu{justify-content:flex-end;padding:max(44px,env(safe-area-inset-top)) 7% max(42px,env(safe-area-inset-bottom));background-image:linear-gradient(180deg,#0302100f,#0403180a,#04031742 62%,#02010fd1),url(/void-strike-home-poster.png);background-repeat:no-repeat;background-size:100% 100%,auto 108%;background-position:center,50% 48%;backdrop-filter:none;-webkit-backdrop-filter:none;animation:poster-drift 12s ease-in-out infinite alternate}#menu:before{inset:0;border:0;border-radius:0;background:linear-gradient(90deg,rgba(3,3,22,.56) 0%,rgba(5,4,26,.13) 56%,transparent 78%),radial-gradient(circle at 25% 61%,rgba(28,63,142,.18),transparent 34%);box-shadow:inset 0 -120px 120px #01010c80}#menu:after{display:none}#menu .eyebrow{align-self:flex-start;margin:0 0 10px;padding:5px 10px 5px 0;color:#91efff;background:linear-gradient(90deg,rgba(20,66,132,.36),transparent)}#menu h1{font-size:clamp(60px,17vw,82px);filter:drop-shadow(0 8px 20px rgba(0,0,18,.85))}#menu h1:after{margin-top:13px;color:#d4f7ff;border-top-color:#59ddffd6}#menu p{width:68%;margin:18px 0 14px;color:#e1ebff;font-size:10px;line-height:1.7;letter-spacing:.09em}#menu .best{width:58%;padding:9px 12px;color:#cbd7f2;background:linear-gradient(90deg,#0f0e38d6,#1817536b);border-color:#77d8ff80;backdrop-filter:blur(5px)}#menu .best strong{display:block;margin:2px 0 0;font-size:19px}#menu .primary-button{align-self:flex-start;box-sizing:border-box;width:72%;min-height:76px;margin:20px 0 7px;padding:0 16px 0 29px;border:2px solid rgba(175,239,255,.96);border-radius:10px;outline:1px solid rgba(77,174,255,.58);outline-offset:3px;clip-path:none;background:radial-gradient(circle at 74% 50%,rgba(255,55,157,.3),transparent 31%),linear-gradient(108deg,#08082e,#17105a,#4f20c4 68%,#172f86);box-shadow:inset 0 3px #bef4ff52,inset 0 -15px 28px #03021ec2,inset 11px 0 20px #2ddaff1f,0 0 0 1px #050930e6,0 0 18px #52cdff5c;filter:drop-shadow(0 10px 0 rgba(12,7,63,.72)) drop-shadow(0 0 18px rgba(70,161,255,.62)) drop-shadow(0 0 34px rgba(129,43,255,.38));animation:launch-pressure 2.3s ease-in-out infinite}#menu .primary-button:before{left:-34%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08) 22%,rgba(100,235,255,.75) 50%,rgba(255,83,196,.28) 67%,transparent);animation-duration:1.85s}#menu .primary-button:after{left:9px;top:12px;width:8px;height:calc(100% - 24px);background:linear-gradient(180deg,#8ff5ff 0 34%,#ff5abe 35% 69%,#fff0a0 70%);box-shadow:0 0 8px #53e8ff,0 0 18px #ff3db1d9}#menu .primary-button span{gap:3px;font-size:17px;letter-spacing:.15em}#menu .primary-button span i{color:#8eefff;font-size:8px;letter-spacing:.3em}#menu .primary-button span:after{content:"ORBITAL FIRE CONTROL";color:#c3dcffbd;font:700 6px/1 Segoe UI,sans-serif;letter-spacing:.2em}#menu .primary-button b{align-self:stretch;display:grid;place-items:center;min-width:53px;margin:8px 0;padding:0 0 0 12px;border-left:1px solid rgba(170,230,255,.38);color:#fff;background:linear-gradient(135deg,transparent 0 28%,rgba(255,58,160,.34) 29% 72%,transparent 73%);font-size:37px;text-shadow:0 0 8px #fff,0 0 18px #ff52c4}#menu .primary-button:hover{filter:brightness(1.15) drop-shadow(0 10px 0 rgba(12,7,63,.72)) drop-shadow(0 0 26px rgba(67,218,255,.8)) drop-shadow(0 0 42px rgba(255,55,179,.46))}#menu .primary-button:active{transform:translateY(7px) scale(.985);filter:brightness(1.26) drop-shadow(0 3px 0 rgba(12,7,63,.8)) drop-shadow(0 0 22px rgba(255,69,185,.75))}#menu>small{width:68%;margin-top:13px;color:#b9d8ef;font-size:9px;text-align:left;text-shadow:0 0 9px rgba(66,194,255,.75)}@keyframes poster-drift{0%{background-position:center,48% 51%}to{background-position:center,52% 44%}}@keyframes launch-pressure{0%,to{border-color:#a0e7ffdb}50%{border-color:#ff98e1f2}}#menu .strike-title{isolation:isolate;width:min(105%,530px);margin:1px 0 2px -2%;color:transparent;font-size:clamp(76px,20.5vw,112px);line-height:.72;letter-spacing:-.07em;transform:skewY(-4deg) rotate(-1deg);background:radial-gradient(ellipse at 43% 48%,rgba(1,3,24,.9) 0,rgba(4,5,35,.72) 42%,rgba(7,4,30,.2) 68%,transparent 78%);filter:drop-shadow(0 13px 4px rgba(0,0,18,.82)) drop-shadow(0 0 24px rgba(67,191,255,.58))}#menu .strike-title .title-void,#menu .strike-title em{position:relative;z-index:2;display:block;width:max-content;color:transparent;background:linear-gradient(176deg,#fff 0 15%,#dcfbff 28%,#7ce8ff 49%,#318fff 72%,#174ac8);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:3px rgba(235,253,255,.98);paint-order:stroke fill;text-shadow:4px 5px 0 #071541,8px 10px 0 rgba(2,1,24,.92),0 0 18px rgba(74,218,255,.72)}#menu .strike-title .title-void{color:#67d7ff;-webkit-text-fill-color:#67d7ff;transform:scaleX(1.13) skew(-8deg);transform-origin:left bottom}#menu .strike-title .title-void>span,#menu .strike-title .strike-word>span{display:inline-block;margin-right:.035em}#menu .strike-title .title-void>span:last-child,#menu .strike-title .strike-word>span:last-child{margin-right:0}#menu .strike-title em{margin:.28em 0 0 .12em;color:transparent;font-size:.72em;letter-spacing:0;background-image:linear-gradient(178deg,#fffdf0 0 12%,#fff0a8 25%,#ffc348 45%,#ff643d 70%,#dc165f);color:#ff7948;-webkit-text-fill-color:#ff7948;-webkit-text-stroke-color:rgba(255,248,215,.98);filter:drop-shadow(4px 6px 0 rgba(35,4,48,.95)) drop-shadow(0 0 10px rgba(255,112,71,.95)) drop-shadow(0 0 25px rgba(255,50,122,.7));transform:scaleX(1.17) skew(-10deg);transform-origin:left top}#menu .strike-title em b{margin-right:.04em;color:#8ff6ff;-webkit-text-fill-color:#8ff6ff;-webkit-text-stroke:1px #eaffff;text-shadow:0 0 7px #3ce7ff,0 0 20px #437cff}#menu .strike-title .strike-word{display:inline-flex;letter-spacing:0}#menu .strike-title:after{position:relative;z-index:3;width:92%;margin:18px 0 0 2%;padding-top:7px;border-top:2px solid rgba(114,232,255,.9);box-shadow:0 -3px 12px #3acfff47;color:#dffaff;font-size:8px;letter-spacing:.27em}#menu .strike-title .title-fx{position:absolute;z-index:0;inset:-34% -16% -38% -18%;pointer-events:none;transform:skewY(4deg) rotate(1deg)}#menu .strike-title .title-fx:before{content:"";position:absolute;inset:3% 5% 7% 0;border-radius:50%;background:conic-gradient(from 198deg,transparent 0 5%,#ff3c9d 7%,#fff0a0 9%,transparent 12% 19%,#814eff 21%,#52e9ff 25%,transparent 29% 39%,#ffffff 41%,#58dfff 43%,#5f63ff 48%,transparent 52% 61%,#ff54bb 64%,transparent 68% 76%,#ffb347 79%,#ff436f 82%,transparent 86% 93%,#65efff 96%,transparent 99%);-webkit-mask:radial-gradient(ellipse,transparent 0 44%,#000 45.5% 47.5%,transparent 49% 57%,#000 59% 62%,transparent 64%);mask:radial-gradient(ellipse,transparent 0 44%,#000 45.5% 47.5%,transparent 49% 57%,#000 59% 62%,transparent 64%);filter:drop-shadow(0 0 5px #62ebff) drop-shadow(0 0 14px rgba(110,73,255,.95));transform-origin:48% 51%;animation:title-arc-spin 8.6s cubic-bezier(.45,.04,.55,.96) infinite}#menu .strike-title .title-arc-secondary{position:absolute;inset:8% 11% 12% 7%;border-radius:50%;background:conic-gradient(from 24deg,transparent 0 13%,rgba(116,235,255,.95) 15% 19%,transparent 21% 36%,rgba(151,91,255,.88) 39% 43%,transparent 46% 63%,rgba(255,91,181,.9) 66% 69%,transparent 72% 88%,rgba(255,217,96,.9) 91% 94%,transparent 97%);-webkit-mask:radial-gradient(ellipse,transparent 0 61%,#000 63% 65%,transparent 67%);mask:radial-gradient(ellipse,transparent 0 61%,#000 63% 65%,transparent 67%);filter:drop-shadow(0 0 4px #5eeaff) drop-shadow(0 0 11px rgba(126,76,255,.82));transform-origin:52% 47%;animation:title-arc-counter 6.7s ease-in-out infinite}#menu .strike-title .title-fx:after{content:"";position:absolute;left:37%;top:42%;width:43%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 4deg,rgba(255,255,255,.92) 0 1deg,transparent 1.5deg 13deg),radial-gradient(circle,#fff 0 2%,#72edff 5%,rgba(79,116,255,.62) 13%,rgba(255,50,158,.18) 29%,transparent 65%);-webkit-mask:radial-gradient(circle,#000 0 33%,transparent 68%);mask:radial-gradient(circle,#000 0 33%,transparent 68%);mix-blend-mode:screen;animation:title-detonation 2.8s ease-out infinite}#menu .strike-title .title-fx i{position:absolute;z-index:4;left:73%;top:39%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:-72px -38px #65efff,-25px -55px 0 1px #fff,36px -29px #ffdb68,62px 10px 0 1px #ff4e9c,18px 47px #fff,-46px 42px 0 1px #6edfff,-91px 14px #b983ff;filter:drop-shadow(0 0 5px currentColor);animation:title-shrapnel 2.8s ease-out infinite}#menu .strike-title .title-fx i:last-child{left:28%;top:66%;transform:rotate(165deg) scale(.72);animation-delay:-1.4s}@keyframes title-arc-spin{0%{transform:translate3d(-1.5%,1%,0) rotate(0) scale(1.53,1.29)}18%{transform:translate3d(1%,-1.5%,0) rotate(62deg) scale(1.68,1.44)}38%{transform:translate3d(2%,1%,0) rotate(139deg) scale(1.365,1.62)}56%{transform:translate3d(-1%,2%,0) rotate(205deg) scale(1.605,1.35)}77%{transform:translate3d(-2%,-1%,0) rotate(284deg) scale(1.41,1.68)}to{transform:translate3d(-1.5%,1%,0) rotate(360deg) scale(1.53,1.29)}}@keyframes title-arc-counter{0%,to{transform:rotate(18deg) scale(1.2,.92);opacity:.48}28%{transform:rotate(-92deg) scale(.96,1.18);opacity:.82}57%{transform:rotate(-208deg) scale(1.16,1.04);opacity:.58}81%{transform:rotate(-302deg) scale(1.03,.88);opacity:.9}}@keyframes title-detonation{0%,58%{opacity:0;transform:scale(.15) rotate(0)}63%{opacity:1;transform:scale(1.15) rotate(8deg)}78%,to{opacity:0;transform:scale(1.8) rotate(18deg)}}@keyframes title-shrapnel{0%,57%{opacity:0;transform:scale(.2)}63%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:translate(17px,-13px) scale(.25)}}@media(max-height:720px){#menu .strike-title{font-size:clamp(66px,18vw,90px)}#menu .strike-title:after{margin-top:13px}#menu p{margin-top:12px}}@media(prefers-reduced-motion:reduce){#menu .strike-title .title-fx:before,#menu .strike-title .title-arc-secondary,#menu .strike-title .title-fx:after,#menu .strike-title .title-fx i{animation:none}}.secondary-button{min-height:42px;padding:0 18px;border:1px solid rgba(126,229,255,.58);color:#bfefff;background:#0f0a35c2;box-shadow:inset 0 1px #ffffff1f,0 0 16px #41adff33;font:900 10px/1 inherit;letter-spacing:.14em;cursor:pointer}.panel>.secondary-button{margin:12px 3px 0}.modal-panel{position:absolute;z-index:40;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 6% max(18px,env(safe-area-inset-bottom));background:#030114c2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}.modal-panel.active{opacity:1;visibility:visible;pointer-events:auto}.modal-card{width:min(100%,470px);max-height:100%;overflow-y:auto;padding:25px 22px 22px;border:1px solid rgba(124,220,255,.48);background:radial-gradient(circle at 90% 8%,rgba(114,63,255,.3),transparent 27%),linear-gradient(155deg,#18114efa,#070521fa);box-shadow:inset 0 1px #ffffff21,0 0 42px #4248e16b;clip-path:polygon(0 15px,15px 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.modal-card .eyebrow{margin-bottom:10px}.modal-card h2{margin:0 0 20px;color:#effcff;font:900 25px/1 Impact,Arial Black,sans-serif;letter-spacing:.08em;text-shadow:0 0 14px #4acfff}.leaderboard-head,.leaderboard-list li{display:grid;grid-template-columns:24px minmax(58px,1fr) minmax(62px,.9fr) 64px 34px;gap:5px;align-items:center}.leaderboard-head{padding:0 8px 7px;color:#7398bf;font:800 8px/1 Segoe UI,sans-serif;letter-spacing:.08em}.leaderboard-head span:nth-child(n+4),.leaderboard-list li>span:nth-child(n+4){text-align:right}.leaderboard-list{margin:0 0 18px;padding:0;list-style:none;counter-reset:none}.leaderboard-list li{min-height:32px;padding:6px 8px;border-top:1px solid rgba(126,213,255,.12);color:#93b7d8;font:700 10px/1.2 Segoe UI,sans-serif}.leaderboard-list li:first-child{color:#ffd66e;background:linear-gradient(90deg,rgba(255,173,53,.12),transparent)}.leaderboard-list strong{min-width:0;overflow:hidden;color:#e9faff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list li>span:nth-child(3){min-width:0;overflow:hidden;color:#7899bb;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-empty{margin:36px 0;color:#7f9cbf;font:800 10px/1.5 Segoe UI,sans-serif;letter-spacing:.12em;text-align:center}.leaderboard-card>.secondary-button{width:100%}.name-entry-card p{margin:-8px 0 18px;color:#a9c3df;font-size:13px}.name-result{display:flex;justify-content:space-between;margin-bottom:22px;padding:12px 14px;border:1px solid rgba(111,216,255,.25);color:#83aacc;background:#0807279e;font:800 9px/1 Segoe UI,sans-serif;letter-spacing:.1em}.name-result b{margin-left:6px;color:#ffd170;font-size:13px}.name-entry-card label{display:block;margin-bottom:8px;color:#85dcf4;font:800 9px/1 Segoe UI,sans-serif;letter-spacing:.12em}.name-entry-card input{width:100%;height:52px;padding:0 14px;border:1px solid #65dfff;border-radius:0;outline:none;color:#fff;background:#03031acc;box-shadow:inset 0 0 15px #334ec94d,0 0 12px #34cdff2e;font:700 18px/1 inherit;user-select:text}.name-entry-card input:focus{border-color:#fff09a;box-shadow:0 0 18px #ffce4952}.name-meta{min-height:26px;display:flex;justify-content:space-between;padding-top:7px;color:#7fa1c4;font-size:10px}#name-error{color:#ff8d78}.name-entry-card .primary-button{width:100%;margin:12px 0 4px}@media(max-height:720px){.panel>.secondary-button{min-height:36px;margin-top:9px}.modal-card{padding-top:19px}.leaderboard-list li{min-height:28px;padding-top:4px;padding-bottom:4px}}