.cover{position:relative;min-height:560px;height:100svh;overflow:hidden;background:#060d15;isolation:isolate}.cover-art,.cover-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-3}.cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#03091040 0%,transparent 32%,#03080730 55%,#020707d9 100%),linear-gradient(90deg,#02080c40,transparent 20% 80%,#02080c40)}.cover-content{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:min(850px,75vw);text-align:center}.cover-wordmark{font-family:Barlow,Impact,sans-serif;font-size:clamp(112px,13.2vw,224px);font-weight:800;letter-spacing:-.035em;font-style:italic;line-height:.8;margin:0;color:#e0ff1b;text-shadow:4px 6px 0 #151c06,0 0 45px #bbfb0c30;transform:skew(-8deg);white-space:nowrap}.cover-wordmark>span{color:#e0ff1b}.cover-tagline{font-family:Barlow,Impact,sans-serif;font-weight:800;color:white;letter-spacing:.20em;font-size:clamp(17px,1.7vw,28px);margin:15px 0 26px;text-shadow:0 3px 8px #000;line-height:1.3}.cover-play{display:flex;align-items:center;justify-content:center;gap:18px;min-height:75px;width:70%;margin:0 auto 20px;background:linear-gradient(120deg,#d7ff13,#e5ff40 50%,#c8ef0b);border:2px solid #f1ff91;box-shadow:0 0 8px #e0ff7380,0 0 35px #d5ff2250,0 4px 0 #607418;font-family:Barlow,Impact,sans-serif;font-weight:800;font-style:italic;font-size:38px;color:#080e02;transform:skew(-13deg);transition:box-shadow .18s,filter .18s}.cover-play>*{transform:skew(13deg)}.cover-play svg{width:36px;height:36px;stroke-width:3}.cover-play:hover{filter:brightness(1.08);box-shadow:0 0 20px #dfff77b0,0 0 58px #d5ff2260,0 4px 0 #607418}.cover-play:active{translate:0 2px}.cover-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cover-modes button{display:flex;align-items:center;justify-content:center;gap:14px;color:#f1f4e9;border:1px solid #c6e92d;background:linear-gradient(135deg,#0c130de8,#101610e3);min-height:62px;box-shadow:0 0 12px #c3f00020,inset 0 0 20px #7d9f1120;transform:skew(-12deg);transition:background .18s,box-shadow .18s}.cover-modes button>*{transform:skew(12deg)}.cover-modes strong{font-family:Barlow,Impact,sans-serif;font-weight:800;font-size:21px;letter-spacing:2px;line-height:1.1}.cover-modes button>span:last-child{display:none}.cover-modes button>span:first-child svg{width:28px;height:28px}.cover-modes button:hover{background:#27330ae8;box-shadow:0 0 20px #c3f00050;color:#e6ff68}.cover-platforms{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0 0;color:#edf4e9}.cover-platforms svg{height:24px;width:24px}.cover-platforms>span:last-child{font-family:Barlow,Impact,sans-serif;letter-spacing:3px;font-size:13px;margin-left:7px}.on-cover{overflow:hidden}.on-cover .topbar{position:absolute;top:0;left:0;right:0;z-index:5;height:90px;background:linear-gradient(180deg,#04101b88,transparent);border:0;justify-content:flex-end}.on-cover .brand,.on-cover .header-caption{display:none}.on-cover .utilities{margin-left:auto}.on-cover .utility{color:white;background:#06101950;border-color:#ffffff25;border-radius:4px;width:43px;height:43px;backdrop-filter:blur(6px)}.on-cover .utility:hover{border-color:#dbff38;color:#e0ff3f}.on-cover .utility.install{width:auto;padding:0 14px}.back-cover{display:inline-flex;align-items:center;gap:5px;background:transparent;font-size:11px;letter-spacing:1px;font-weight:700;color:#9bb08b;padding:0 0 10px;margin:0 0 5px}.back-cover:hover{color:var(--lime)}.back-cover svg{width:15px}.story-selection{border:1px solid #596836;background:#253218;padding:15px;margin:0 0 24px}.story-selection .eyebrow{font-size:11px;margin:0 0 9px}.story-selection>strong{font-family:Barlow,Impact,sans-serif;font-size:25px;letter-spacing:1px;display:block}.story-selection p{font-size:13px;color:#c8d5bd;line-height:1.6}.text-button{background:none;color:var(--lime);padding:0;border-bottom:1px solid #788f35;font-size:12px;line-height:1.8}.story-chapters{display:flex;gap:7px;margin:20px 0}.story-chapters span{height:4px;background:#414d35;flex:1}.story-chapters .done{background:var(--lime)}.story-intro{border-left:3px solid var(--lime);background:#25311c;padding:18px;margin:22px 0}.story-intro strong{font-family:Barlow,Impact,sans-serif;font-size:26px;color:var(--lime);display:block;letter-spacing:1px}.story-intro p{margin-bottom:0}.battle-grade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 25%,#01070d30 76%,#02050e85);z-index:1}.battle-hud,.battle-shortcuts,.touch-controls,.combo-label,.battle-banner{z-index:2}.pause-button{z-index:3}.impact-flash{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;background:radial-gradient(ellipse at var(--impact-x,50%) 46%,#fff5c933 0%,transparent 60%)}.impact-flash.strike{animation:strike-flash .17s ease-out}.impact-flash.heavy{background:radial-gradient(ellipse at var(--impact-x,50%) 46%,#f1ff9677 0%,transparent 66%)}@keyframes strike-flash{0%{opacity:.85}100%{opacity:0}}.hit-readout{position:absolute;top:32%;left:8%;pointer-events:none;font-family:Barlow,Impact,sans-serif;font-size:24px;font-style:italic;letter-spacing:1px;color:#eefbc1;z-index:3;text-shadow:2px 3px 0 #121b0d,0 0 20px #000;opacity:0;translate:0 10px;transition:opacity .08s,translate .1s}.hit-readout.visible{opacity:1;translate:0 0}.combo-label{font-size:45px}.combo-label small{display:block;font:800 12px Inter,Arial,sans-serif;letter-spacing:2px}.battle-hud{filter:drop-shadow(0 4px 9px #0009)}.health-track{height:19px;border:1px solid #c6d4b8aa;background:#4f2833}.health-track i{background:linear-gradient(0deg,#78a81a,#d7ff49);border-top:2px solid #f0ff9488}.right .health-track i{background:linear-gradient(0deg,#346aa0,#91d4ff);border-top-color:#daf5ffaa}.timer-area strong{color:#f3f7e6;text-shadow:0 3px 0 #263720,0 0 15px #000}.touch-controls button{backdrop-filter:blur(6px);box-shadow:0 4px 0 #01050488,inset 0 1px 0 #ffffff25}.touch-light{background:linear-gradient(135deg,#a6ce45b0,#466210c9)!important}.touch-heavy{background:linear-gradient(135deg,#4771a7b0,#243c64c9)!important}
@media(min-width:1700px){.cover-content{width:1020px;bottom:5vh}.cover-wordmark{font-size:250px}.cover-play{min-height:87px;font-size:47px}.cover-modes button{min-height:74px}.cover-modes strong{font-size:25px}}
@media(max-width:1100px) and (min-width:721px){.cover-content{width:85vw}.cover-wordmark{font-size:15.3vw}.cover-modes{gap:14px}.cover-modes strong{font-size:19px;letter-spacing:1px}.cover-modes button{gap:11px}.cover-play{font-size:34px;min-height:68px}.cover-art img{object-position:50% 30%}}
@media(max-width:720px){.cover{height:100svh;min-height:670px}.cover-art img{object-position:50% 24%}.cover-shade{background:linear-gradient(180deg,#03091118,transparent 29%,#04101025 44%,#010609ba 75%,#010709e8)}.cover-content{bottom:max(21px,env(safe-area-inset-bottom));width:85vw}.cover-wordmark{font-size:17vw;letter-spacing:-.055em;line-height:.87;margin-left:-2vw}.cover-tagline{font-size:3.6vw;letter-spacing:.11em;margin:8px 0 20px;white-space:nowrap}.cover-play{width:94%;min-height:60px;font-size:33px;margin-bottom:19px;border-width:1px}.cover-play svg{width:29px;height:29px}.cover-modes{grid-template-columns:1fr;gap:13px;width:90%;margin:auto}.cover-modes button{min-height:52px;gap:18px;padding:9px 18px;justify-content:flex-start;box-shadow:0 0 14px #bdff1530}.cover-modes strong{font-size:22px;letter-spacing:2px;flex:1}.cover-modes button>span:last-child{display:block;margin-left:auto}.cover-modes button>span:last-child svg{width:20px;height:20px}.cover-modes button>span:first-child svg{width:26px;height:26px}.cover-platforms{margin-top:22px;gap:8px;flex-wrap:wrap}.cover-platforms>span:last-child{font-size:11px;letter-spacing:2.5px}.cover-platforms svg{width:21px;height:21px}.on-cover .topbar{height:76px;padding:0 18px}.on-cover .utility{width:38px;height:38px;min-height:38px;min-width:38px}.on-cover .utility.install{padding:0;width:38px}.on-cover .utilities{gap:6px}.back-cover{margin-bottom:13px;padding-bottom:7px;font-size:12px}.story-selection{margin-bottom:20px}.story-selection p{font-size:14px}.battle-hud{top:max(16px,env(safe-area-inset-top))}.health-track{height:14px}.hit-readout{top:29%;font-size:22px}.combo-label{font-size:34px}}
@media(max-width:400px){.cover{min-height:650px}.cover-content{bottom:18px;width:87vw}.cover-wordmark{font-size:17.4vw}.cover-tagline{font-size:3.6vw;margin-bottom:17px}.cover-play{min-height:52px;font-size:30px;margin-bottom:16px}.cover-modes{gap:11px}.cover-modes button{min-height:48px}.cover-modes strong{font-size:20px}.cover-platforms{margin-top:18px}.cover-platforms>span:last-child{font-size:10px}}
@media(max-height:700px) and (orientation:portrait){.cover{min-height:100svh}.cover-content{bottom:14px}.cover-wordmark{font-size:16vw}.cover-tagline{margin:8px 0 14px;font-size:3.3vw}.cover-play{min-height:47px;margin-bottom:14px;font-size:28px}.cover-modes{gap:9px}.cover-modes button{min-height:43px;padding:7px 15px}.cover-modes strong{font-size:19px}.cover-platforms{margin-top:15px}}
@media(max-height:600px) and (orientation:landscape){.cover{min-height:100svh}.cover-content{bottom:17px;width:73vw}.cover-wordmark{font-size:16vh}.cover-tagline{font-size:3vh;margin:8px 0 13px}.cover-play{min-height:44px;font-size:28px;width:65%;margin-bottom:13px}.cover-modes{gap:14px}.cover-modes button{min-height:42px;padding:6px 8px;gap:9px}.cover-modes strong{font-size:17px;letter-spacing:1px}.cover-modes button>span:first-child svg{width:21px;height:21px}.cover-platforms{margin-top:11px}.cover-platforms>span:last-child{font-size:10px}.cover-platforms svg{height:18px;width:18px}.on-cover .topbar{height:64px}.hit-readout{top:28%;font-size:22px}.health-track{height:12px}.cover-art img{object-position:50% 24%}}
@media(prefers-reduced-motion:reduce){.impact-flash.strike{animation:none}.hit-readout{transition:none}}

@media(min-width:721px) and (min-height:601px) and (max-height:760px){.cover-wordmark{font-size:22vh}.cover-tagline{margin:12px 0 20px;font-size:22px}.cover-play{min-height:62px;font-size:33px;margin-bottom:18px}.cover-modes button{min-height:54px}.cover-platforms{margin-top:18px}.cover-content{bottom:23px}}