:root{color-scheme:dark;--bg:#070c15;--cyan:#64fbd2;--coral:#ff796b;--text:#eff7f8;--muted:#9caebd;--line:#ffffff25}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Arial,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif}button{font:inherit;cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:hover{filter:brightness(1.17)}[hidden]{display:none!important}#stage{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden}canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;outline:none;touch-action:none;background:#070c15}.screen{position:absolute;inset:0;z-index:10;display:flex;align-items:center;padding:5vh 7vw;background:linear-gradient(90deg,#050b14f7 0%,#050b14bd 42%,#050b1430 75%,#050b1475)}.intro{width:min(600px,55vw);position:relative}.eyebrow{font-family:ui-monospace,monospace;color:var(--cyan);letter-spacing:.18em;font-size:12px;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--cyan)}h1{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(58px,8.4vw,126px);font-weight:950;letter-spacing:-.065em;line-height:.9;margin:28px 0 28px;font-style:italic}h1 span{color:var(--cyan)}h1 .period{color:var(--coral)}.title-rule{height:3px;width:62px;background:var(--coral);margin-bottom:26px}.tagline{font-size:clamp(18px,2vw,26px);font-weight:bold;letter-spacing:.08em;margin:0 0 12px}.story{font-size:15px;color:#acbcc9;line-height:1.9;margin:0 0 26px}.primary{display:flex;align-items:center;justify-content:space-between;background:var(--cyan);color:#061710;padding:17px 24px;min-height:54px;font-size:16px;font-weight:800;letter-spacing:.06em;width:100%;border-radius:2px}.intro .primary{max-width:350px}.primary span:last-child{font-size:24px}.textButton{background:transparent;color:#abbcc7;font-size:14px;padding:16px 0}.titleFooter{display:flex;gap:28px;color:#7e929f;letter-spacing:.12em;font:11px ui-monospace,monospace;margin-top:28px}.unit-caption{position:absolute;right:6vw;bottom:12vh;text-align:right}.unit-caption span,.unit-caption small{font:12px ui-monospace,monospace;letter-spacing:.13em;color:#a5c5cf}.unit-caption b{display:block;font-size:clamp(30px,5vw,68px);line-height:1.03;letter-spacing:-.04em;margin:16px 0;color:#d7e8eca0}.modal{background:#030910ce;backdrop-filter:blur(12px);justify-content:center;padding:24px;overflow:auto}.panel{width:min(660px,100%);background:#101924f5;border:1px solid #ffffff20;border-top:3px solid var(--cyan);padding:32px;box-shadow:0 30px 100px #0008}.panel h2{font-size:26px;line-height:1.5;margin:16px 0 24px}.formTips{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-bottom:1px solid var(--line);margin-bottom:20px}.formTips b{color:var(--cyan);letter-spacing:.1em;font-size:15px}.formTips div:last-child b{color:var(--coral)}.formTips p{font-size:14px;line-height:1.7;color:#afc0ce}.keyGrid{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:14px}.keyGrid span{color:#b9c9d3}kbd{color:#e6f7ff;font:700 13px ui-monospace,monospace}.helpNote{font-size:13px;line-height:1.8;color:var(--muted);margin:20px 0}.compact{width:min(380px,100%)}.secondary{background:#ffffff0b;border:1px solid var(--line);padding:16px;width:100%;margin-top:12px}.resultPanel h2{font-size:clamp(35px,5vw,58px);line-height:1.25}.resultPanel p{line-height:1.9;color:#adc0cf}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;margin:24px 0;border-block:1px solid var(--line);gap:16px}.stats small,.stats b{display:block}.stats small{color:var(--muted);font-size:13px;margin-bottom:12px}.stats b{font:600 34px ui-monospace,monospace}.stats div:last-child b{color:var(--cyan)}#hud{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 28px;background:linear-gradient(#030812e8,transparent);pointer-events:none}.vitals{width:210px}.micro{display:flex;justify-content:space-between;font:700 13px ui-monospace,monospace;letter-spacing:.14em;color:#c3d3dd}.meter{height:5px;background:#ffffff18;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;background:var(--cyan);transition:width .12s linear}.energy{height:3px;width:80%;margin-top:7px}.energy i{background:var(--coral)}.mission{display:flex;flex-direction:column;gap:9px;text-align:center}.mission>span{font:13px ui-monospace,monospace;letter-spacing:.08em;color:#b4c9d7}.mission small{font-size:14px;color:#e5f1f5}.tools{display:flex;gap:8px;pointer-events:auto}.tools button{background:#132130bb;border:1px solid #ffffff20;min-width:36px;height:36px;font-size:16px}.tools #sound{font-size:12px;padding:0 9px}.tools #fullscreen{font-size:24px}#bossHud{position:absolute;z-index:3;top:96px;left:50%;width:36%;max-width:480px;transform:translateX(-50%)}#bossHud>div:first-child{display:flex;justify-content:space-between;font:12px ui-monospace,monospace;color:#ffb4a8}#bossHud small{font-size:11px}#bossHud .meter{height:5px}#bossHp{background:var(--coral)}#playBottom{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;background:linear-gradient(transparent,#030812e8);pointer-events:none}.mode{display:grid;grid-template-columns:auto auto;gap:5px 14px}.mode b{font:700 20px ui-monospace,monospace;color:var(--cyan);letter-spacing:.06em}.mode small{color:#a2b8c4;font-size:12px;align-self:center}.mode>span{color:#839cae;font-size:12px;grid-column:1/-1}.weapons{display:flex;gap:8px;pointer-events:auto}.weapons button{background:#07131ed9;border:1px solid #ffffff20;padding:12px 14px;color:#b0c2cb;font:12px ui-monospace,monospace}.weapons button span{margin-left:10px}.weapons .active{border-color:var(--cyan);color:var(--cyan);background:#16393099}.weapons button:disabled{opacity:.4;cursor:default}.readout{text-align:right;min-width:125px}.readout strong{font:italic 30px ui-monospace,monospace;color:#effbff}.readout small{display:block;font:10px ui-monospace,monospace;letter-spacing:.15em;color:#829aab}#toast{position:absolute;z-index:4;left:50%;top:20%;transform:translate(-50%,-5px);opacity:0;transition:opacity .2s,transform .2s;max-width:85%;width:max-content;pointer-events:none;padding:12px 20px;background:#071422e8;border-left:3px solid var(--cyan);font-size:14px;line-height:1.6;color:#e5f4f8;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}#checkpointFlash{position:absolute;inset:0;pointer-events:none;z-index:2}#touchControls{position:absolute;z-index:5;inset:auto 16px 18px;display:none;justify-content:space-between;align-items:end;pointer-events:none;user-select:none}.dpad{position:relative;width:165px;height:125px}.dpad button,.actions button{position:absolute;pointer-events:auto;touch-action:none;border:1px solid #afdbed44;background:#102b40b0;backdrop-filter:blur(4px);border-radius:50%;height:53px;width:53px;color:#e1faff;font-size:18px;-webkit-user-select:none}.dpad .up{top:0;left:56px}.dpad .left{bottom:11px;left:0}.dpad .down{bottom:0;left:56px}.dpad .right{bottom:11px;right:0}.actions{position:relative;width:200px;height:126px}.actions .fire{width:70px;height:70px;bottom:0;right:0;border-color:#64fbd280;background:#1d65536b;font-size:16px}.actions .transform{bottom:9px;left:0;border-color:#ff796b80;font-size:14px}.actions .boost{top:0;left:65px;font-size:14px}.dpad button.pressed,.actions button.pressed{background:#4b8d96ad;border-color:#c5fff2}#rotateTip{display:none;position:absolute;bottom:2vh;left:0;right:0;text-align:center;color:#8ca5b6;font-size:12px;pointer-events:none;z-index:11}@media(pointer:coarse){#touchControls:not([hidden]){display:flex}#playBottom{bottom:140px;padding:10px 20px}.readout{display:none}.mode>span{display:none}.weapons button{padding:8px 10px}.weapons button span{margin-left:4px}.titleFooter span:last-child{display:none}}@media(max-width:760px){#hud{padding:14px}.vitals{width:125px}.mission>span{font-size:10px}.mission small{font-size:12px}.tools{gap:4px}.tools button{min-width:32px;height:32px}.tools #fullscreen{display:none}#bossHud{top:77px;width:50%}#bossHud>div:first-child{font-size:10px}#bossHud small{display:none}.titleFooter{font-size:10px;gap:10px}.unit-caption{right:5vw;bottom:9vh}.unit-caption span{display:none}.intro{width:68vw}.story{font-size:13px}.screen{padding:6vw}.panel{padding:24px}.modal{padding:16px}.panel h2{font-size:22px}.formTips{gap:12px}.formTips p{font-size:12px}.keyGrid{font-size:12px;gap:10px}.mode b{font-size:16px}.mode small{display:none}.weapons button{font-size:10px}#toast{font-size:12px;padding:8px 12px;top:25%}.readout{display:none}}@media(max-height:520px){.screen{padding:20px 6vw}h1{font-size:64px;margin:16px 0}.title-rule{margin-bottom:14px}.tagline{font-size:18px}.story{font-size:13px;margin-bottom:15px}.intro .primary{min-height:44px;padding:10px 18px;max-width:280px}.textButton{padding:10px 0}.titleFooter{margin-top:8px}.eyebrow{font-size:10px}.unit-caption{bottom:15vh}.modal{align-items:flex-start}.compact{margin:auto}.panel{padding:20px}.panel h2{margin:10px 0 15px}.formTips{margin-bottom:12px}.helpNote{margin:12px 0}#playBottom{padding:10px 18px}#touchControls{bottom:10px}.dpad{transform:scale(.82);transform-origin:bottom left}.actions{transform:scale(.82);transform-origin:bottom right}@media(pointer:coarse){#playBottom{bottom:112px;padding:4px 18px}.mode b{font-size:13px}.weapons button{padding:6px 8px}#hud{padding:10px 16px}#bossHud{top:68px}}}@media(orientation:portrait) and (max-width:650px){.intro{width:100%}h1{font-size:22vw}.unit-caption{display:none}.titleFooter{margin-top:18px}#rotateTip{display:block}.screen{padding:28px}.mission{display:none}#bossHud{top:82px;width:70%}#playBottom{bottom:180px}#toast{top:25%}.formTips{grid-template-columns:1fr;gap:0}.formTips p{font-size:13px}.titleFooter span:last-child{display:none}#touchControls{bottom:35px;left:10px;right:10px}.dpad{transform:scale(.87);transform-origin:bottom left}.actions{transform:scale(.87);transform-origin:bottom right}body.playing #rotateTip{bottom:10px}}
/* Character update */
.titleLinks{display:flex;gap:28px}.caption-en{display:block;font:14px ui-monospace,monospace;letter-spacing:.14em;margin-top:10px;color:var(--cyan)}.unit-caption b{font-size:clamp(26px,3vw,42px)}.intro .story{max-width:500px}.partnerControls{pointer-events:auto;display:flex;align-items:center;gap:16px}.partnerControls>span{font:13px ui-monospace,monospace;color:#f1c97d;white-space:nowrap}#supportBtn{background:#10262dde;border:1px solid #92e4f05e;padding:10px 14px;font-size:14px;min-height:44px}#supportBtn small{margin-left:12px;color:var(--cyan);font:12px ui-monospace,monospace}#supportBtn:disabled{opacity:.55;cursor:default}#comms{position:absolute;z-index:4;top:100px;left:24px;display:flex;align-items:center;gap:12px;width:min(330px,40vw);padding:10px 14px 10px 6px;background:#091a29e8;border-left:2px solid #b8e7ff;pointer-events:none}#comms img{width:62px;height:76px;object-fit:contain;flex-shrink:0}#comms b{font-size:13px;color:#b8e7ff;letter-spacing:.05em}#comms p{font-size:14px;margin:4px 0 0;line-height:1.65}#interactBtn{position:absolute;z-index:6;bottom:100px;left:50%;transform:translateX(-50%);background:#f0cc83;color:#14202a;border:1px solid #fff8;padding:14px 24px;font-size:15px;font-weight:700;box-shadow:0 6px 30px #0008}.shopPanel{width:min(740px,100%)}.shopIdentity{display:flex;align-items:center;gap:24px}.shopIdentity img{width:160px;height:175px;object-fit:contain}.shopIdentity h2{font-size:22px;margin:12px 0}.shopIdentity p{font-size:14px;line-height:1.75;color:var(--muted)}#shopCredits{font:18px ui-monospace,monospace;color:#f1c97d}.shopOffers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.shopOffers button{padding:16px;text-align:left;border:1px solid #b9d0e12f;background:#172b3a}.shopOffers button:disabled{opacity:.4;cursor:default}.shopOffers b{display:block;font-size:14px;margin-bottom:8px}.shopOffers span{font-size:13px;color:#e4c180}#shopMessage{font-size:14px;line-height:1.7;color:#bdd1db;min-height:24px}.castPanel{width:min(1020px,100%)}.castGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.castGrid article{min-width:0}.castGrid img{display:block;width:100%;height:180px;object-fit:contain;filter:drop-shadow(0 8px 20px #0005);margin-bottom:16px}.castGrid b{display:block;font-size:20px}.castGrid b small{font:12px ui-monospace,monospace;color:var(--muted);display:block;margin:8px 0}.castGrid span{display:block;font-size:13px;color:var(--cyan)}.castGrid p{font-size:14px;color:#a9becc;line-height:1.8}.encounterScreen{background:linear-gradient(110deg,#0c2635ed,#030a17f7);gap:7vw}.rivalArt{width:40%;max-width:480px}.rivalArt img{width:100%;max-height:70vh;object-fit:contain;filter:drop-shadow(0 0 38px #54ddfb33)}.rivalCopy{max-width:480px}.rivalCopy h2{font-size:64px;margin:22px 0 28px;line-height:1.1}.rivalCopy h2 span{font:14px ui-monospace,monospace;display:block;letter-spacing:.45em;color:#aad8e7;margin-top:14px}.rivalCopy p{font-size:23px;line-height:1.8}.rivalCopy>small{display:block;color:#bbccd8;font-size:14px;line-height:1.8;margin-bottom:26px}.endingCast{display:flex;justify-content:center;height:130px;margin-top:16px}.endingCast img{width:24%;height:100%;object-fit:contain}.resultPanel .stats{margin:14px 0;padding:18px 0}.resultPanel h2{margin-bottom:12px}#startBtn:disabled{opacity:.6;cursor:wait}#bossPhase{white-space:nowrap;margin-left:10px}#bossHud{width:40%}.vitals .micro:before{content:'クワッド';margin-right:10px;letter-spacing:0}.readout{min-width:74px}#playBottom{gap:14px}.weapons button{padding:11px 12px}
@media(max-width:1000px){.readout{display:none}.partnerControls{gap:10px}.partnerControls>span{font-size:12px}.weapons button span{margin-left:5px}#supportBtn{padding:9px 11px}.unit-caption{bottom:11vh}}
@media(pointer:coarse){.partnerControls{margin-left:auto}#supportBtn{min-height:40px}#interactBtn{bottom:190px}#comms{top:88px;left:16px}}
@media(max-width:760px){#comms{width:min(280px,46vw);left:12px;top:82px;padding:7px 10px 7px 4px;gap:7px}#comms img{width:44px;height:55px}#comms p{font-size:12px;line-height:1.5}#comms b{font-size:12px}.partnerControls{gap:8px}#supportBtn{font-size:12px;padding:8px}#supportBtn small{margin-left:5px;font-size:11px}.partnerControls>span{font-size:11px}.vitals .micro:before{display:none}.shopIdentity{gap:14px}.shopIdentity img{width:110px;height:140px}.shopIdentity h2{font-size:18px}.shopIdentity .eyebrow{font-size:10px;letter-spacing:.08em}.shopOffers button{padding:12px}.shopOffers b{font-size:13px}.castGrid{grid-template-columns:1fr 1fr;gap:16px}.castGrid img{height:130px}.castGrid p{font-size:13px}.rivalCopy h2{font-size:40px}.rivalCopy p{font-size:18px}.rivalArt{width:37%}.encounterScreen{gap:4vw}.rivalCopy>small{font-size:12px}.weapons button{padding:9px 8px}#bossHud{width:44%}.castPanel{margin:auto}}
@media(max-height:520px){#comms{top:66px;width:270px}#comms img{height:45px;width:40px}#comms p{font-size:12px}.encounterScreen{align-items:center}.rivalCopy h2{font-size:38px;margin:12px 0}.rivalCopy p{font-size:18px;margin:10px 0}.rivalCopy>small{margin-bottom:14px}.rivalArt img{max-height:75vh}.castGrid{grid-template-columns:repeat(4,1fr)}.castGrid img{height:100px}.castGrid p{font-size:12px}.castGrid b{font-size:16px}.shopIdentity img{height:100px}.shopIdentity p{margin:6px 0}.shopIdentity h2{font-size:18px;margin:8px 0}.shopOffers{margin-top:12px}.shopOffers button{padding:10px}.shopOffers b{margin-bottom:4px}#shopMessage{margin:10px 0}.endingCast{height:85px}.resultPanel h2{font-size:32px}}
@media(orientation:portrait) and (max-width:650px){#playBottom{flex-wrap:wrap;justify-content:space-between;bottom:178px;padding:10px 16px}.mode{display:none}.weapons{gap:4px}.weapons button{padding:9px 7px}.partnerControls{gap:8px}.partnerControls>span{display:none}#supportBtn small{display:block;margin:3px 0 0}#comms{top:105px;width:72vw}#bossHud{width:74%;top:80px}#interactBtn{bottom:245px;white-space:nowrap}.shopIdentity img{width:95px;height:125px}.shopIdentity h2{font-size:17px}.shopIdentity p{font-size:12px}.shopOffers{gap:8px}.shopOffers button{padding:11px}.shopPanel{padding:18px}.encounterScreen{flex-direction:column;gap:0;justify-content:center;align-items:stretch}.rivalArt{width:100%;max-width:none;text-align:center}.rivalArt img{height:30vh;width:75%}.rivalCopy h2{margin:10px 0}.rivalCopy p{margin:10px 0;font-size:18px}.rivalCopy>small{margin-bottom:16px}.castPanel h2{font-size:20px}.castGrid img{height:120px}.castGrid b{font-size:18px}.castGrid p{font-size:12px}.castGrid{gap:12px}.titleLinks{gap:24px}}
/* Keep support messages below the rival health display. */
body.rival-active #comms{top:132px}
@media(max-width:760px){body.rival-active #comms{top:109px}}
@media(max-height:520px){body.rival-active #comms{top:96px}}