*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030710;color:#edf6ff;font-family:'Yu Gothic',sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #6d9aaa66;background:#0a2037bb;padding:10px 18px;transition:.2s}button:hover{background:#24516c;border-color:#91e6ee}button:focus-visible{outline:2px solid #fff;outline-offset:4px}#game{position:relative;width:100%;height:100%;isolation:isolate;background:#050f21}canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#020712c9,transparent 28%,transparent 80%,#030814aa);z-index:1}header{position:absolute;z-index:8;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 3%;font-size:12px;letter-spacing:2px;color:#b9d8e4}header button{font-size:12px;padding:7px 10px;background:#051123aa;margin-left:8px}.screen{position:absolute;inset:0;z-index:3;padding:90px 6% 65px;overflow:auto;background:linear-gradient(90deg,#020a18e8 0%,#051324ad 38%,transparent 75%)}.hidden,[hidden]{display:none!important}.titlecopy{max-width:570px}.eyebrow{font-size:12px;letter-spacing:4px;color:#a1d9e6;margin:15px 0 20px}h1{font-family:'Yu Mincho',serif;font-size:clamp(52px,7vw,110px);font-weight:600;letter-spacing:-6px;line-height:1.12;margin:12px 0;color:#fff;text-shadow:0 0 45px #fe7ec844}h1 span{display:block;margin-left:60px;background:linear-gradient(#fff,#ffb6df);background-clip:text;color:transparent}h2{font-family:'Yu Mincho',serif;font-size:32px;letter-spacing:6px;font-weight:400;margin:15px 0}.roman{letter-spacing:7px;font-size:13px;color:#e8b1d1}.rule{height:1px;width:230px;background:linear-gradient(90deg,#f7abd5,transparent);margin:25px 0}.intro{line-height:2;color:#c4d2e0;font-size:16px;letter-spacing:3px}.primary{min-width:270px;text-align:left;background:linear-gradient(100deg,#cf86ba,#f0c7df);color:#231729;border:0;padding:18px 24px;box-shadow:0 0 30px #f39bc71f;font-weight:bold;letter-spacing:3px;clip-path:polygon(0 0,96% 0,100% 22%,100% 100%,4% 100%,0 78%)}.primary:hover{background:#ffe1f1;color:#221529;transform:translateX(3px)}.primary small{display:block;font-size:10px;letter-spacing:2px;margin-top:5px}.textbutton{display:block;border:0;background:transparent;color:#9fbed0;font-size:14px;padding:15px 0}.chapter{position:absolute;right:5%;bottom:17%;border-right:2px solid #ecb1d8;text-align:right;padding-right:20px;display:grid;gap:14px}.chapter span{color:#ffd0ea;letter-spacing:4px}.chapter strong{font-family:serif;font-size:34px;font-weight:400;letter-spacing:8px}.chapter small{font-size:10px;letter-spacing:3px}footer{position:absolute;bottom:25px;left:3%;right:3%;font-size:10px;letter-spacing:2px;color:#869ab4;display:flex;justify-content:space-between}.briefhead p:last-child{font-size:15px;color:#adc9da}.briefgrid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:22px;margin-top:35px}.briefgrid article{background:#071c30dc;border-top:1px solid #7be9f0a6;padding:25px;min-height:260px}.index{font-size:11px;color:#7ddbdf;letter-spacing:3px}h3{font-size:18px;margin:24px 0}ol{padding-left:22px;line-height:2.3;font-size:15px}.note{font-size:12px;color:#829fb5;line-height:1.9}.briefgrid dl{display:grid;grid-template-columns:50px 1fr;font-size:13px;gap:12px}.briefgrid dd{margin:0;color:#b3d5e6}.map{position:relative;overflow:hidden;background:radial-gradient(ellipse,#17526a66,#071a2e)!important}.orbit{border:1px solid #5bc5e366;border-radius:50%;position:absolute;left:50%;top:45%;width:210px;height:210px;transform:translate(-50%,-50%)}.orbit.inner{width:155px;height:155px;border-style:dashed;animation:rotate 40s linear infinite}.mapcore{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;color:#b7f7ff;letter-spacing:4px;font-size:24px}.mapcore small{font-size:10px;letter-spacing:2px}.route{position:absolute;bottom:48px;left:8%;right:8%;text-align:center;font-size:12px;color:#efb0d1}.mapstatus{position:absolute;bottom:16px;color:#69bfce;font-size:10px;letter-spacing:2px}.briefbottom{display:flex;justify-content:space-between;margin-top:25px}.playerhud{position:absolute;left:3%;top:82px;width:220px}.playerhud b{letter-spacing:3px;font-size:16px}.hpbar,.energybar{height:7px;background:#ffffff1a;margin:10px 0 5px;transform:skewX(-15deg)}.hpbar i,.energybar i{display:block;height:100%;background:linear-gradient(90deg,#86e7ef,#d9ffff);width:100%}.energybar i{background:linear-gradient(90deg,#cb63b4,#ffc5eb)}.playerhud small{font-size:11px;color:#b2c5d6;letter-spacing:2px}.scorehud{position:absolute;right:3%;top:82px;text-align:right;display:grid;gap:6px}.scorehud span{font-size:10px;letter-spacing:4px;color:#7ca7ba}.scorehud b{font-size:30px;letter-spacing:3px;font-weight:300}.scorehud small{font-size:12px}.bosshud{position:absolute;bottom:65px;left:25%;right:25%;text-align:center}.bosshud b{font-size:14px;letter-spacing:3px;color:#ffb4d4}.bosshud>div{height:6px;background:#411d39;margin:9px 0}.bosshud i{display:block;height:100%;background:#ff779f}.bosshud small{font-size:10px;letter-spacing:3px;color:#ad92aa}#hud{position:absolute;inset:0;z-index:2;pointer-events:none}#notice{position:absolute;top:28%;width:100%;text-align:center;font-size:clamp(18px,3vw,34px);letter-spacing:8px;text-shadow:0 0 22px #96e3ff;white-space:pre-line}.playhint{position:absolute;bottom:22px;text-align:center;width:100%;font-size:12px;color:#819eb4;letter-spacing:2px}#cutin{position:absolute;inset:15% 0;z-index:10;overflow:hidden;border-block:2px solid #ffd1f0;background:#421a42;animation:cut .22s ease-out}#cutin img{width:100%;height:100%;object-fit:cover}#cutin>div{position:absolute;right:6%;bottom:10%;text-align:right;text-shadow:0 3px 8px #220624}#cutin small{display:block;font-size:12px;letter-spacing:6px}#cutin strong{font-family:serif;font-size:clamp(30px,5vw,66px);letter-spacing:6px}.result{background:linear-gradient(90deg,#040d20ed,#051428b8);text-align:center;padding-top:15vh}.result h2{font-size:clamp(38px,6vw,80px);margin:20px}.resultstats{display:flex;justify-content:center;gap:60px;margin:40px 0}.resultstats div{display:grid;gap:14px}.resultstats small{color:#89acbd;letter-spacing:4px;font-size:11px}.resultstats strong{font-size:40px;font-weight:300;color:#ffd0ed}.result .textbutton{margin:auto}dialog{z-index:20;background:#071a2cf5;color:#e3f0ff;border:1px solid #6ab2c1;max-height:90vh;overflow:auto;max-width:500px;width:90%;padding:30px}dialog::backdrop{background:#010510cc}dialog h2{font-size:23px}dialog p{line-height:1.9;font-size:14px}dialog label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;font-size:14px}select{background:#112e44;color:#def3fa;padding:6px;border:1px solid #40748b}input{accent-color:#e89bc9}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#061022;z-index:30;letter-spacing:4px;font-size:16px}#touch{position:absolute;inset:0;z-index:6;pointer-events:none}#stick{position:absolute;bottom:45px;left:30px;width:110px;height:110px;border:1px solid #7cd4e155;border-radius:50%;pointer-events:auto;touch-action:none;background:#0b253644}#stick i{position:absolute;left:35px;top:35px;width:40px;height:40px;border:1px solid #b2f2fd88;border-radius:50%;background:#74b9d133}#stick span{position:absolute;bottom:10px;left:34px;font-size:10px;color:#8baeba}.touchactions{position:absolute;right:25px;bottom:35px;display:grid;grid-template-columns:60px 60px;gap:10px;pointer-events:auto}.touchactions button{width:60px;height:55px;padding:4px;border-radius:10px;touch-action:none;background:#14324799}.touchactions .ult{border-color:#eda0d5;color:#ffd0f0}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes cut{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:850px){header{font-size:9px;letter-spacing:1px;padding:10px 3%}header button{font-size:10px;padding:6px}.screen{padding:65px 5% 45px}.title h1{font-size:64px}.title h1 span{display:inline;margin:0}.eyebrow{font-size:9px;letter-spacing:2px}.intro{font-size:14px}.chapter{display:none}.briefgrid{grid-template-columns:1fr 1fr;margin-top:15px;gap:12px}.briefgrid .map{display:none}.briefgrid article{padding:15px;min-height:0}.briefhead h2{font-size:26px}.briefhead p:last-child{font-size:12px}.briefbottom{margin-top:12px}.briefgrid h3{font-size:15px;margin:15px 0}.briefgrid ol{font-size:12px}.briefgrid dl{font-size:11px;gap:7px}.briefgrid .note{font-size:10px}.primary{min-width:215px;padding:14px 18px}.playerhud{top:52px;width:160px}.scorehud{top:52px}.playhint{font-size:10px}.resultstats{gap:25px}}@media(max-height:580px){.title .intro{display:none}.title .rule{margin:12px 0}.title h1{font-size:60px}.title h1 span{display:inline;margin:0}.title h2{font-size:24px}.screen{padding-top:55px}.briefgrid{margin-top:10px}.briefgrid article{padding:12px}.briefhead h2{font-size:25px;margin:8px 0}.briefhead .eyebrow{margin:0}.briefhead p:last-child{margin:7px 0}.briefgrid h3{margin:10px 0}.briefgrid .note{display:none}.resultstats{margin:20px 0}.result{padding-top:10vh}.result h2{font-size:40px}.title .eyebrow{margin:0 0 10px}.title .roman{margin:8px 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#upgrades{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.upgradecard{background:#081e32ed;border:1px solid #446279;padding:22px}.upgradecard small{color:#83e9ed;font-size:12px;letter-spacing:2px}.upgradecard h3{margin:14px 0}.upgradecard h3 span{font-size:12px;color:#efaad5;float:right}.upgradecard p{font-size:14px;line-height:1.8;min-height:52px;color:#bfcedc}.upgradecard button{width:100%;border-color:#bd88b1;color:#ffd5ed}.upgradecard button:disabled{opacity:.4;cursor:default}#wallet{color:#b3f9ff;font-size:28px}#orbcount{color:#a8f5ff}#skillstatus{color:#d4f9ff}.briefbottom{gap:12px;flex-wrap:wrap}#resultupgrades{margin:8px}#upgrade{background:linear-gradient(100deg,#031020f5,#0b1830df)}@media(max-width:850px){#upgrades{grid-template-columns:repeat(2,1fr)}.upgradecard{padding:16px}}@media(max-width:480px){#upgrades{grid-template-columns:1fr}}
html,body{overscroll-behavior:none}#game{height:100dvh}button{-webkit-tap-highlight-color:transparent}#touch{user-select:none;-webkit-user-select:none}#stick,.touchactions{bottom:max(20px,env(safe-area-inset-bottom))}#stick{left:max(18px,env(safe-area-inset-left))}.touchactions{right:max(18px,env(safe-area-inset-right));grid-template-columns:repeat(3,64px);gap:8px}.touchactions button{width:64px;height:54px;font-size:13px}.touchactions button:active{background:#53798f;color:white}header{padding-left:max(3%,env(safe-area-inset-left));padding-right:max(3%,env(safe-area-inset-right))}
@media(any-pointer:coarse){.playhint{display:none}.bosshud{bottom:145px;left:27%;right:27%}button{min-height:44px}.screen{padding-bottom:max(35px,env(safe-area-inset-bottom))}}
@media(max-width:600px) and (orientation:portrait){.title h1{font-size:clamp(38px,10vw,60px);letter-spacing:-3px}.title .roman{font-size:10px;letter-spacing:4px}.title .intro{font-size:14px}.briefgrid{grid-template-columns:1fr}.briefbottom>*{width:100%}.screen{padding-top:85px}header>span{max-width:95px;font-size:8px;letter-spacing:1px}header button{margin-left:3px}.playerhud{top:90px;width:135px}.scorehud{top:90px;max-width:175px}.scorehud b{font-size:23px}.scorehud small{font-size:10px}.playerhud b{font-size:13px}.playerhud small{font-size:10px;letter-spacing:0}.bosshud{bottom:200px;left:10%;right:10%}#notice{top:28%;letter-spacing:3px;font-size:20px}#stick{width:100px;height:100px;left:14px;bottom:55px}#stick i{left:30px;top:30px}#stick span{left:29px}.touchactions{right:12px;bottom:35px;grid-template-columns:repeat(3,60px)}.touchactions button{width:60px;height:58px;font-size:12px}.resultstats{gap:18px}.resultstats strong{font-size:30px}}
@media(max-height:500px) and (orientation:landscape){header>span{font-size:9px}header button{min-height:32px}.playerhud{top:48px;width:140px}.scorehud{top:48px;gap:2px}.scorehud b{font-size:21px}.scorehud small{font-size:10px}.playerhud small{font-size:9px;letter-spacing:0}.hpbar,.energybar{margin:5px 0 2px;height:5px}.playerhud b{font-size:12px}#stick{width:90px;height:90px;bottom:12px}#stick i{left:25px;top:25px}#stick span{left:24px}.touchactions{bottom:10px;grid-template-columns:repeat(3,58px);gap:5px}.touchactions button{width:58px;height:45px;font-size:11px}.bosshud{bottom:18px;left:29%;right:29%}.bosshud small{font-size:8px;letter-spacing:1px}#notice{font-size:20px;letter-spacing:4px}.title h1{font-size:46px}.title .rule{margin:8px 0}.title h2{font-size:20px;margin:8px 0}.title .primary{padding:10px 18px}.title .textbutton{padding:8px 0}.title footer{display:none}}
.mvlinks{display:flex;gap:12px;flex-wrap:wrap;max-width:460px}.mvlinks a{font-size:13px;color:#d3b3d5;text-decoration:none;border-bottom:1px solid #bca2ce66;padding:7px 0}.mvlinks a:focus-visible{outline:2px solid white}#stagechoices{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}#stagechoices button{font-size:13px;padding:10px 14px}#stagechoices .selected{border-color:#ffb5e5;background:#5e375b}#stagechoices button:disabled{opacity:.45;cursor:default}#records{background:#04101def}#achievementcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.achievement{padding:18px;border:1px solid #304b5e;background:#0c1e32}.achievement h3{margin:10px 0}.achievement small{color:#8497ad}.achievement p{font-size:13px;line-height:1.7;color:#c5d5e4}.achievement.earned{border-color:#edadd7;background:#322139}.achievement.earned small{color:#ffcbea}#rewardfigure{margin:22px 0}#rewardfigure img{width:min(100%,1000px);border:1px solid #daabca}#rewardfigure figcaption{margin:12px 0;color:#e9bdda}#clearart{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.33;z-index:-1}.result.victory{isolation:isolate;background:#04101dee}#newachievements{color:#ffcae8}#nextstage{margin:8px}#resultrecords{display:inline-block;margin:8px}.result .textbutton{display:inline-block;margin:8px}#recordsopen{padding-top:0}.title .textbutton{padding-block:10px}@media(max-width:650px){#achievementcards{grid-template-columns:1fr 1fr}.mvlinks{max-width:280px;gap:4px}.mvlinks a{font-size:11px}#stagechoices{display:grid}#stagechoices button{text-align:left}.achievement{padding:12px}.achievement h3{font-size:15px}}@media(max-height:580px){.title .eyebrow,.title .rule{display:none}.title h1{font-size:42px}.title h2{font-size:19px}.title .roman{margin:6px 0}.title .textbutton{padding-block:5px}.title .primary{padding:10px 18px}.mvlinks a{font-size:11px;padding:4px 0}.title footer{display:none}}
#brief{background:linear-gradient(90deg,#020d1ce8 0%,#031326a8 56%,#03132610 78%)}#brief .briefhead{max-width:72%}#brief .briefgrid{width:65%;grid-template-columns:1fr 1fr;margin-top:20px}#brief .briefgrid article{border:1px solid #73dce455;border-top:2px solid #73dce4;background:linear-gradient(145deg,#07243de8,#07182cd9);box-shadow:inset 0 0 28px #1c7e9622}#brief .briefgrid .map{position:absolute;right:4%;top:52%;width:29%;min-height:0;background:#041426df!important;border:1px solid #ffa4d399;display:block;padding:20px;backdrop-filter:blur(12px)}.map .orbit,.map .mapcore,.map .route,.map .mapstatus{display:none}.briefportrait small{font-size:13px;letter-spacing:2px;color:#f1b3d6}.briefportrait p{line-height:1.9;font-size:17px;margin:15px 0 0}.loadout{color:#c6f2ff;font-size:14px;letter-spacing:1px;border-left:3px solid #f3b0d6;padding:10px 15px;background:#062239bd;width:65%}#upgrade,#records{background:linear-gradient(90deg,#03101df5,#071b32d9)}.upgradecard{border-top:2px solid #73dce4;box-shadow:inset 0 0 22px #3b8ca51a}.upgradecard button:enabled:hover{box-shadow:0 0 18px #f7abd54d}.chainhud{position:absolute;left:3%;top:205px;width:240px;display:grid;gap:5px}.chainhud strong{font-size:24px;letter-spacing:2px;color:#ffd3ee;text-shadow:0 0 20px #ff7dc5}.chainhud strong.resonating{color:#ffe2a4}.chainhud small{font-size:12px;line-height:1.6;color:#c4d8e4}.chainhud>div{height:3px;background:#71556866}.chainhud i{height:100%;display:block;background:#ffa4d6}#styletoast{position:absolute;left:0;right:0;top:39%;text-align:center;color:#ffe5b5;font-size:clamp(15px,2vw,25px);letter-spacing:3px;text-shadow:0 0 18px #c95092,0 2px 6px #061020}#runextras{color:#ffe2a9;font-size:16px}.briefbottom{position:relative;z-index:1}button{border-radius:2px}.briefgrid .note,.note{font-size:13px}.briefgrid dl{font-size:14px}#stagechoices button{font-size:14px}@media(max-width:850px){#brief .briefhead{max-width:100%}#brief .briefgrid{width:100%;grid-template-columns:1fr 1fr}#brief .briefgrid .map{position:relative;top:auto;right:auto;grid-column:1/-1;width:100%;order:-1;background:linear-gradient(90deg,#05182df5,#06132366),url('briefing.png') right 37%/cover!important;min-height:150px;padding-right:40%}.loadout{width:100%}.chainhud{top:160px;width:180px}.chainhud strong{font-size:18px}.chainhud small{font-size:11px}}@media(max-width:600px) and (orientation:portrait){#brief .briefgrid{grid-template-columns:1fr}#brief .briefgrid .map{padding-right:35%;min-height:185px}.chainhud{top:218px;width:150px}.chainhud small{display:none}#styletoast{top:35%;letter-spacing:1px}}@media(max-height:500px) and (orientation:landscape){.chainhud{top:140px;width:170px}.chainhud small{display:none}#brief .briefgrid .map{min-height:110px}.briefportrait p{font-size:14px}.loadout{font-size:12px}.chainhud strong{font-size:16px}}
#brief #stagechoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 22px}#brief #stagechoices button{position:relative;text-align:left;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:5px 10px;padding:12px;min-width:0;background:linear-gradient(120deg,#0b203ad9,#101e34d9);border:1px solid #4e718a}#brief #stagechoices button.selected{border-color:#ffc5df;box-shadow:0 0 20px #efa3cf33}#brief #stagechoices button strong{font-size:14px;font-weight:500}#brief #stagechoices button small{grid-column:2;font-size:12px;line-height:1.5;color:#aec5da}#brief #stagechoices button:disabled{opacity:.5}.towernode{grid-row:1/4;position:relative;display:grid;place-items:center;height:84px}.towernode img{height:80px;width:48px;object-fit:contain;filter:brightness(.45) sepia(.5);transition:filter .4s}.towernode.reclaimed img{filter:brightness(1.5) drop-shadow(0 0 7px #91e9ff)}.towerlight{position:absolute;bottom:0;width:35px;height:3px;background:#873b60}.reclaimed .towerlight{background:#bdffff;box-shadow:0 0 20px 5px #74ddeb88}.reclaimsummary{color:#a6eef0;font-size:14px;border-left:2px solid #81e5ef;padding-left:12px}#partstatus{display:block;margin-top:6px;color:#ffdab1;font-size:12px;letter-spacing:1px}@media(max-width:850px){#brief #stagechoices{gap:6px}#brief #stagechoices button{grid-template-columns:30px 1fr;padding:8px;gap:4px 6px}.towernode img{width:30px;height:65px}.towernode{height:65px}#brief #stagechoices button strong{font-size:12px}#brief #stagechoices button small{font-size:11px}}@media(max-width:600px){#brief #stagechoices{grid-template-columns:1fr}#brief #stagechoices button{grid-template-columns:40px 1fr}.towernode{height:50px}.towernode img{height:50px;width:34px}#brief #stagechoices button strong{font-size:14px}.reclaimsummary{margin:8px 0}}@media(max-height:500px){#partstatus{font-size:10px;margin-top:3px}}
@media(min-width:851px){#brief .briefgrid article:not(.map){padding:18px;min-height:250px}#brief .briefgrid h3{margin:15px 0}#brief .briefgrid dl{gap:9px;margin:12px 0}#brief .briefgrid ol{line-height:2}#brief .briefbottom{margin-top:16px}#brief .towernode{height:65px}#brief .towernode img{height:65px}}
#settings #close{width:100%;min-width:0;margin-bottom:16px}#pauseactions{border-bottom:1px solid #68dfee44;margin-bottom:18px;padding-bottom:8px}#pauseactions>button{display:block;width:100%;text-align:left;margin:8px 0;font-size:14px}#settings summary{cursor:pointer;padding:12px 0;color:#a2ebef;font-size:16px}#settings h3{margin:18px 0 12px}#retireconfirm button{display:block;width:100%;min-width:0;margin:12px 0}#retireaccept{border-color:#e9a5c2;color:#ffd3e6}
.credits{margin:20px 0 12px;border-block:1px solid #68dfee2e}.credits>summary{font:600 12px ui-monospace,monospace!important;letter-spacing:.2em;color:#84bac7!important}.creditsbody{display:grid;gap:7px;padding:5px 12px 14px;border-left:1px solid #72dfe755;background:linear-gradient(90deg,#0a2b3d66,transparent)}.creditsbody small{margin-top:9px;color:#84b9c7;font:10px ui-monospace,monospace;letter-spacing:.14em}.creditsbody strong{font-size:14px;font-weight:500;letter-spacing:.04em}.creditsbody span{font-size:12px;color:#b5c9d6}.creditsbody a{color:#a8eef0;text-decoration-color:#7acbd0;text-underline-offset:3px}.creditsbody button{justify-self:start;margin-top:8px;min-width:110px;padding:8px 14px;font-size:12px}
#cinema{position:absolute;inset:0;z-index:12;background:#020b19}#cinema video{width:100%;height:100%;object-fit:contain}.cinemabar{position:absolute;bottom:0;left:0;width:100%;padding:14px 3%;background:linear-gradient(transparent,#030b1df2);display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:14px;color:#cef6ff}.cinemabar>div{display:flex;gap:8px}.cinemabar button{font-size:14px;min-height:44px;border-color:#89d8ed88}#cutin.dual{border-color:#a9edff;box-shadow:0 0 60px #6ce1ff88}#cutin.dual>div{border-right:4px solid #9cecff;padding-right:20px}#cutin.dual small{color:#b3f3ff}@media(max-width:650px){.cinemabar{flex-direction:column;align-items:stretch;padding:9px 3%;font-size:12px}.cinemabar>div{justify-content:flex-end}.cinemabar button{padding:8px;font-size:12px}}
#game.trial #titleintro{font-size:15px;letter-spacing:1px;line-height:1.9}#game.trial #brief #stagechoices{grid-template-columns:minmax(0,360px)}.trialnote{font-size:14px;line-height:1.8;color:#c0dfe9;max-width:780px}#game.trial .result #resultdesc{max-width:650px;margin:18px auto;line-height:1.9}#game.trial #titleeyebrow{display:block;color:#ffbfe5}@media(max-height:580px){#game.trial #titleeyebrow{font-size:12px;margin-bottom:8px}}
/* Shared diegetic guidance: projected glass, signal rails and Japanese display type. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#notice.holo-notice{--signal:#a6d9ff;--signal-soft:#6bb7ff16;position:absolute;top:72px;left:50%;width:min(460px,50%);transform:translateX(-50%);display:block;padding:8px 12px;text-align:left;letter-spacing:normal;white-space:normal;font-size:14px;color:#f4faff;background:linear-gradient(90deg,#082a506b,#092f5240);border:0;border-left:2px solid #a6d9ff88;box-shadow:none;text-shadow:0 1px 2px #02152e,0 0 4px #02152e;isolation:isolate}
#notice.holo-notice::before,#notice.holo-notice::after{display:none}
#notice[data-tone=warning]{--signal:#a6d9ff;--signal-soft:#6bb7ff24}#notice[data-tone=warning] #noticebadge{border-color:#ffbdce;color:#ffe4ed}
#notice[data-tone=gold]{--signal:#aedfff;--signal-soft:#7ec5ff26}
#notice[data-tone=sakura]{--signal:#b7d8ff;--signal-soft:#8cbaff24}
#notice[data-tone=clear]{--signal:#bce8ff;--signal-soft:#85d0ff28}
.holo-seal{display:none}
.holo-content{min-width:0;padding-right:63px}.holo-meta{display:none}
#noticetitle{display:block;font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif;font-size:18px;font-weight:600;letter-spacing:.035em;line-height:1.4;color:#f7fcff;text-shadow:0 1px 2px #02152e,0 0 4px #02152e;overflow-wrap:anywhere}
#noticedetail{margin:3px 0 0;font-size:13px;line-height:1.45;letter-spacing:0;color:#edf7ff;font-weight:500}
#noticebadge{position:absolute;right:10px;top:8px;background:#092c505c;border:1px solid #9dd4ff66;color:#d9efff;font:12px ui-monospace,'Yu Gothic',sans-serif;padding:2px 5px;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}
#noticeprogress{margin-top:5px;height:2px;background:#bcf6ff12;overflow:hidden}#noticefill{display:block;width:100%;height:100%;background:#a6d9ff99;transform-origin:left}
#styletoast.holo-toast{position:absolute;top:auto;bottom:18%;left:50%;right:auto;width:max-content;max-width:70%;transform:translateX(-50%);padding:5px 10px;color:#edf7ff;background:#0829504d;border:0;border-left:1px solid #a6dbff77;text-align:center;text-shadow:0 1px 2px #02152e,0 0 4px #02152e;letter-spacing:.02em}
.holo-toast small{display:none}.holo-toast strong{font:500 15px 'Yu Gothic',sans-serif;line-height:1.5}
#brief .briefgrid .map{border-top:2px solid #a2eaf1;box-shadow:0 0 24px #89e9ed21,inset 0 0 20px #8fe9ed0d;background:linear-gradient(110deg,#072c539e,#103a6280)!important;backdrop-filter:none}
.briefportrait small{display:block;border-bottom:1px solid #8ce8ee4a;padding-bottom:10px;color:#acf2f1;letter-spacing:.12em}.briefportrait p{font-family:'Yu Mincho','Noto Serif CJK JP',serif;color:#f2f9ff;letter-spacing:.05em;text-shadow:0 1px 2px #02152e,0 0 5px #02152e}
#missionhint{border-left:2px solid #9bd5ff;background:#0a30577d;padding:8px 11px;color:#e6f5ff;text-shadow:0 1px 2px #031a35}#sector{border-right:2px solid #95eaf1;padding:5px 9px;background:#081b2ab8;color:#c7eff5;line-height:1.6}
#game.is-paused .holo-notice,#game.is-paused .holo-toast{animation-play-state:paused}
#game.motion-reduced .holo-notice,#game.motion-reduced .holo-toast{animation:none!important;transition:none!important}
@media(max-width:850px){#notice.holo-notice{top:62px;width:52%;padding:7px 10px}#noticetitle{font-size:17px}#notice.holo-notice #noticedetail{font-size:13px}.holo-content{padding-right:57px}}
@media(max-width:600px) and (orientation:portrait){#notice.holo-notice{top:calc(50% + 28.125vw + 10px);width:92%;padding:7px 10px}#noticetitle{font-size:17px;letter-spacing:.02em}#noticebadge{right:8px;top:7px}#styletoast.holo-toast{top:calc(50% + 28.125vw + 100px);bottom:auto;max-width:92%;padding:4px 8px}.holo-toast strong{font-size:14px}}
@media(max-height:580px) and (orientation:landscape){#notice.holo-notice{top:49px;width:48%;padding:6px 10px}#noticetitle{font-size:16px;line-height:1.35}#notice.holo-notice #noticedetail{font-size:12px;line-height:1.4;margin-top:2px}#noticeprogress{margin-top:4px}#noticebadge{top:6px;right:7px}#styletoast.holo-toast{bottom:14%;padding:4px 8px}.holo-toast strong{font-size:14px}}
/* Reclamation result: artwork stays bright, the report sits beside the character. */
#result.result{padding:80px 5% 40px;text-align:left;isolation:isolate;background:#051426e8}
.result-visual{display:none}
#result.victory{background:#132139}
.victory .result-visual{display:block;position:absolute;inset:0;z-index:-2;overflow:hidden}
#result #clearart{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--art-focus,50% 30%);opacity:1;z-index:0}
.victory .result-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,#04162744 45%,#041322ed 68%,#061323f5);z-index:1}
#result[data-art-side=right] .result-visual::after{background:linear-gradient(90deg,#041322f2,#041627dc 31%,#04162745 52%,transparent 72%)}
.result-body{position:relative;max-width:600px;margin:auto}
.victory .result-body{width:42%;max-width:570px;margin:0 0 0 auto;padding:8px 0 0 18px}
#result.victory[data-art-side=right] .result-body{margin:0 auto 0 0;padding-left:0;padding-right:18px}
#result .eyebrow{color:#bdf6f3;letter-spacing:.22em;margin:8px 0 12px;font:13px ui-monospace,monospace}
.clearstage{color:#ffe0d2;font:13px ui-monospace,'Yu Gothic',sans-serif;letter-spacing:.12em;margin:0 0 14px}
#result .clearheadline{font-family:'Yu Mincho','Noto Serif CJK JP',serif;font-size:clamp(46px,5.7vw,83px);line-height:1.15;letter-spacing:.05em;font-weight:600;margin:0 0 20px;color:#fff7f4;text-shadow:0 0 35px #ffb9e747}
.clearheadline span{color:#ffe0b9;white-space:nowrap}
#result h2{font-size:clamp(22px,2.4vw,32px);letter-spacing:.09em;line-height:1.6;margin:12px 0;color:#f0ffff}
#result .clearquote{font-family:'Yu Mincho','Noto Serif CJK JP',serif;line-height:1.8;font-size:17px;color:#ffe0ee;margin:12px 0;padding-left:13px;border-left:2px solid #ffc2e1}
#result #resultdesc,#game.trial #result #resultdesc{font-size:14px;line-height:1.8;color:#c8dce8;margin:12px 0;max-width:100%}
#result .resultstats{display:grid;grid-template-columns:94px 1fr 85px;align-items:center;gap:18px;margin:24px 0;padding:18px 0;border-block:1px solid #b2f0eb66;background:linear-gradient(90deg,#071e32ba,#091f303d)}
#result .resultstats div{display:grid;gap:7px;padding-left:10px}
#result .resultstats small{font:12px ui-monospace,monospace;letter-spacing:.15em;color:#a8ddd9}
#result .resultstats strong{font:300 clamp(25px,2.7vw,36px) ui-monospace,monospace;color:#fff3f7;letter-spacing:.03em}
#result .rankseal{border:1px solid #ffe3ac;box-shadow:inset 0 0 18px #ebbe782b,0 0 20px #ffe4a414;padding:8px!important;text-align:center;transform:rotate(-4deg)}
#result .rankseal strong{font-family:'Yu Mincho',serif;font-size:51px;line-height:1;color:#ffe4b4;text-shadow:0 0 18px #faca9266}
#result #runextras{font-size:14px;line-height:1.8;margin:14px 0;color:#ffe0b5}
#result #newachievements{font-size:14px;line-height:1.7}
#achievementnotice{position:absolute;z-index:21;top:max(68px,calc(env(safe-area-inset-top) + 52px));right:max(3%,env(safe-area-inset-right));max-width:min(440px,88%);padding:10px 14px;border:1px solid #f0aed1;background:#17152aee;box-shadow:inset 3px 0 #ffb4dc,0 0 22px #e98fc133;color:#ffe4f3;font-size:13px;line-height:1.6;pointer-events:none}
.achievement.classified{border-color:#385064;background:repeating-linear-gradient(135deg,#071725,#071725 9px,#0a1d2d 9px,#0a1d2d 18px)}.achievement.classified small{color:#6e98aa}.achievement.classified h3{color:#8eb0be;letter-spacing:.15em}.achievement.classified p{color:#6f8c9c}
@media(max-height:500px) and (orientation:landscape){#achievementnotice{top:max(46px,calc(env(safe-area-inset-top) + 38px));right:max(2%,env(safe-area-inset-right));max-width:48%;padding:7px 10px;font-size:12px}}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
#result .result-actions>*{width:100%;min-width:0;margin:0;text-align:center;letter-spacing:.08em;padding:13px 8px;font-size:14px}
#result #nextstage{grid-column:1/-1;background:linear-gradient(100deg,#a6e8df,#e1fff4)}
#result .result-actions .textbutton{color:#c4dce8}
.victory-light{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 48% 23%,#fff0bd50,transparent 55%),linear-gradient(115deg,transparent 43%,#fff5d426 49%,transparent 57%);mix-blend-mode:screen}
.victory .result-visual{animation:clear-reveal 1.2s ease-out both}
.victory .result-body{animation:clear-report .65s .25s ease-out both}
.victory .rankseal{animation:rank-reveal .55s .7s ease-out both}
.victory .victory-light{animation:clear-light 2.2s ease-out both}
@keyframes clear-reveal{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}
@keyframes clear-report{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes rank-reveal{from{opacity:0;scale:1.45}to{opacity:1;scale:1}}
@keyframes clear-light{from{opacity:1;translate:-8% 0}to{opacity:.15;translate:8% 0}}
#game.motion-reduced .result-visual,#game.motion-reduced .result-body,#game.motion-reduced .rankseal,#game.motion-reduced .victory-light{animation:none!important}
#game.motion-reduced .victory-light{opacity:.12}
@media(max-width:1000px){#result.result{padding:70px 4% 35px}.victory .result-body{width:46%}#result .clearheadline{font-size:49px}#result .resultstats{grid-template-columns:72px 1fr 72px;gap:10px}#result .rankseal strong{font-size:41px}}
@media(max-width:650px) and (orientation:portrait){#result.result{padding:70px 6% 30px}#result.victory{padding:0 0 30px}.victory .result-visual{height:52vh;min-height:290px}.victory .result-visual::after,#result[data-art-side=right] .result-visual::after{background:linear-gradient(0deg,#07182c,transparent 38%)}#result #clearart{object-position:var(--art-focus)}#result.victory .result-body,#result.victory[data-art-side=right] .result-body{width:auto;max-width:none;margin:44vh 6% 0;padding:0}#result .clearheadline{font-size:46px;margin-bottom:13px}#result h2{font-size:24px}#result .resultstats{grid-template-columns:75px 1fr 75px;margin:18px 0}#result .resultstats strong{font-size:29px}#result .rankseal strong{font-size:43px}.result-actions{margin-top:18px}.clearstage{font-size:12px}#result .clearquote{font-size:16px}}
@media(max-height:580px) and (orientation:landscape){#result.result{padding-top:56px}.victory .result-body{width:47%;padding-top:0}#result .clearheadline{font-size:39px;margin-bottom:8px}#result h2{font-size:21px;margin:6px 0}#result .clearquote{font-size:14px;margin:7px 0}#result .eyebrow,.clearstage{font-size:12px;margin-bottom:8px}#result .resultstats{padding:9px 0;margin:12px 0}#result .resultstats strong{font-size:25px}#result .rankseal strong{font-size:34px}#result #runextras,#result #resultdesc{font-size:13px}.result-actions{margin-top:14px}#result .result-actions>*{padding:10px 6px;font-size:13px}}
.upgradecard.secretcard{border:1px dashed #5b83a45c;border-top:2px solid #6589ac70;background:linear-gradient(130deg,#081c30c7,#10223b80);box-shadow:none}.secretcard h3{font:500 23px ui-monospace,monospace;letter-spacing:.18em;color:#b6ccde}.secretcard small,.secretlock{font:12px ui-monospace,'Yu Gothic',sans-serif;color:#88a7bf;letter-spacing:.12em}.secretrules{display:grid;gap:10px;min-height:65px;padding-top:10px}.secretrules i{display:block;width:72%;height:6px;background:#6d8aa42b}.secretrules i:last-child{width:45%}.secretlock{display:block;margin-top:13px}
.touch-device .playhint{display:none}
.touch-device #touch button{min-width:44px;min-height:44px;touch-action:none}
.touch-device #stick{touch-action:none}
#upgrades.skilltree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.skill-symbol{display:block;width:72px;height:72px;background-image:url('skill-symbols-v1.png');background-size:400% 300%;margin:8px 0}.treenode{position:relative;border-top:2px solid #65cde6}.treenode.learned{border-color:#ffaad7;box-shadow:inset 0 0 25px #fb83c311}.treenode:not(:nth-child(4n))::after{content:'›';position:absolute;right:-19px;top:46%;color:#82d5ec;font-size:26px}.treenode button{margin-top:12px}.treenode small{display:block} @media(max-width:800px){#upgrades.skilltree{grid-template-columns:repeat(2,minmax(0,1fr))}.treenode:nth-child(2n)::after{display:none}}@media(max-width:480px){#upgrades.skilltree{grid-template-columns:1fr}.treenode::after{display:none}.skill-symbol{float:right;width:64px;height:64px}}
#battle-radio{position:absolute;z-index:7;left:24px;bottom:58px;width:min(410px,42%);padding:10px 14px;border-left:3px solid #67d8d8;background:#041a2ebd;pointer-events:none;box-shadow:0 0 20px #45c8cd18}#battle-radio small{color:#73d8dc;font-size:12px;letter-spacing:.12em}#battle-radio p{margin:5px 0 0;font-size:14px;line-height:1.6}@media(max-width:650px) and (orientation:portrait){#battle-radio{left:4%;bottom:180px;width:92%;padding:8px 12px}#battle-radio p{font-size:13px}}@media(max-height:500px) and (orientation:landscape){#battle-radio{left:22%;bottom:12px;width:48%;padding:6px 10px}#battle-radio[data-boss-active="1"]{bottom:max(96px,calc(env(safe-area-inset-bottom) + 84px))}#battle-radio p{font-size:12px;margin:2px 0 0}}
#battle-radio{padding-left:90px;min-height:88px}.comms-portrait{position:absolute;left:10px;top:12px;width:66px;height:66px;background-image:url('comms-portraits-v1.png');background-size:200% 200%;background-position:0 0;border:1px solid #5fbdc980;overflow:hidden;filter:saturate(.65);opacity:.85}.comms-portrait::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#03172870 3px 4px);animation:comms-scan 3s steps(5) infinite}#battle-radio[data-operator=recon] .comms-portrait{background-position:100% 0}#battle-radio[data-operator=support] .comms-portrait{background-position:0 100%}#navvoice{position:relative;padding-left:52px;min-height:44px}#navvoice::before{content:'';position:absolute;left:8px;top:5px;width:34px;height:34px;background:url('comms-portraits-v1.png') 100% 100%/200% 200%;border:1px solid #d799ba80}.motion-reduced .comms-portrait::after,.is-paused .comms-portrait::after{animation:none}@keyframes comms-scan{0%,94%,100%{transform:translateY(0);opacity:.5}95%{transform:translateY(2px);opacity:.9}97%{transform:translateY(-1px);opacity:.3}}@media(max-height:500px) and (orientation:landscape){#battle-radio{padding-left:64px;min-height:62px}.comms-portrait{width:46px;height:46px;left:8px;top:8px}}
.comms-label{display:block;margin-bottom:2px;color:#8bbcc6;font:600 9px ui-monospace,monospace;letter-spacing:.16em;line-height:1.25;opacity:.8;white-space:nowrap}@media(max-height:500px) and (orientation:landscape){.comms-label{font-size:8px;letter-spacing:.11em;margin-bottom:1px}}
.mvlinks a{display:flex;align-items:center;gap:9px}.mvlinks img{width:80px;height:45px;object-fit:cover;border-radius:4px;border:1px solid #bca2ce66;flex:none}.mvlinks a:hover img{border-color:#ffd1ed}.mvlinks img[hidden]{display:none}@media(max-height:580px){.mvlinks img{width:56px;height:32px}}
.treenode:nth-child(n+13)::after{display:none}
#battle-radio[data-interference]:not([data-interference='0']){border-color:#ba9ccc;background:#171125ed}#battle-radio[data-interference]:not([data-interference='0']) small{color:#d6a7cf}#battle-radio[data-interference='1'] .comms-portrait{filter:grayscale(.7) contrast(1.8);opacity:.55}#battle-radio[data-interference='2'] .comms-portrait{filter:grayscale(1) contrast(3) brightness(.55);opacity:.4}#battle-radio[data-interference='3'] .comms-portrait{filter:grayscale(1) contrast(4) brightness(.2);opacity:.3}#battle-radio[data-interference]:not([data-interference='0']) .comms-portrait::after{background:repeating-linear-gradient(0deg,#d3b8e855 0 1px,#120b2499 1px 5px);animation-duration:.8s}
/* Keep long presses on combat controls from selecting text or opening callouts. */
#world, #touch, #touch button { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
#battle-radio[data-operator=hyo] .comms-portrait{background-image:url('hyo-assist.png');background-size:600% 400%;background-position:54% 19%;filter:none;opacity:1;border-color:#ff98ae}
#battle-radio[data-operator=hyo]{border-color:#ff98ae}
#battle-radio[data-operator=hisen] .comms-portrait{background-image:url('hisen-portrait.png');background-size:350% 197%;background-position:62% 29%;filter:none;opacity:1;border-color:#ffa4d5}
#battle-radio[data-operator=hisen]{border-color:#ffa4d5}
#battle-radio[data-operator=cadet],#battle-radio[data-operator=veteran]{border-color:#8ad7df;box-shadow:0 0 22px #64dce42b;animation:unit-comms-in .18s ease-out}#battle-radio[data-operator=cadet] .comms-portrait{background-image:url('tenrin-unit-cadet.webp');background-size:cover;background-position:center 24%;filter:saturate(.82) contrast(1.04);opacity:1}#battle-radio[data-operator=veteran] .comms-portrait{background-image:url('tenrin-unit-veteran.webp');background-size:cover;background-position:center 20%;filter:saturate(.75) contrast(1.08);opacity:1}@keyframes unit-comms-in{from{opacity:.25;transform:translateX(-7px);filter:brightness(1.45)}to{opacity:1;transform:none;filter:none}}
/* Keep compact combat readouts legible over bright skies without adding opaque panels. */
#hud .playerhud,#hud .scorehud,#hud .chainhud{text-shadow:0 1px 2px #010611,0 0 5px #010611}
/* Optional keepsakes share the established records surface. */
#boostcards,#cosmeticcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px}@media(max-width:850px){#boostcards,#cosmeticcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){#boostcards,#cosmeticcards{grid-template-columns:1fr}}
#artexchange{padding:20px 0 28px;border-bottom:1px solid #70cad955;margin-bottom:28px}#artexchange .note{font-size:14px;line-height:1.8}#exchangebalance{color:#ffe1a3;font-size:22px}#exchangestatus{color:#ffd2ec;min-height:1.5em}#exchangecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.exchange-card{padding:14px;border:1px solid #80cfd766;background:#071c2fe8}.exchange-card img,.exchange-sealed{width:100%;aspect-ratio:16/9;object-fit:cover;height:auto}.exchange-sealed{display:grid;place-items:center;background:#111b32;color:#bdc7d9}.exchange-card h4{font-size:18px;margin:15px 0 8px}.exchange-card p{font-size:14px;line-height:1.7;min-height:3.4em}.exchange-card button{width:100%;min-height:44px;font-size:14px}.exchange-card small{display:block;color:#a6eddf;margin-top:8px}#artviewer{max-width:1200px;width:94vw;max-height:92vh;overflow:auto;background:#07121f;color:#fbe9f5;border:1px solid #b7cfe7;padding:18px}#artviewer::backdrop{background:#020611e8}#artviewimage{display:block;max-width:100%;width:auto;max-height:72vh;object-fit:contain;margin:auto}#artviewtitle{font-size:20px;margin:12px 0}#artviewclose{float:right;min-height:44px}#exchangeopen{margin:12px 18px 12px 0}@media(max-width:850px){#exchangecards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){#exchangecards{grid-template-columns:1fr}#artviewer{padding:12px}}
/* Compact armament lab: branch tabs + a swipeable skill flow. */
#upgrade{padding-top:72px}#upgrade>.eyebrow{margin:4px 0 8px}#upgrade>h2{margin:6px 0 8px}#upgrade>p{margin:8px 0}#upgradegroups{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px 0 10px;padding:2px}#upgradegroups::-webkit-scrollbar{display:none}#upgradegroups button{display:flex;align-items:center;gap:8px;min-width:142px;padding:8px 12px;text-align:left;background:#071b30e8;border-color:#50768d;white-space:nowrap}#upgradegroups button b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #79d9e2;color:#b9faff;font-family:'Yu Mincho',serif;font-size:15px}#upgradegroups button span{font-size:13px;letter-spacing:.08em}#upgradegroups button.selected{border-color:#ffb2d9;background:linear-gradient(110deg,#203049,#552542);box-shadow:0 0 16px #ff8dc52e}#upgradegroups button.selected b{border-color:#ffc5e1;color:#fff0f8}.upgradecarousel{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:stretch;gap:8px;max-width:1180px}.slidebutton{min-width:0;padding:0;font:300 32px serif;color:#bdeef4;background:#071a2dbd;border-color:#4f8291}.slidebutton:hover{transform:none;background:#143a50}#upgrades.skilltree{display:flex;grid-template-columns:none;gap:14px;margin:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-color:#bc8caf #0a1c30;scrollbar-width:thin;padding:2px 2px 10px}#upgrades.skilltree .upgradecard{flex:0 0 clamp(245px,27vw,310px);min-height:292px;scroll-snap-align:start;padding:14px 15px;display:flex;flex-direction:column}#upgrades.skilltree .treenode::after{content:'›';right:-12px;top:44%;z-index:2}#upgrades.skilltree .skill-symbol{width:48px;height:48px;margin:7px 0 3px}#upgrades.skilltree .upgradecard h3{font-size:16px;margin:8px 0}#upgrades.skilltree .upgradecard h3 span{font-size:11px}#upgrades.skilltree .upgradecard p{font-size:12px;line-height:1.55;min-height:58px;margin:4px 0 8px}#upgrades.skilltree .upgradeconditions{display:grid;gap:3px;min-height:34px;margin-top:auto}#upgrades.skilltree .upgradeconditions small{font-size:10px;color:#9fc5d5;letter-spacing:0}#upgrades.skilltree .upgradecard>button{margin-top:8px;padding:9px 8px;font-size:12px;min-height:38px}#upgrade>#savewarn{margin-top:10px}#upgrade>#exchangeopen{margin-top:4px}#upgrade>#upback{padding:12px 18px;min-width:230px}@media(max-width:650px){#upgrade{padding:62px 4% 38px}#upgrade>h2{font-size:24px;letter-spacing:3px}#wallet{font-size:22px}#upgradegroups{margin-top:10px}#upgradegroups button{min-width:126px;padding:7px 9px}.upgradecarousel{grid-template-columns:minmax(0,1fr)}.slidebutton{display:none!important}#upgrades.skilltree .upgradecard{flex-basis:min(82vw,290px);min-height:285px}#upgrade>#upback{width:100%}}
/* Compact title utilities and archive navigation. */
.titleutilities{display:flex;gap:9px;margin:11px 0}.titleutility{display:flex;align-items:center;gap:9px;min-width:164px;padding:8px 12px;text-align:left;background:linear-gradient(120deg,#071a2ed9,#14283bd9);border-color:#55788d}.titleutility>b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #75d8df;color:#bffaff;font:17px 'Yu Mincho',serif}.titleutility>span{display:grid;gap:2px;font-size:13px;letter-spacing:.08em}.titleutility small{font-size:9px;color:#86afc2;letter-spacing:.16em}.titleutility:hover{border-color:#ffb7db;background:linear-gradient(120deg,#173449,#49243d)}#records{padding-top:68px}#records>.eyebrow{margin:4px 0 6px}#records>h2{margin:6px 0 10px}#recordtabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:8px 0 14px}#recordtabs::-webkit-scrollbar{display:none}#recordtabs button{min-width:120px;padding:9px 13px;font-size:13px;white-space:nowrap}#recordtabs button.selected{border-color:#ffc0df;background:linear-gradient(100deg,#26394d,#5a2847);box-shadow:0 0 16px #f995ca30}.recordpanel{max-width:1120px;padding:12px 14px 15px;border:1px solid #5e879b66;border-top:2px solid #72dce3;background:#07192ce0}.recordpanel>h3{margin:4px 0 10px;font-size:18px}.recordpanel>p{margin:6px 0}#artexchange{padding:12px 14px 15px;margin:0;border-bottom:1px solid #5e879b66}#exchangecards,#boostcards,#cosmeticcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px;margin:8px 0 14px}.exchange-card{padding:10px}.exchange-card h4{font-size:15px;margin:8px 0 5px}.exchange-card p{font-size:12px;line-height:1.45;min-height:2.9em;margin:4px 0 8px}.exchange-card button{min-height:38px;padding:8px;font-size:12px}.exchange-card small{font-size:10px;margin-top:5px}.exchange-sealed{font-size:12px;aspect-ratio:16/7}.exchange-card img{aspect-ratio:16/7}#achievementcards{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px}.achievement{padding:11px}.achievement h3{font-size:15px;margin:6px 0}.achievement p{font-size:12px;line-height:1.5;margin:5px 0}#rewardfigure{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px;margin:8px 0}#rewardfigure figure{margin:0;padding:7px;border:1px solid #53758b;background:#081b2f}.rewardthumb{display:block;width:100%;padding:0;border:0;background:transparent;overflow:hidden}.rewardthumb:hover{background:transparent;transform:none}.rewardthumb:hover img{filter:brightness(1.12);transform:scale(1.025)}#rewardfigure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:0;transition:.2s}#rewardfigure figcaption{margin:7px 2px 2px;font-size:11px;line-height:1.45;color:#e9c4dc}#recordsback{margin-top:14px;padding:11px 18px;min-width:230px}@media(max-width:600px){.titleutilities{gap:6px}.titleutility{min-width:0;flex:1;padding:7px}.titleutility>b{width:29px;height:29px}.titleutility>span{font-size:11px}.titleutility small{font-size:8px}#records{padding:62px 4% 35px}#recordtabs button{min-width:108px;padding:8px 10px}.recordpanel{padding:10px}#exchangecards,#boostcards,#cosmeticcards,#achievementcards,#rewardfigure{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exchange-card{padding:7px}.exchange-card h4{font-size:13px}.exchange-card p{font-size:11px}.exchange-card button{font-size:11px}#rewardfigure figcaption{font-size:10px}#recordsback{width:100%}}@media(max-width:390px){#exchangecards,#boostcards,#cosmeticcards,#achievementcards,#rewardfigure{grid-template-columns:1fr}}
/* Compact swipeable operation map. */
#brief .briefhead{max-width:min(92%,1120px)}#brief .briefhead>.eyebrow{margin-bottom:8px}#brief .briefhead>h2{margin:6px 0}#brief #missionbrief{margin:6px 0;font-size:13px;line-height:1.55}.reclaimsummary{display:inline-block;margin:5px 0 8px;padding:5px 10px;font-size:12px;background:#062238b8}.stagecarousel{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:7px;max-width:1060px;align-items:stretch}.stageslide{min-width:0;padding:0;font:300 28px serif;color:#b9eef3;background:#071a2dcc;border-color:#4b788b}.stageslide:hover{transform:none;background:#163c52}#brief .stagecarousel #stagechoices{display:flex;grid-template-columns:none;gap:8px;margin:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#bd8caf #091a2c;padding:2px 2px 7px}#brief .stagecarousel #stagechoices button{position:relative;flex:0 0 196px;min-width:0;min-height:78px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto auto;align-items:center;gap:2px 8px;padding:8px 9px;scroll-snap-align:center;background:linear-gradient(120deg,#081d32ed,#111f35e8);border:1px solid #476d83;text-align:left}#brief .stagecarousel #stagechoices button.selected{border-color:#ffc3df;background:linear-gradient(120deg,#15354a,#542541);box-shadow:0 0 16px #f69aca35,inset 0 0 18px #ff9bca12}#brief .stagecarousel #stagechoices button:disabled{opacity:.42}#brief .stagecarousel .towernode{grid-column:1;grid-row:1/4;width:34px;height:55px}.stagecarousel .towernode img{width:30px;height:50px}.stagecarousel .towerlight{width:25px}#brief .stagecarousel #stagechoices strong{grid-column:2;font-size:12px;line-height:1.25;white-space:normal}#brief .stagecarousel #stagechoices small{grid-column:2;font-size:10px;line-height:1.3;color:#a8c4d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:650px){#brief .briefhead{max-width:100%}#brief #missionbrief{font-size:12px}.stagecarousel{grid-template-columns:minmax(0,1fr)}.stageslide{display:none}#brief .stagecarousel #stagechoices button{flex-basis:168px;min-height:72px;padding:7px}#brief .stagecarousel .towernode{height:48px}.stagecarousel .towernode img{height:45px}#brief .stagecarousel #stagechoices strong{font-size:11px}.reclaimsummary{font-size:11px}}
/* A single, non-wrapping mission strip with readable sector hierarchy. */
#brief .stagecarousel #stagechoices {
position:relative; flex-wrap:nowrap; min-width:0; padding:4px 3px 10px;
}
#brief .stagecarousel #stagechoices button {
flex:0 0 210px; grid-template-columns:42px minmax(0,1fr);
grid-template-rows:30px auto auto; gap:5px 10px; padding:12px;
border-radius:3px 14px 3px 3px; border-color:#355b71;
background:linear-gradient(135deg,#0c2439f5,#071423f5);
}
#brief .stagecarousel #stagechoices .stage-number {
grid-column:1;grid-row:1; font:500 26px ui-monospace,monospace;
color:#7edee7;letter-spacing:-1px;line-height:1;
}
#brief .stagecarousel #stagechoices .towernode {
grid-column:1;grid-row:2/4;width:36px;height:45px;opacity:.7;
}
#brief .stagecarousel #stagechoices .towernode img {width:25px;height:42px}
#brief .stagecarousel #stagechoices strong {
grid-column:2;grid-row:1/3;font-size:14px;line-height:1.5;align-self:start;
}
#brief .stagecarousel #stagechoices small {font-size:12px;line-height:1.4}
#brief .stagecarousel #stagechoices small:last-child {grid-column:1/-1;border-top:1px solid #64849a33;padding-top:5px}
#brief .stagecarousel #stagechoices button.selected {
border-color:#ffb7da;background:linear-gradient(135deg,#26324c,#371c35);
box-shadow:inset 3px 0 #ffc0de,0 0 12px #f294c222;
}
#brief .stagecarousel #stagechoices button.selected .stage-number {color:#ffd4e9}
#brief .stagecarousel #stagechoices button:disabled {opacity:.6}
#brief .stagecarousel #stagechoices button:focus-visible {outline-offset:-4px}
#brief .stageslide {width:44px;min-height:44px;border-radius:3px}
#brief .stagecarousel {grid-template-columns:44px minmax(0,1fr) 44px}
@media(max-width:650px){
#brief .stagecarousel{grid-template-columns:minmax(0,1fr)}
#brief .stagecarousel #stagechoices button{flex-basis:200px}
}
.color-shop-art{display:block;width:100%;max-height:240px;object-fit:cover;object-position:center 38%;border:1px solid #659db0;margin:12px 0}.appearance-preview{display:flex;align-items:center;justify-content:center;gap:16px;background:#081726;border:1px solid #659db0;margin:12px 0}.appearance-preview canvas{width:min(50%,240px);height:auto}.appearance-preview p{font-size:14px;line-height:1.8}.appearance-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.appearance-swatches article{display:grid;gap:6px;padding:8px;border:1px solid #527487;background:#0b2032}.appearance-swatches button{min-height:44px;font-size:14px;padding:7px}.appearance-swatches [aria-pressed=true]{border-color:#ffd1e7;background:#513049}.appearance-swatches i{display:inline-block;vertical-align:middle;width:18px;height:18px;margin-right:7px;border-radius:50%;background:var(--swatch);border:1px solid #fff8}#recordsupport summary{cursor:pointer;padding:12px 0;font-size:16px}#cosmeticcards .exchange-sealed{background:linear-gradient(#06142377,#061423aa),url('shop-colors-v1.png') center/cover;font-weight:bold} @media(max-width:560px){.appearance-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-preview{gap:4px}.appearance-preview p{font-size:12px}}
.appearance-preview canvas{position:static;inset:auto;display:block;flex:0 0 auto;max-width:50%;aspect-ratio:1}
#battle-radio[data-support-kind]{border-color:#67d8d8}
#battle-radio[data-support-kind=emergency]{border-color:#ffcf68}
#battle-radio[data-support-kind=chorus]{border-color:#d5ffff;box-shadow:0 0 24px #73edf64d}
#support-link-buffs[hidden]{display:none}
#support-link-buffs{position:absolute;z-index:7;right:24px;bottom:18px;display:flex;justify-content:flex-end;gap:6px;max-width:min(560px,65%);pointer-events:none}
#support-link-buffs>div{display:flex;align-items:center;gap:5px;min-width:0;padding:5px 8px;border:1px solid #5ac8d88c;background:#061c31e8;box-shadow:inset 2px 0 #72e9ef;white-space:nowrap}
#support-link-buffs i{display:grid;place-items:center;width:16px;height:16px;border:1px solid #80edf2;color:#a7faff;font:700 9px ui-monospace,monospace}
#support-link-buffs [data-effect=attack] i::before{content:'A'}#support-link-buffs [data-effect=defense] i::before{content:'D'}#support-link-buffs [data-effect=move] i::before{content:'S'}#support-link-buffs [data-effect=energy] i::before{content:'E'}
#support-link-buffs b{color:#a7faff;font:700 11px ui-monospace,monospace}
#support-link-buffs time{color:#fff;font:700 11px ui-monospace,monospace}
#support-link-flash{position:absolute;z-index:8;right:28px;bottom:52px;padding:5px 10px;border:1px solid #7cebf1;background:#082338c9;color:#c9feff;font:700 12px ui-monospace,monospace;letter-spacing:.08em;pointer-events:none;animation:support-flash-out 1.1s ease-out both}@keyframes support-flash-out{0%{opacity:0;transform:translateY(6px);filter:brightness(1.5)}15%,65%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}#support-link-flash[hidden]{display:none}
@media(any-pointer:coarse){#support-link-buffs{left:50%;right:auto;bottom:155px;max-width:72%;transform:translateX(-50%);justify-content:center;gap:4px}#support-link-buffs>div{padding:4px 6px;gap:3px}}
@media(max-height:500px) and (orientation:landscape){#support-link-buffs{bottom:68px;max-width:58%}#support-link-flash{right:22%;bottom:112px}}
#orientation-advice{position:absolute;inset:0;z-index:19;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#020a16a8;pointer-events:none}
#orientation-advice[hidden]{display:none}
.orientation-card{width:min(410px,92vw);padding:24px 22px 19px;border:1px solid #73dce6;border-top:2px solid #b8faff;background:linear-gradient(145deg,#061729f5,#0b3044f5);box-shadow:0 0 35px #54d7e536;text-align:center;pointer-events:auto}
.orientation-card strong{display:block;margin-top:14px;color:#f4fdff;font:600 18px/1.55 'Yu Mincho','Yu Gothic',serif;letter-spacing:.05em}
.orientation-card p{margin:8px 0 16px;color:#bcd9e3;font-size:14px;line-height:1.7}
.orientation-card button{min-height:42px;padding:8px 18px;border-color:#78bdca;color:#bdeaf0;font-size:13px}
.orientation-icon{position:relative;width:82px;height:58px;margin:auto;color:#a9f8ff}
.orientation-icon i{position:absolute;left:24px;top:9px;width:34px;height:50px;border:2px solid currentColor;border-radius:5px;box-shadow:0 0 13px #64e6ef66;transform:rotate(-20deg)}
.orientation-icon i::after{content:'';position:absolute;left:11px;bottom:4px;width:8px;height:2px;background:currentColor}
.orientation-icon span{position:absolute;right:0;top:-5px;font:36px/1 ui-monospace,monospace;text-shadow:0 0 12px #62e5ee;transform:rotate(25deg)}
@media(max-height:500px){.orientation-card{width:min(500px,78vw);padding:13px 18px 11px}.orientation-icon{width:62px;height:38px}.orientation-icon i{left:19px;top:3px;width:25px;height:36px}.orientation-icon i::after{left:8px;bottom:3px;width:6px}.orientation-icon span{font-size:28px}.orientation-card strong{display:inline-block;margin:0 0 0 10px;font-size:16px}.orientation-card p{margin:5px 0 8px}.orientation-card button{min-height:36px;padding:5px 14px}}
.titlecopy{max-width:640px}.title-logo-heading{width:min(640px,48vw);max-width:100%;margin:8px 0 18px;line-height:0;letter-spacing:0;text-shadow:none}.title-logo{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none;user-select:none}@media(max-width:600px) and (orientation:portrait){.title-logo-heading{width:min(90vw,560px)}}@media(max-height:500px) and (orientation:landscape){.title-logo-heading{width:min(48vw,470px);margin:4px 0 10px}}