:root{color-scheme:dark;--bg:#09071b;--panel:#12102b;--ink:#f7f5ff;--muted:#9b96bd;--cyan:#64f6ff;--pink:#ff62c7;--gold:#ffe66d;--line:#302c58;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#30215f 0,transparent 42%),var(--bg);color:var(--ink)}body{overflow-x:hidden}.shell{width:min(1180px,100%);margin:auto;padding:16px 22px 12px;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:0 0 13px}.hub-link{color:var(--muted);text-decoration:none;font-size:.75rem;letter-spacing:.08em}.brand{display:flex;align-items:baseline;gap:12px}.brand span,.panel span,.eyebrow,footer{font-size:.65rem;letter-spacing:.16em;color:var(--muted)}.brand strong{font-size:1rem;letter-spacing:.12em}.header-actions{display:flex;gap:8px}button,input{font:inherit}button{border:1px solid var(--line);background:#171430;color:var(--ink);padding:10px 14px;border-radius:4px;cursor:pointer;font-weight:800;letter-spacing:.06em}button:hover,button:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px #64f6ff33}.game-layout{display:grid;grid-template-columns:190px minmax(300px,420px) 190px;gap:24px;justify-content:center;align-items:center;flex:1;padding:18px 0}.panel{display:flex;flex-direction:column;gap:12px}.stat,.split,.act-card,.boss-card,.preview,.pulse-card,.leaderboard{border:1px solid var(--line);background:linear-gradient(145deg,#161332dd,#0e0c24dd);padding:12px;border-radius:6px;box-shadow:0 14px 40px #0004}.stat strong{display:block;font:800 1.7rem/1.1 ui-monospace,monospace;margin-top:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.split div+div{border-left:1px solid var(--line);padding-left:10px}.split strong{display:block;font-size:1.4rem;margin-top:4px}.act-card strong{display:block;color:var(--cyan);font-size:.8rem;margin:8px 0}.act-track,.boss-track,.pulse-track{height:7px;border-radius:10px;background:#060515;overflow:hidden}.act-track i,.boss-track i,.pulse-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 14px currentColor;transition:width .25s}.boss-card{opacity:.55}.boss-card.awake{opacity:1;border-color:#ffe66d66}.boss-card small,.pulse-card small{display:block;color:var(--muted);font-size:.67rem;line-height:1.35;margin-top:8px}.boss-track{margin-top:9px}.boss-track i{width:100%;background:linear-gradient(90deg,#ff6b5f,var(--gold))}.stage{position:relative;width:min(100%,420px);aspect-ratio:1/1.43;border:1px solid #6f65b0;background:#050414;box-shadow:0 0 0 4px #12102b,0 0 70px #6b4dff35;overflow:hidden;border-radius:5px}.stage::before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 90deg,transparent,#64f6ff09,transparent,#ff62c70b,transparent);animation:spin 16s linear infinite}#game{position:relative;width:100%;height:100%;display:block}.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);mix-blend-mode:multiply}.overlay{position:absolute;inset:0;background:#09071bf2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;opacity:0;pointer-events:none;transform:scale(1.04);transition:.25s}.overlay.visible{opacity:1;pointer-events:auto;transform:scale(1)}.overlay h1{font-size:clamp(2.8rem,8vw,5.2rem);line-height:.78;letter-spacing:-.07em;margin:10px 0 22px}.overlay h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 25px #ff62c777}.overlay h2{font-size:2.2rem;margin:8px}.overlay p{max-width:34ch;color:#cbc7e0;line-height:1.45}.keys{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:9px 0 18px}.keys span{font-size:.65rem;background:#1a1736;border:1px solid var(--line);padding:6px 8px;border-radius:3px}.primary{background:linear-gradient(120deg,var(--cyan),#8e7dff);color:#080617;border:0;padding:14px 18px}.paused{display:none;position:absolute;inset:45% 0 auto;text-align:center;font-size:1.6rem;font-weight:900;letter-spacing:.3em;text-shadow:0 0 20px var(--cyan)}.paused.visible{display:block}.combo{position:absolute;z-index:3;top:40%;left:0;right:0;text-align:center;font-size:2.2rem;font-weight:950;color:var(--gold);text-shadow:0 0 24px var(--gold);pointer-events:none;opacity:0;transform:scale(.5)}.combo.pop{animation:combo .7s ease-out}.preview canvas{width:100%;height:auto;display:block}.pulse-card>div:first-child{display:flex;justify-content:space-between}.pulse-track{margin-top:9px}.pulse-track i{background:linear-gradient(90deg,var(--pink),var(--gold))}.leaderboard ol{padding:0;margin:8px 0 0;list-style-position:inside;color:#d8d4e8;font:700 .68rem/1.65 ui-monospace,monospace}.leaderboard li::marker{color:var(--pink)}#score-form{width:100%;max-width:280px;margin:10px 0}#score-form label{font-size:.65rem;color:var(--muted)}#score-form div{display:flex;margin-top:6px}#score-form input{min-width:0;flex:1;background:#0c0a20;border:1px solid var(--line);color:white;padding:12px;text-transform:uppercase}#score-form button{border-radius:0 4px 4px 0}.touch{display:none}.touch-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.touch-actions button{min-height:58px;font-size:.67rem}.touch-actions .drop{background:#34215f}.touch-actions .pulse{background:#5d1f52}.joystick{width:126px;height:126px;border-radius:50%;border:2px solid #635b91;background:#17132d;position:relative;touch-action:none}.joystick::before,.joystick::after{content:"";position:absolute;background:#3b355c}.joystick::before{height:2px;width:80%;left:10%;top:50%}.joystick::after{width:2px;height:80%;left:50%;top:10%}.joystick i{position:absolute;width:58px;height:58px;border-radius:50%;left:32px;top:32px;background:radial-gradient(circle at 35% 30%,var(--cyan),#4c38ae);box-shadow:0 6px 18px #0008;z-index:2}footer{display:flex;justify-content:center;gap:34px;border-top:1px solid var(--line);padding-top:10px}footer b{color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes combo{0%{opacity:0;transform:scale(.5)}35%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1.5)}}@media(max-width:820px){.shell{padding:8px 10px}.brand span{display:none}.game-layout{grid-template-columns:1fr;gap:8px;padding:8px 0}.stats{display:grid;grid-template-columns:1fr 1fr 1fr}.stats .act-card{grid-column:1/3}.stats .boss-card{grid-column:3}.stat,.split,.act-card,.boss-card{padding:7px}.stat strong{font-size:1rem}.act-card strong{margin:3px 0}.boss-card small{display:none}.stage{width:min(100%,350px);justify-self:center}.arsenal{display:grid;grid-template-columns:1fr 1fr}.preview{display:none}.pulse-card,.leaderboard{padding:8px}.leaderboard ol{columns:2}.touch{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:8px max(4px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}footer{display:none}}@media(max-width:520px) and (orientation:portrait){.topbar{padding-bottom:6px}.hub-link{display:none}.header-actions button{padding:8px;font-size:.65rem}.game-layout{display:flex;flex-direction:column}.stats{width:100%;grid-template-columns:repeat(3,1fr)}.stats .act-card,.stats .boss-card{display:none}.stat,.split{min-width:0}.stat strong{font-size:.84rem}.stage{width:min(100%,296px)}.arsenal{width:100%}.leaderboard{display:none}.touch{margin-top:2px}.joystick{width:112px;height:112px;flex:0 0 auto}.joystick i{left:26px;top:26px}.overlay{padding:20px}.overlay h1{font-size:3.35rem}}@media(max-height:500px) and (orientation:landscape){.shell{padding:5px 10px}.topbar{position:absolute;left:8px;top:8px;border:0;z-index:5}.brand,.hub-link{display:none}.game-layout{display:grid;grid-template-columns:130px minmax(210px,280px) 130px;padding:4px 160px 4px 0}.stats,.arsenal{display:flex}.stat,.split,.act-card,.boss-card,.pulse-card,.leaderboard{padding:5px}.boss-card small,.leaderboard,.preview{display:none}.stage{height:calc(100vh - 10px);width:auto}.touch{display:flex;position:fixed;right:7px;top:50%;transform:translateY(-50%);flex-direction:column}.joystick{width:105px;height:105px}.joystick i{left:23px;top:23px}.touch-actions button{min-height:45px;padding:5px}footer{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}