: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-image:linear-gradient(180deg,#0503160d,#10052c3d),url(/cosmic-arena-bg.png);background-size:cover;background-position:center top}#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}.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)}}.ball-queue{position:absolute;z-index:8;left:max(12px,env(safe-area-inset-left));right:max(70px,calc(env(safe-area-inset-right) + 58px));bottom:max(17px,env(safe-area-inset-bottom));height:52px;display:flex;align-items:stretch;overflow:hidden;border:1px solid rgba(125,225,255,.72);border-radius:15px;background:linear-gradient(180deg,#0e0d3de6,#050520f0);box-shadow:inset 0 1px #ffffff24,inset 0 -8px 18px #210c5361,0 0 18px #3cb4ff47;backdrop-filter:blur(8px);transition:opacity .22s}.ball-queue-label{flex:0 0 42px;display:grid;place-content:center;border-right:1px solid rgba(119,220,255,.34);color:#8deeff;font:900 7px/1.05 Segoe UI,sans-serif;letter-spacing:.12em;text-align:center;text-shadow:0 0 8px #37ceff}.ball-queue-track{min-width:0;display:flex;align-items:center;gap:5px;padding:5px 7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x}.ball-queue-track::-webkit-scrollbar{display:none}.ball-slot{--orb: #55dcff;position:relative;flex:0 0 34px;height:40px;display:grid;place-items:center;border:1px solid var(--orb);border:1px solid color-mix(in srgb,var(--orb) 68%,white);border-radius:11px;color:#fff;background:#09082ceb;background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--orb) 34%,transparent),#09082ceb 66%);box-shadow:inset 0 0 10px #55dcff2e,0 0 8px #55dcff38;box-shadow:inset 0 0 10px color-mix(in srgb,var(--orb) 22%,transparent),0 0 8px color-mix(in srgb,var(--orb) 28%,transparent);scroll-snap-align:start}.ball-slot small{position:absolute;left:4px;top:2px;color:#ddf2ffc7;font:800 7px/1 Segoe UI,sans-serif}.ball-slot i{color:var(--orb);font:900 19px/1 Segoe UI Symbol,Segoe UI,sans-serif;font-style:normal;text-shadow:0 0 5px var(--orb),0 0 12px var(--orb)}.ball-slot b{position:absolute;right:-3px;bottom:-2px;padding:1px 3px;border:1px solid #fff0a0;border-radius:5px;color:#2a1245;background:#ffd25c;font:900 7px/1 Segoe UI,sans-serif;box-shadow:0 0 7px #ffb13b}.ball-slot-bomb{--orb: #ff5a6f}.ball-slot-laser{--orb: #ffd34f}.ball-slot-verticalLaser{--orb: #5aa8ff}.ball-slot-pierce{--orb: #62ff9b}.ball-slot.powered{border-color:#ffe476}.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}.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}.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}}
