@import url('https://fonts.googleapis.com/css2?family=Anton&family=Noto+Sans+JP:wght@700;900&family=Roboto+Mono:wght@500;700&display=swap');
:root{--orange:#ff8500;--cream:#fff4df;--black:#080909;--gray:#191b1b;--line:#363838}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--black);color:var(--cream);font-family:'Roboto Mono',monospace;overflow-x:clip}button,a{font:inherit}button{cursor:pointer}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;background:#080909df;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;color:var(--cream);text-decoration:none}.brand img{width:50px;height:50px;object-fit:cover;border:2px solid var(--orange)}.brand span{display:grid;line-height:1}.brand b{font:25px 'Anton',sans-serif;letter-spacing:.05em}.brand small{font:700 9px 'Noto Sans JP',sans-serif;color:var(--orange);margin-top:5px}nav{display:flex;align-items:center;gap:22px}nav a,nav button{color:var(--cream);text-decoration:none;background:none;border:0;font-size:10px;font-weight:700;letter-spacing:.08em;padding:10px 0}nav small{font-family:'Noto Sans JP',sans-serif;color:var(--orange)}nav button{border:1px solid var(--orange);color:var(--orange);padding:10px 13px}.menu{display:none;border:1px solid var(--orange);color:var(--orange);background:transparent;padding:11px;font-weight:700}.hero{height:100svh;min-height:760px;position:relative;overflow:hidden;background:var(--black)}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,#080909f8 0 27%,#080909d8 39%,transparent 69%),linear-gradient(0deg,#080909b8,transparent 35%)}.hero-copy{position:relative;z-index:4;padding:clamp(125px,17vh,190px) 5vw 70px;width:min(720px,54vw)}.issue{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:10px;width:320px;border-block:1px solid var(--orange);padding:8px 0}.issue span,.issue small{font-size:8px;letter-spacing:.12em}.issue b{font:35px 'Anton',sans-serif;color:var(--orange);line-height:.75}.issue small{text-align:right}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--orange);font-weight:700}.hero .eyebrow{margin-top:34px}.hero h1{font:clamp(110px,15vw,230px)/.67 'Anton',sans-serif;letter-spacing:-.035em;margin:25px 0}.hero h1 em{display:block;color:var(--orange);font-style:normal;-webkit-text-stroke:2px var(--cream);text-shadow:9px 9px 0 #551e00}.tagline{font:26px/1.1 'Anton',sans-serif;letter-spacing:.04em}.tagline b{color:var(--orange)}.actions{display:flex;gap:10px;margin-top:30px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:2px solid var(--orange);padding:15px 18px;font-size:10px;font-weight:700;letter-spacing:.07em;text-decoration:none;transition:.18s}.action.primary{background:var(--orange);color:var(--black);box-shadow:7px 7px 0 var(--cream)}.action.ghost{background:#080909aa;color:var(--orange)}.action:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--cream)}.speed-field{position:absolute;inset:0;pointer-events:none;z-index:2}.speed-field i{position:absolute;height:5px;width:28vw;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform:skewX(-32deg);animation:speed 2.8s linear infinite}.speed-field i:nth-child(1){top:17%;left:-25%;animation-delay:-.4s}.speed-field i:nth-child(2){top:29%;left:5%;width:15vw;animation-delay:-1.3s}.speed-field i:nth-child(3){top:47%;left:-18%;animation-delay:-2.1s}.speed-field i:nth-child(4){top:65%;left:25%;width:18vw;animation-delay:-.9s}.speed-field i:nth-child(5){top:78%;left:-12%;animation-delay:-1.8s}.speed-field i:nth-child(6){top:88%;left:42%;width:12vw;animation-delay:-2.5s}@keyframes speed{from{translate:-40vw 0;opacity:0}20%{opacity:1}to{translate:145vw 0;opacity:0}}.sfx{position:absolute;z-index:3;font:clamp(35px,5vw,82px) 'Anton',sans-serif;color:transparent;-webkit-text-stroke:2px var(--orange);transform:rotate(-8deg);opacity:.8}.sfx.one{right:2vw;top:15%}.sfx.two{right:42%;bottom:10%;font-family:'Noto Sans JP',sans-serif}.progress{position:absolute;z-index:4;bottom:26px;left:5vw;right:5vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;font-size:8px;letter-spacing:.12em}.progress i{height:1px;background:var(--orange);position:relative;overflow:hidden}.progress i:after{content:'';position:absolute;inset:0;width:25%;background:var(--cream);animation:progress 2s ease-in-out infinite}@keyframes progress{to{translate:400%}}.scene-cut{min-height:78px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:25px;padding:0 5vw;background:var(--orange);color:var(--black);border-block:4px solid var(--black)}.scene-cut span,.scene-cut strong{font-size:9px}.scene-cut b{font:30px 'Anton',sans-serif;letter-spacing:.04em}.scene-cut i{font:900 18px 'Noto Sans JP',sans-serif;font-style:normal}.section{padding:115px 5vw}.section-head p{font-size:9px;letter-spacing:.09em}.section-head p span{display:inline-grid;place-content:center;width:40px;height:40px;background:var(--orange);color:var(--black);margin-right:12px}.section-head h2,.status h2,.finale h2{font:clamp(70px,9vw,145px)/.8 'Anton',sans-serif;letter-spacing:-.025em;margin:35px 0 65px}.section-head h2 em,.status h2 em,.finale h2 em{font-style:normal;color:var(--orange)}.comic{background:var(--cream);color:var(--black)}.comic-grid{display:grid;grid-template-columns:1fr .8fr 1fr;gap:12px;transform:skewY(-1deg)}.panel{min-height:650px;border:5px solid var(--black);position:relative;overflow:hidden;background:white}.panel-no{position:absolute;top:16px;left:17px;z-index:3;background:var(--black);color:var(--orange);padding:8px 10px;font-size:8px}.panel .caption{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:22px;background:var(--cream);color:var(--black);border-top:4px solid var(--black)}.caption span{font:25px 'Anton',sans-serif}.caption p{font-size:10px;line-height:1.5}.panel-sfx{position:absolute;z-index:4;font:52px 'Anton',sans-serif;transform:rotate(-8deg);text-shadow:4px 4px 0 var(--orange)}.portrait img{position:absolute;inset:0;width:100%;height:calc(100% - 145px);object-fit:cover}.portrait .panel-sfx{right:10px;top:58%}.slash{background:var(--orange);color:var(--cream)}.slash>p{position:relative;z-index:2;padding:150px 30px 0;font:41px/1.15 'Anton',sans-serif;color:var(--black)}.slash .panel-sfx{right:18px;top:43%;font-size:90px;color:var(--cream);text-shadow:7px 7px 0 var(--black)}.slash-lines{position:absolute;inset:0}.slash-lines i{position:absolute;height:18px;width:150%;left:-25%;background:var(--black);transform:rotate(-32deg);animation:slash 2s ease-in-out infinite}.slash-lines i:nth-child(1){top:12%;animation-delay:-.3s}.slash-lines i:nth-child(2){top:34%;height:6px;animation-delay:-1s}.slash-lines i:nth-child(3){top:56%;height:28px;animation-delay:-1.5s}.slash-lines i:nth-child(4){top:72%;height:9px;animation-delay:-2s}@keyframes slash{50%{translate:15% -10%}}.quote{background:var(--black);color:var(--cream)}.quote .jp{font:900 90px 'Noto Sans JP',sans-serif;color:var(--orange);writing-mode:vertical-rl;position:absolute;right:20px;top:60px;margin:0}.quote blockquote{margin:0;padding:230px 35px 0;font:35px/1.2 'Anton',sans-serif}.quote blockquote b{color:var(--orange);font-size:58px}.quote .caption{background:var(--black);color:var(--cream);border-color:var(--orange)}.charge{background:var(--black)}.section-head.inverse p span{background:var(--cream)}.charge-lab{display:grid;grid-template-columns:1.1fr .9fr;border:2px solid var(--line);min-height:600px}.charge-visual{position:relative;display:grid;place-content:center;background:radial-gradient(circle,#311000 0,#080909 60%);overflow:hidden}.orbit{width:360px;height:360px;border:2px solid var(--orange);border-radius:50%;display:grid;place-content:center;position:relative;animation:spin 12s linear infinite}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #ff850066;border-radius:50%;inset:40px}.orbit:after{inset:85px}.orbit span{font:900 100px 'Noto Sans JP',sans-serif;color:var(--orange);animation:counterSpin 12s linear infinite}.orbit i{position:absolute;width:16px;height:16px;background:var(--cream);border-radius:50%;box-shadow:0 0 20px var(--orange)}.orbit i:nth-of-type(1){top:15px;left:48%}.orbit i:nth-of-type(2){bottom:38px;left:8%}.orbit i:nth-of-type(3){right:18px;top:62%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counterSpin{to{transform:rotate(-360deg)}}.meter-copy{position:absolute;top:25px;left:25px}.meter-copy span,.rank span{display:block;font-size:8px;color:#aaa}.meter-copy strong{font:75px 'Anton',sans-serif;color:var(--orange)}.meter-copy small{font-size:18px}.rank{position:absolute;bottom:25px;right:25px;text-align:right}.rank b{font:30px 'Anton',sans-serif;color:var(--cream)}.charge-controls{padding:55px;display:flex;flex-direction:column;justify-content:center;border-left:2px solid var(--line)}.charge-controls>p{font-size:12px;line-height:1.7;color:#bbb}.meter{height:24px;border:2px solid var(--cream);padding:3px;margin:28px 0}.meter i{display:block;height:100%;width:0;background:var(--orange);transition:width .08s}.charge-controls>button{min-height:180px;border:3px solid var(--cream);background:var(--orange);color:var(--black);display:grid;place-content:center;box-shadow:10px 10px 0 #6d2800;user-select:none;touch-action:none}.charge-controls>button:active,.charge-controls>button.charging{transform:translate(4px,4px);box-shadow:4px 4px 0 #6d2800}.charge-controls>button span{font-size:10px}.charge-controls>button b{font:55px 'Anton',sans-serif}.charge-controls>button small{font:700 11px 'Noto Sans JP',sans-serif}.charge-note{margin-top:28px;border-top:1px solid var(--line);padding-top:20px;font-size:9px}.charge-note span{background:var(--cream);color:var(--black);padding:5px;margin-right:8px}.code{background:var(--orange);color:var(--black)}.code .section-head p span{background:var(--black);color:var(--orange)}.code .section-head h2 em{color:var(--cream);-webkit-text-stroke:2px var(--black)}.rules{display:grid;grid-template-columns:1fr 1fr 1fr;border:4px solid var(--black)}.rules article{min-height:470px;padding:30px;border-right:3px solid var(--black);display:flex;flex-direction:column}.rules article:last-child{border:0}.rules article>span{font:900 60px 'Noto Sans JP',sans-serif}.rules article>p{font-size:9px}.rules h3{font:65px/.9 'Anton',sans-serif;margin:auto 0 30px}.rules h3 b{color:var(--cream);-webkit-text-stroke:1px var(--black)}.rules small{font-size:10px;line-height:1.6}.status{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center;background:var(--cream);color:var(--black)}.status h2{font-size:clamp(65px,7vw,110px);margin-bottom:30px}.status-copy>p:last-child{font-size:12px;line-height:1.7;max-width:620px}.data-sheet{display:grid;grid-template-columns:1fr 1fr;border:4px solid var(--black);box-shadow:12px 12px 0 var(--orange)}.data-sheet div{padding:25px;border-right:2px solid var(--black);border-bottom:2px solid var(--black)}.data-sheet div:nth-child(2n){border-right:0}.data-sheet span{display:block;font-size:8px}.data-sheet strong{display:block;font:25px 'Anton',sans-serif;margin-top:8px}.data-sheet button{grid-column:1/-1;border:0;background:var(--orange);padding:18px;font-size:9px;font-weight:700}.finale{min-height:750px;position:relative;display:grid;grid-template-columns:.8fr 1fr;align-items:center;padding:100px 5vw;background:var(--black);overflow:hidden}.finale>img{position:relative;z-index:2;width:min(520px,90%);height:auto;border:3px solid var(--orange);box-shadow:16px 16px 0 #411900}.finale article{position:relative;z-index:2}.finale article>p{font:900 18px 'Noto Sans JP',sans-serif;color:var(--orange)}.finale h2{font-size:clamp(65px,8vw,130px);margin:24px 0 40px}.finale-lines{position:absolute;inset:0;background:repeating-linear-gradient(-20deg,transparent 0 50px,#ff850018 50px 55px);animation:finaleMove 5s linear infinite}@keyframes finaleMove{to{background-position:260px 0}}.giant-sfx{position:absolute;right:-2vw;bottom:-4vh;font:230px 'Anton',sans-serif;color:transparent;-webkit-text-stroke:2px #ff850028;z-index:1}footer{min-height:150px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding:30px 4vw;background:#030303;border-top:1px solid var(--line)}footer>p{text-align:center;font-size:9px;line-height:1.7}footer>p small{font-family:'Noto Sans JP',sans-serif;color:var(--orange)}footer>div{display:flex;justify-content:flex-end;gap:8px}footer button{border:1px solid var(--orange);background:transparent;color:var(--orange);padding:11px;font-size:8px;font-weight:700}#toast{position:fixed;z-index:100;left:50%;bottom:22px;translate:-50% 160%;background:var(--cream);color:var(--black);border:3px solid var(--orange);padding:16px 22px;font-size:9px;font-weight:700;box-shadow:7px 7px 0 #5b2100;transition:.22s;text-align:center;max-width:calc(100vw - 30px)}#toast.show{translate:-50% 0}#toast:empty{display:none}:focus-visible{outline:3px solid var(--cream);outline-offset:4px}
@media(max-width:1000px){.hero-copy{width:65vw}.comic-grid{grid-template-columns:1fr 1fr}.quote{grid-column:1/-1;min-height:500px}.charge-lab{grid-template-columns:1fr}.charge-controls{border-left:0;border-top:2px solid var(--line)}.rules{grid-template-columns:1fr}.rules article{min-height:330px;border-right:0;border-bottom:3px solid var(--black)}.status{grid-template-columns:1fr}.data-sheet{max-width:720px}.finale{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:72px;padding:0 16px}.brand img{width:46px;height:46px}.brand b{font-size:21px}.menu{display:block}nav{display:none;position:fixed;top:72px;left:0;right:0;background:#080909f8;border-bottom:2px solid var(--orange);padding:20px;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a,nav button{text-align:left;padding:13px}.hero{min-height:900px;height:auto}.hero-art{height:52%;object-position:72% center}.hero-mask{background:linear-gradient(0deg,var(--black) 0 50%,transparent 76%),linear-gradient(90deg,#080909b8,transparent)}.hero-copy{padding:480px 20px 100px;width:100%}.hero h1{font-size:30vw}.issue{width:100%}.sfx.one{top:90px}.sfx.two{display:none}.progress{display:none}.scene-cut{grid-template-columns:1fr auto;padding:13px 18px}.scene-cut span,.scene-cut strong{display:none}.section{padding:80px 18px}.section-head h2,.status h2,.finale h2{font-size:18vw}.comic-grid{grid-template-columns:1fr;transform:none}.quote{grid-column:auto}.panel{min-height:570px}.charge-visual{min-height:520px}.orbit{width:310px;height:310px}.charge-controls{padding:30px 18px}.rules article{padding:24px}.rules h3{font-size:17vw}.finale{grid-template-columns:1fr;gap:60px;padding:80px 18px}.finale>img{width:100%}.finale article{order:-1}footer{grid-template-columns:1fr}footer>p{text-align:left}footer>div{justify-content:flex-start}}
@media(max-width:640px){.hero{min-height:880px}.hero-art{height:48%;object-position:70% center}.hero-copy{padding-top:400px}.hero h1{font-size:32vw}.tagline{font-size:22px}.actions{display:grid}.action{width:100%}.scene-cut b{font-size:22px}.section-head h2,.status h2,.finale h2{font-size:19vw}.panel{min-height:530px}.portrait img{height:calc(100% - 145px)}.slash .panel-sfx{font-size:72px}.quote blockquote{padding:210px 25px 0}.quote .jp{font-size:72px}.orbit{width:270px;height:270px}.meter-copy strong{font-size:60px}.charge-controls>button b{font-size:48px}.data-sheet{grid-template-columns:1fr}.data-sheet div{border-right:0}.giant-sfx{font-size:130px}footer>div{display:grid;grid-template-columns:1fr 1fr}footer button,.kaiken-x-link{width:100%;text-align:center}footer .kaiken-x-link{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--orange);color:var(--orange);padding:10px 13px;font-size:10px;font-weight:700;letter-spacing:.08em;text-decoration:none}footer button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.speed-field{display:none}}