/* The screen belongs to the battlefield. Interfaces are temporary overlays. */
html,body{width:100%;height:100%;height:100dvh;min-height:0;overflow:hidden}#app{width:100%;height:100dvh;min-height:0;overflow:hidden}.topbar{height:74px;min-height:74px;flex-shrink:0;padding:0 4vw}#footer{height:26px;min-height:26px;flex-shrink:0}#screen{min-height:0;overflow:hidden;flex:1}.command{height:100%;min-height:0;padding:clamp(16px,3vh,32px) 4.5vw;gap:20px;overflow:hidden}.command-top{flex:1;min-height:0}.hero-copy{padding-top:0}.hero-copy h1{font-size:clamp(48px,7.8vh,82px);margin:20px 0 17px;line-height:.98}.hero-copy p{font-size:12px;line-height:1.75}.hero-index{margin-top:20px}.situation{margin-top:0}.command-bottom{flex-shrink:0;grid-template-columns:minmax(0,1fr) 350px;gap:35px}.squad-card{height:clamp(95px,17vh,170px)}.mission-card{padding:19px 21px 16px}.mission-card h2{font-size:26px;margin-top:10px}.mission-meta{margin-top:9px;padding-bottom:13px}.mission-reward{padding-block:13px}.mission-card .primary{min-height:45px}.mission-foot{font-size:7px}.squad-tip{font-size:9px;line-height:1.5;margin-top:10px}.operators-page,.records-page{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#52607a #101727}.page{padding-top:30px;padding-bottom:40px}.page-heading h1{font-size:31px}.discipline-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px}.discipline-portrait{height:540px;position:sticky;top:15px;isolation:isolate;border:1px solid var(--line);border-top:2px solid var(--char-color);overflow:hidden;display:flex;align-items:end}.discipline-portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%;z-index:-2}.discipline-portrait:after{content:'';inset:0;position:absolute;background:linear-gradient(0deg,#080f1c 0%,#080f1c88 34%,transparent 75%);z-index:-1}.discipline-portrait>div{padding:23px}.discipline-portrait h2{font-size:31px;font-weight:400;line-height:1.1;margin:10px 0 8px}.discipline-portrait p{color:#b3c0d2;font-size:11px}.discipline-portrait blockquote{font-size:11px;line-height:1.6;font-style:italic;margin:22px 0 18px;color:#a1b3ca}.discipline-xp{font:9px var(--mono);color:var(--gold);letter-spacing:1px}.discipline-content{min-width:0}.discipline-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:17px}.discipline-top>div{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.discipline-top span,.discipline-top small{font:8px var(--mono);letter-spacing:1px;color:#95a6c0}.discipline-top strong{font:28px var(--mono);font-weight:400;color:var(--gold)}.discipline-top .secondary{font-size:9px;min-height:34px}.fighting-form{padding:18px 20px;background:linear-gradient(90deg,color-mix(in srgb,var(--char-color) 9%,#111a2b),#111a2b);border:1px solid var(--line);margin:20px 0}.fighting-form>span{font:8px var(--mono);letter-spacing:2px;color:var(--char-color)}.fighting-form h3{font-size:20px;font-weight:400;margin:9px 0 12px;line-height:1.35}.fighting-form b{font:9px var(--mono);font-weight:400;border:1px solid var(--line);padding:5px 8px;color:#bbcada;display:inline-block;margin:0 6px 5px 0}.fighting-form p{font-size:11px;color:#a8b9cf}.discipline-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.discipline-branch>header{display:flex;gap:12px;min-height:84px;padding:9px 0 16px}.discipline-branch>header>span{font-size:24px;line-height:1;color:var(--char-color);opacity:.8}.discipline-branch h3{font-size:13px;font-weight:500;margin:0 0 7px}.discipline-branch header p{font-size:10px;line-height:1.5;color:#8f9fb8}.discipline-node{display:flex;flex-direction:column;text-align:left;background:#0c1525;border:1px solid #9babcb36;width:100%;padding:16px 14px;margin-bottom:20px;min-height:178px;position:relative}.discipline-node:after{content:'';height:20px;width:1px;background:#7c91ab44;position:absolute;top:100%;left:25px}.discipline-node:last-child:after{display:none}.discipline-node:disabled{opacity:.66}.discipline-node .node-type{font:7px var(--mono);color:#a0afc4;letter-spacing:.7px}.discipline-node h4{font-size:15px;font-weight:400;line-height:1.2;margin:15px 0 10px}.discipline-node p{font-size:11px;line-height:1.65;color:#b4c1d5}.discipline-node small{font:7px var(--mono);letter-spacing:.4px;margin-top:auto;padding-top:15px;color:#6f839f}.discipline-node.learnable:hover{border-color:var(--char-color);transform:translateY(-3px)}.discipline-node.learned{background:color-mix(in srgb,var(--char-color) 8%,#0a1424);border-color:var(--char-color)}.discipline-node.learned .node-type,.discipline-node.learned small{color:var(--char-color)}.discipline-node.ascension{border-width:2px;min-height:190px;background:#131b2e}.hidden-discipline{width:100%;display:flex;align-items:center;gap:22px;text-align:left;border:1px dashed #9c8caf77;background:radial-gradient(ellipse at left,#7a4e8b22,#111827);padding:24px 23px;margin:7px 0 24px}.hidden-discipline:disabled{opacity:.85}.hidden-sigil{font:40px var(--mono);color:#d4b2dd;width:50px;text-align:center;flex-shrink:0;text-shadow:0 0 25px #c584ef55}.hidden-discipline div>span{font:8px var(--mono);letter-spacing:2px;color:#b59dc9}.hidden-discipline h3{font-size:21px;font-weight:400;margin:10px 0}.hidden-discipline p{font-size:12px;line-height:1.7;color:#afbad0}.hidden-discipline small{display:block;font:9px var(--mono);line-height:1.7;color:#8c9eb9;margin-top:13px}.hidden-discipline.revealed{border-style:solid;border-color:#d4b2dd}.hidden-discipline.learned{border-color:#e4c9ef;background:#6e428925}.discipline-current{padding:20px;border-left:2px solid var(--char-color);background:#111b2c;margin-bottom:18px}.discipline-current>h3{font-size:19px;font-weight:400;margin-bottom:10px}.discipline-current>p{font-size:12px;line-height:1.7;color:#a4b7ce}.discipline-current>div{margin-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.discipline-current article{border-top:1px solid var(--line);padding-top:12px}.discipline-current article b{font-size:11px;font-weight:500;display:block;color:#d3dcec;margin-bottom:6px}.discipline-current article span{font-size:10px;line-height:1.65;color:#879db9;display:block}
.access-pending #app{visibility:hidden}#access-gate{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#152135 0%,#0c1322 33%,#050811 78%);color:#dce3ed;font-family:var(--mono);transition:opacity .45s,transform .45s}#access-gate.complete{opacity:0;pointer-events:none;transform:scale(1.03)}.access-grid{position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:linear-gradient(#7590b033 1px,transparent 1px),linear-gradient(90deg,#7590b033 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.access-grid:after{content:'';position:absolute;left:0;right:0;height:1px;background:#eb6579;box-shadow:0 0 25px #eb657966;animation:access-scan 6s linear infinite}@keyframes access-scan{from{top:-5%}to{top:105%}}.access-topline,.access-bottomline{position:relative;display:flex;justify-content:space-between;padding:28px 35px;font-size:8px;letter-spacing:1.5px;color:#71849e}.access-topline{border-bottom:1px solid #7f99b317}.access-bottomline{border-top:1px solid #7f99b317}.access-center{text-align:center;width:min(520px,90vw);margin:20px auto;position:relative}.access-emblem{width:105px;height:105px;margin:0 auto 34px;position:relative;display:grid;place-items:center}.access-emblem b{font-size:65px;line-height:1;font-weight:400;color:#ef657c;text-shadow:0 0 35px #ef657c33}.access-emblem i{position:absolute;inset:0;border:1px solid #8299b04d;border-right-color:#ef657c;border-radius:50%;animation:access-orbit 15s linear infinite}.access-emblem:after{content:'';position:absolute;inset:9px;border:1px dashed #8a9db433;border-radius:50%}@keyframes access-orbit{to{transform:rotate(360deg)}}.access-label{font-size:8px;letter-spacing:3px;color:#8396b2}.access-center h1{font-family:var(--sans);font-size:55px;letter-spacing:11px;margin:18px 0 13px;font-weight:800;padding-left:11px}.access-center>p{font-size:9px;letter-spacing:3px;color:#d799a7}.access-readouts{display:flex;flex-direction:column;gap:12px;text-align:left;max-width:330px;margin:38px auto 31px;border-block:1px solid #708ba52b;padding:20px 0}.access-readouts span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#7488a5}.access-readouts b{font-weight:400;color:#b5cdbd}.access-readouts span:last-child b{color:#c2b29a}#access-connect{width:100%;max-width:380px;min-height:53px;padding:15px 22px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:auto;background:#e75a73;color:#0a0c14;border:1px solid #ef8b9d;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);font:600 11px var(--mono);letter-spacing:1px;text-transform:uppercase}#access-connect span{font-size:20px}#access-connect:hover{background:#fa7e93}#access-windowed{font:9px var(--mono);color:#7e91ae;padding:16px 20px;text-decoration:underline;text-underline-offset:5px}.access-center>small{font:8px/1.8 var(--mono);color:#576c89;display:block;max-width:340px;margin:15px auto 0}.access-progress{height:2px;max-width:380px;margin:8px auto 0;background:#29344a;overflow:hidden;opacity:0}.access-progress i{display:block;height:100%;background:#ef6d86;width:0}.connecting .access-progress{opacity:1}.connecting .access-progress i{animation:connect-progress 1.1s ease-in-out forwards}.connecting .access-emblem i{animation-duration:1s}@keyframes connect-progress{to{width:100%}}
body.battle-mode #app,body.battle-mode #screen{width:100%;height:100dvh;min-height:0!important;max-height:100dvh;overflow:hidden}body.battle-mode .backdrop,body.battle-mode .grain{display:none}.war-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#11172a;touch-action:none}.war-stage #battle-canvas{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:fill;touch-action:none;outline:0}.war-hud{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(13px + env(safe-area-inset-left));display:flex;gap:17px;align-items:center;max-width:calc(100% - 200px);padding:12px 15px 12px 9px;background:linear-gradient(110deg,#09101ef0,#0e1726df);border:1px solid #a8b8d236;box-shadow:0 4px 25px #0003;z-index:5;backdrop-filter:blur(10px)}.war-menu,.war-pause{height:37px;width:34px;flex-shrink:0;color:#b1bfd3;font-size:17px;border:1px solid #98aec02e;background:#16233880}.war-menu:hover,.war-pause:hover{background:#28374f}.heart-readout{width:142px;flex-shrink:0}.heart-readout>span,.war-stat>span{display:block;font:7px var(--mono);color:#8b9fba;letter-spacing:1.3px;text-transform:uppercase}.heart-readout>div{display:flex;gap:10px;align-items:center;margin:5px 0 6px}.heart-readout strong{font:19px var(--mono);color:#e8e0c2;font-weight:400}.heart-readout small{font:8px var(--mono);color:#97cdbd}.heart-readout>i{display:block;height:3px;background:#3a2d42}.heart-readout>i>b{height:100%;width:100%;display:block;background:#dcc18a;box-shadow:0 0 10px #f5ce9855;transition:width .2s}.war-stat{min-width:56px}.war-stat strong{display:block;font:17px var(--mono);font-weight:400;color:#d9e0ed;margin-top:7px}.resource-stat strong{color:#e6c994}.war-boss{position:absolute;top:99px;left:50%;transform:translateX(-50%);width:min(470px,50vw);background:#120f20de;border:1px solid #ce718767;padding:10px 14px;z-index:4;pointer-events:none}.war-boss>span{display:block;text-align:center;font:8px var(--mono);letter-spacing:2px;color:#f7a3b6;margin-bottom:8px}.war-boss>i{height:5px;background:#382135;display:block}.war-boss b{height:100%;display:block;background:#e65d83;box-shadow:0 0 12px #e65d8355}.route-alerts{position:absolute;top:105px;left:14px;display:flex;flex-direction:column;gap:6px;z-index:5}.route-alerts button{min-height:33px;min-width:130px;background:#0c1526d9;border:1px solid #96aacc2e;display:flex;align-items:center;gap:9px;padding:7px 10px}.route-alerts button>i{font:15px var(--mono);font-style:normal;color:#e6bf90}.route-alerts button>span{font:7px var(--mono);letter-spacing:1px;color:#a3b0c4}.route-alerts button>b{font:11px var(--mono);margin-left:auto;color:#e8a2b4;font-weight:400}.route-alerts button:hover{border-color:#e0a9b4}.war-overview{position:absolute;right:calc(13px + env(safe-area-inset-right));top:calc(12px + env(safe-area-inset-top));width:170px;z-index:5;border:1px solid #8da4c63b;background:#091121de;backdrop-filter:blur(8px)}.war-overview>div:first-child{font:7px var(--mono);letter-spacing:.5px;color:#869cba;display:flex;justify-content:space-between;padding:8px}.war-overview>div:first-child b{font-weight:400;color:#cfdae9}.war-overview canvas{display:block;width:100%;height:auto;aspect-ratio:288/172;touch-action:none;cursor:crosshair}.camera-controls{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #8ba4c32e}.camera-controls button{height:32px;border-right:1px solid #8ba4c32e;font:13px var(--mono);color:#b4c3d7}.camera-controls button:last-child{border:0;font-size:9px}.camera-controls button:hover{background:#27384c}.war-level{position:absolute;left:16px;bottom:109px;width:185px;background:#091323d9;border:1px solid #9aafc137;padding:11px 13px;z-index:5}.war-level>span{font:7px var(--mono);letter-spacing:1.6px;color:#a8b7cc}.war-level>i{display:block;height:3px;background:#2d3650;margin:9px 0}.war-level>i b{height:100%;width:0;background:#bf97e8;display:block;box-shadow:0 0 8px #bf97e844}.war-level>button{display:flex;justify-content:space-between;width:100%;font:8px var(--mono);color:#b4a4d0;padding:0}.war-level button b{font-weight:400;color:#d5c1ef}.war-instruction{position:absolute;left:50%;transform:translateX(-50%);bottom:23px;padding:8px 14px;background:#091221b8;color:#9db0c9;font:8px/1.5 var(--mono);text-align:center;max-width:calc(100% - 270px);z-index:3;pointer-events:none}.war-fortify,.war-command{position:absolute;bottom:calc(15px + env(safe-area-inset-bottom));width:103px;height:79px;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #bf9a6e99;background:linear-gradient(150deg,#3b2a30ef,#111c2de8);box-shadow:0 5px 25px #0005;backdrop-filter:blur(8px)}.war-fortify{left:calc(16px + env(safe-area-inset-left))}.war-command{right:calc(16px + env(safe-area-inset-right));border-color:#ef6b8ca6;background:linear-gradient(135deg,#62283bef,#172239f0)}.war-fortify>span,.war-command>span{font-size:24px;line-height:1;color:#e4c291}.war-command>span{color:#fa9fb7}.war-fortify b,.war-command b{font:9px var(--mono);letter-spacing:1px}.war-fortify small,.war-command small{font:6px var(--mono);letter-spacing:.6px;color:#a6b8cf}.war-fortify:hover,.war-command:hover{transform:translateY(-3px);border-color:#f7c7ba}.war-warmup{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);width:min(420px,calc(100% - 280px));padding:23px 27px;background:linear-gradient(145deg,#111d30f5,#0b1425ed);border:1px solid #c7ad7d80;border-top:2px solid #d0af79;text-align:center;box-shadow:0 15px 55px #0007;z-index:6;backdrop-filter:blur(13px)}.war-warmup>span{font:7px var(--mono);letter-spacing:2px;color:#b9a984}.war-warmup h2{font-size:29px;font-weight:400;letter-spacing:-.7px;margin:13px 0 12px}.war-warmup p{font-size:11px;color:#9aafc9;line-height:1.7}.war-warmup>div{display:flex;gap:10px;margin-top:20px}.war-warmup .primary{flex:1;min-height:39px;font-size:8px;letter-spacing:.7px;gap:10px;padding:0 12px}.war-warmup .secondary{font-size:8px;letter-spacing:.6px;min-height:39px;padding:10px 12px}.war-context{position:absolute;width:350px;max-height:calc(100% - 165px);z-index:12;background:linear-gradient(145deg,#152036f5,#0b1525f7);border:1px solid #b6a18088;border-top:2px solid #dfb786;padding:18px 19px 19px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#657b99 #17243b;box-shadow:0 15px 60px #0008;backdrop-filter:blur(16px);touch-action:pan-y}.context-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.context-top>span{font:7px var(--mono);letter-spacing:.6px;color:#af9d88}.context-top button{font-size:24px;width:26px;height:24px;line-height:1;color:#b4c4da}.war-context>h2{font-size:25px;font-weight:400;letter-spacing:-.7px;line-height:1.1}.context-intro{font-size:11px;line-height:1.7;color:#9db1cb;margin-top:12px}.command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.command-technique{position:relative;text-align:left;padding:12px 10px 11px;min-height:119px;background:#0e192be8;border:1px solid color-mix(in srgb,var(--skill) 50%,transparent);display:flex;flex-direction:column;align-items:flex-start}.command-technique:disabled{opacity:.53}.command-technique svg{width:30px;height:30px;color:var(--skill);margin-bottom:9px}.command-technique .command-energy{position:absolute;top:11px;right:8px;font:7px var(--mono);color:var(--skill)}.command-technique>b{font-size:13px;font-weight:500;margin-bottom:5px}.command-technique>small{font-size:9px;color:#a5b7d0;line-height:1.5}.command-technique>em{font:7px var(--mono);font-style:normal;color:#8ca3c2;margin-top:7px;line-height:1.5}.command-technique:hover{border-color:var(--skill);background:color-mix(in srgb,var(--skill) 10%,#111c30)}.command-explanation{font-size:10px;line-height:1.7;color:#99aecb;border-top:1px solid var(--line);padding-top:13px;margin-top:15px;min-height:55px}.command-explanation b{font-weight:500;color:#d9e1ec}.command-explanation span{color:#818fa6}.node-occupant{display:flex;align-items:center;gap:14px;margin:18px 0}.node-occupant>img{width:64px;height:78px;object-fit:cover;object-position:top;border:1px solid var(--line)}.node-occupant span{font:6px var(--mono);letter-spacing:1px;color:#8298b7}.node-occupant h3{font-size:21px;font-weight:400;margin:9px 0 7px}.node-occupant p{font-size:10px;line-height:1.6;color:#9bb0ca}.node-actions{display:flex;flex-direction:column;gap:9px;margin-top:20px}.context-primary,.context-secondary{border:1px solid #c1a17880;min-height:40px;font-size:10px;padding:11px 13px;text-align:center;background:#664c3733}.context-secondary{border-color:#7087a855;background:#172943a8}.context-text{font:9px var(--mono);color:#849ab8;text-align:left;padding:9px 0}.context-foot{font:8px/1.7 var(--mono);color:#7188a9;margin-top:16px}.context-label{font:7px var(--mono);letter-spacing:1px;color:#b1a7a3;margin:19px 0 10px}.deployment-choices{display:flex;flex-direction:column;gap:6px}.deployment-choices>button{display:flex;align-items:center;gap:11px;border:1px solid #8aa0bd3b;background:#1320399c;text-align:left;padding:7px 9px}.deployment-choices img{width:35px;height:42px;object-fit:cover;object-position:top}.deployment-choices b{font-size:12px;font-weight:400;display:block}.deployment-choices small{font-size:8px;color:#91a7c3;display:block;margin-top:6px}.deployment-choices em{margin-left:auto;font:11px var(--mono);font-style:normal;color:#dfc38e}.build-choices{display:flex;flex-direction:column;gap:8px}.build-choices>button{display:flex;gap:12px;align-items:center;border:1px solid #8aa0bd3b;background:#122039ab;padding:13px 11px;text-align:left}.build-choices button>span{font-size:25px;color:var(--skill);width:27px;text-align:center;flex-shrink:0}.build-choices button h3{font-size:13px;font-weight:500;margin-bottom:7px}.build-choices button p{font-size:10px;line-height:1.65;color:#91a9c7}.build-choices button em{font:10px var(--mono);font-style:normal;color:#dfc38e;margin-left:auto}.build-choices button:hover{border-color:var(--skill)}.structure-heading{display:flex;align-items:center;gap:16px;margin:20px 0}.structure-heading>span{font-size:45px;color:var(--skill)}.structure-heading small{font:7px var(--mono);letter-spacing:1px;color:#879ab6}.structure-heading h3{font-size:23px;font-weight:400;margin-top:8px}.max-tier{font:9px var(--mono);letter-spacing:1px;color:#cbb7e3;text-align:center;padding:14px;background:#75628b22;border:1px solid #a086b84d}.run-family-list{display:flex;flex-direction:column;gap:12px;margin-top:19px}.run-family-list>article{border:1px solid #9aadc330;border-left:2px solid var(--skill);padding:15px;background:#111d2f}.run-family-list header{display:flex;gap:11px;align-items:center}.run-family-list header>span{font-size:26px;color:var(--skill)}.run-family-list h3{font-size:15px;font-weight:400;margin-bottom:5px}.run-family-list small{font:8px var(--mono);color:#9faec6}.run-family-list p{font-size:10px;line-height:1.7;color:#96aac5;margin:12px 0}.run-chain{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.run-chain span{font:7px var(--mono);color:#7589a7;background:#0c1423;padding:6px;border:1px solid #8da1ba2e}.run-chain span.learned{color:var(--skill);border-color:var(--skill)}.next-family{display:block;line-height:1.7}.mutation-list{display:flex;flex-direction:column;gap:9px;margin-top:21px}.mutation-list article{border:1px dashed #c6a6d15c;padding:14px;display:flex;gap:14px;background:#37274533}.mutation-list article>span{font-size:25px;color:#b99cca}.mutation-list h3{font-size:14px;font-weight:400;margin-bottom:9px}.mutation-list p{font-size:10px;line-height:1.7;color:#a5a6bd}.mutation-list small{font:7px/1.7 var(--mono);color:#8c84a2;display:block;margin-top:9px}.mutation-list article.acquired{border-style:solid;border-color:#dbbae8}.war-log{position:absolute;top:50%;left:50%;transform:translate(-50%,10px);max-width:80%;background:linear-gradient(90deg,transparent,#0a1321df,transparent);padding:13px 35px;z-index:4;font:9px var(--mono);letter-spacing:1.5px;color:#a6b7ce;text-align:center;opacity:0;transition:.25s;pointer-events:none}.war-log.visible{opacity:1;transform:translate(-50%,0)}.war-log.danger{color:#f098aa}.war-cutin{position:absolute;inset:40% 0 auto;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:linear-gradient(90deg,transparent,#090f22ee,transparent);border-block:1px solid var(--char-color);z-index:3;pointer-events:none;animation:cutin 1.3s forwards}.war-cutin span{font:8px var(--mono);letter-spacing:4px;color:var(--char-color)}.war-cutin b{font-size:24px;letter-spacing:1px;font-weight:400;text-transform:uppercase}.draft-next{padding-top:17px;margin-top:auto;min-height:80px}.draft-next>b{font:7px var(--mono);letter-spacing:1px;color:var(--upgrade-color);display:block;margin-bottom:7px}.draft-next>span{font-size:10px;line-height:1.6;color:#93a8c5;display:block}.draft-chain{display:flex;gap:5px;margin:17px 0 2px}.draft-chain>i{width:25px;height:3px;background:#31425c}.draft-chain>i.active{background:var(--upgrade-color);box-shadow:0 0 8px color-mix(in srgb,var(--upgrade-color) 25%,transparent)}.draft-card{min-height:340px}.draft-card .draft-icon{margin-bottom:22px}.draft-card .draft-tag{line-height:1.7}.draft-card .draft-key{padding-top:16px}.draft-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.draft-footer>span{font:9px var(--mono);color:#859ab7;text-align:left}.draft-footer .secondary{font-size:9px}.mutation-draft{background:linear-gradient(140deg,#79478c28,#0d1729)}
@media(max-width:1100px){.topbar{height:66px;min-height:66px}.command{padding:22px 3.5vw;gap:18px}.hero-copy h1{font-size:clamp(43px,7.5vh,68px);letter-spacing:-3px}.hero-copy p{font-size:11px}.hero-index{font-size:8px}.command-bottom{grid-template-columns:minmax(0,1fr) 315px;gap:22px}.squad-card{height:clamp(85px,16vh,145px)}.squad-card h3{font-size:12px}.mission-card{padding:17px 19px 14px}.mission-card h2{font-size:24px}.mission-card .primary{font-size:9px;min-height:41px}.situation{width:210px;padding:17px}.situation p{font-size:10px}.discipline-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.discipline-portrait{height:470px}.discipline-portrait>div{padding:18px}.discipline-portrait h2{font-size:27px}.discipline-branches{gap:10px}.discipline-node{padding:13px 11px;min-height:195px}.discipline-node h4{font-size:13px}.discipline-node p{font-size:10px}.discipline-top small{display:none}.discipline-branch>header{min-height:94px}.war-hud{gap:12px;padding:10px;max-width:calc(100% - 187px)}.heart-readout{width:130px}.war-stat{min-width:46px}.war-stat strong{font-size:15px}.war-overview{width:155px}.war-warmup{bottom:72px;width:385px;padding:22px}.war-context{width:335px}.war-log{font-size:8px}}
@media(max-width:800px){.topbar{height:61px;min-height:61px;padding-inline:20px}.command{padding:22px 25px}.command-top{min-height:0}.command-bottom{display:grid;grid-template-columns:1fr;gap:17px}.hero-copy h1{font-size:clamp(45px,7vh,67px);margin:15px 0 14px}.hero-copy p{font-size:11px}.hero-copy .hero-index{margin-top:14px}.squad-card{height:105px}.squad-card .role{font-size:6px}.squad-card h3{font-size:11px}.mission-card{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding:16px 19px}.mission-card .mission-reward{grid-row:1/4;grid-column:2;padding:0}.mission-card .eyebrow,.mission-card h2,.mission-card .mission-meta{grid-column:1}.mission-card .mission-meta{padding-bottom:0;border:0;font-size:7px}.mission-card .primary{grid-column:1;margin-top:15px}.mission-card .mission-foot{grid-column:2;grid-row:4;font-size:6px;flex-direction:column;gap:5px;margin-top:15px}.mission-card h2{font-size:25px}.mission-reward h4{font-size:8px}.mission-reward p{font-size:9px}.mission-reward .reward-avatar{width:38px;height:42px}.squad-tip{font-size:7px;margin-top:8px}.squad-strip{gap:7px}.section-label{font-size:8px;margin-bottom:8px}.discipline-layout{display:block}.discipline-portrait{position:relative;top:0;height:190px;width:100%;margin-bottom:23px}.discipline-portrait>img{left:auto;width:50%;object-position:50% 18%;mask-image:linear-gradient(90deg,transparent,#000 30%)}.discipline-portrait:after{background:linear-gradient(90deg,#08101c 20%,#08101cb3 45%,transparent)}.discipline-portrait>div{width:65%;padding:22px}.discipline-portrait h2{font-size:31px}.discipline-portrait blockquote{max-width:75%;margin:12px 0;font-size:10px}.discipline-portrait p{font-size:10px}.discipline-node{min-height:190px}.war-hud{top:9px;left:9px;gap:10px;max-width:calc(100% - 154px)}.heart-readout{width:110px}.heart-readout strong{font-size:17px}.heart-readout>span,.war-stat>span{font-size:6px;letter-spacing:.7px}.war-stat strong{font-size:14px}.war-menu,.war-pause{width:29px;height:33px;font-size:15px}.war-overview{width:133px;right:9px;top:9px}.war-overview>div:first-child{font-size:5px;padding:7px 5px}.camera-controls button{height:29px}.route-alerts{top:88px;left:10px}.route-alerts button{min-width:111px;min-height:29px;padding:6px 8px}.route-alerts button>span{font-size:6px}.route-alerts button>b{font-size:10px}.route-alerts button>i{font-size:13px}.war-boss{top:87px;width:42vw;left:53%}.war-boss>span{font-size:6px;letter-spacing:1px}.war-level{width:149px;left:11px;bottom:99px;padding:10px}.war-level>span{font-size:6px}.war-instruction{font-size:7px;max-width:calc(100% - 215px);bottom:20px}.war-fortify,.war-command{width:87px;height:72px;bottom:12px}.war-fortify{left:11px}.war-command{right:11px}.war-fortify small,.war-command small{font-size:5px}.war-fortify b,.war-command b{font-size:8px}.war-warmup{width:350px;bottom:66px;padding:20px}.war-warmup h2{font-size:26px}.war-context{max-height:calc(100% - 145px)}.war-cutin b{font-size:20px}.draft-card{min-height:330px}.draft-next>span{font-size:9px}.draft-card p{font-size:11px}.draft-card h3{font-size:18px}}
@media(max-width:650px){.topbar{height:58px;min-height:58px;padding-inline:15px;gap:12px}.brand{font-size:16px;letter-spacing:2px;gap:6px}.brand small{font-size:5px;letter-spacing:1.5px}.brand-mark{font-size:25px}.main-nav{gap:12px}.main-nav button{font-size:8px;letter-spacing:.3px}.main-nav button span{display:none}.top-right .icon-button{display:none}.top-right #sound-toggle{display:block}.top-right{gap:0}#footer{height:20px;min-height:20px;font-size:6px;padding:0 15px}#footer b{display:none}.command{padding:20px 18px 17px;gap:14px}.hero-copy h1{font-size:clamp(42px,7.3vh,62px);letter-spacing:-3px;margin:15px 0 12px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.hero-copy p{font-size:10px;line-height:1.7;max-width:300px}.hero-index{margin-top:14px;font-size:7px}.command-bottom{gap:15px}.squad-card{height:93px}.squad-card h3{font-size:9px}.squad-card .char-info{left:6px;bottom:9px}.squad-card .role{font-size:5px;letter-spacing:0}.squad-card .index{font-size:6px;left:6px;top:7px}.squad-card .stars{font-size:6px;letter-spacing:0;top:6px;right:5px}.squad-strip{gap:5px}.squad-tip{font-size:6px;line-height:1.6}.mission-card{display:block;padding:16px 17px 13px}.mission-card .eyebrow{font-size:7px;letter-spacing:1.2px}.mission-card h2{font-size:24px;margin-top:10px}.mission-card .mission-meta{font-size:6px;letter-spacing:.3px;margin-top:8px}.mission-card .mission-reward{padding:12px 0}.mission-card .mission-reward h4{font-size:8px}.mission-card .mission-reward p{font-size:8px}.mission-card .mission-reward .reward-avatar{width:32px;height:35px}.mission-card .primary{min-height:39px;margin-top:0;font-size:9px;letter-spacing:1px}.mission-card .mission-foot{font-size:5px;flex-direction:row;margin-top:10px;gap:8px}.mission-card .mission-num{font-size:52px;top:21px;right:17px}.section-label{font-size:7px;letter-spacing:.6px}.page{padding:22px 15px 30px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:27px}.page-heading p{font-size:10px}.operator-tab{height:60px}.operator-tabs{gap:5px;margin-bottom:18px}.operator-tab h3{font-size:9px}.operator-tab small{font-size:5px}.operator-tab .stars{font-size:6px;letter-spacing:0}.discipline-portrait{height:180px;margin-bottom:18px}.discipline-portrait>div{padding:18px}.discipline-portrait h2{font-size:28px}.discipline-portrait blockquote{font-size:9px}.discipline-xp{font-size:7px}.discipline-top{gap:10px}.discipline-top>div{gap:9px}.discipline-top span{font-size:7px;letter-spacing:.5px}.discipline-top strong{font-size:25px}.discipline-top .secondary{font-size:7px;padding:8px 10px;min-height:31px}.fighting-form{padding:15px;margin:16px 0}.fighting-form h3{font-size:18px}.fighting-form>span{font-size:7px;letter-spacing:1px}.fighting-form b{font-size:8px}.discipline-branches{display:flex;flex-direction:column;gap:16px}.discipline-branch>header{min-height:0;padding:8px 0 14px;align-items:center}.discipline-branch>header>span{font-size:24px}.discipline-branch h3{font-size:16px}.discipline-branch header p{font-size:11px}.discipline-node{min-height:0;padding:16px;margin-bottom:14px}.discipline-node:after{height:14px}.discipline-node .node-type{font-size:7px}.discipline-node h4{font-size:17px;margin:11px 0 8px}.discipline-node p{font-size:12px;line-height:1.7}.discipline-node small{font-size:7px;padding-top:13px}.discipline-node.ascension{min-height:0}.hidden-discipline{padding:20px 17px;gap:15px}.hidden-sigil{width:32px;font-size:32px}.hidden-discipline h3{font-size:19px}.hidden-discipline div>span{font-size:6px;letter-spacing:1px}.hidden-discipline p{font-size:11px}.hidden-discipline small{font-size:8px}.discipline-current{padding:17px}.discipline-current>div{grid-template-columns:1fr}.discipline-current>h3{font-size:19px}.access-topline,.access-bottomline{padding:20px 18px;font-size:6px;gap:20px;letter-spacing:.6px}.access-topline span:last-child{display:none}.access-center h1{font-size:40px;letter-spacing:7px;padding-left:7px}.access-label{font-size:7px;letter-spacing:1.7px}.access-center>p{font-size:7px;letter-spacing:2px}.access-emblem{width:88px;height:88px;margin-bottom:27px}.access-emblem b{font-size:55px}.access-readouts{max-width:275px;margin-block:29px 25px;padding-block:17px}.access-readouts span{font-size:7px}#access-connect{width:calc(100% - 20px);max-width:320px;font-size:9px;padding:14px 17px;min-height:50px}.access-center>small{font-size:7px;max-width:280px}.war-hud{left:8px;top:calc(8px + env(safe-area-inset-top));max-width:calc(100% - 16px);width:calc(100% - 16px);gap:10px;padding:8px 9px;justify-content:space-between}.war-menu,.war-pause{width:28px;height:32px}.heart-readout{width:118px}.heart-readout strong{font-size:17px}.heart-readout small{font-size:7px}.heart-readout>span{font-size:5px}.war-stat{min-width:34px}.war-stat>span{font-size:5px;letter-spacing:.4px}.war-stat strong{font-size:13px}.war-stat.kills-stat{display:none}.war-hud .resource-stat strong{font-size:13px}.war-overview{top:83px;width:117px;right:9px}.war-overview>div:first-child{font-size:4px;letter-spacing:.1px;padding:6px 4px}.camera-controls button{height:28px;font-size:12px}.camera-controls button:last-child{font-size:8px}.route-alerts{top:84px;left:9px;gap:5px}.route-alerts button{min-width:103px;min-height:28px;padding:5px 7px}.route-alerts button>span{font-size:5px;letter-spacing:.4px}.route-alerts button>b{font-size:10px}.route-alerts button>i{font-size:12px}.war-boss{top:204px;left:50%;width:calc(100% - 36px);padding:9px 12px}.war-boss>span{font-size:6px;letter-spacing:1px}.war-level{bottom:103px;left:10px;width:131px;padding:10px}.war-level>span{font-size:6px;letter-spacing:.8px}.war-level>button{font-size:7px}.war-level>i{margin:8px 0}.war-fortify,.war-command{width:88px;height:75px;bottom:calc(12px + env(safe-area-inset-bottom))}.war-fortify{left:10px}.war-command{right:10px}.war-command>span,.war-fortify>span{font-size:25px}.war-command b,.war-fortify b{font-size:8px}.war-instruction{bottom:30px;max-width:calc(100% - 205px);font-size:6px;padding:6px 8px;line-height:1.7}.war-warmup{width:calc(100% - 34px);bottom:220px;padding:21px 20px}.war-warmup>span{font-size:6px;letter-spacing:1px}.war-warmup h2{font-size:28px}.war-warmup p{font-size:11px}.war-warmup>div{gap:9px}.war-warmup .primary,.war-warmup .secondary{font-size:8px;min-height:40px;padding:10px 11px}.war-context{left:8px!important;right:8px!important;top:auto!important;bottom:100px!important;width:auto;max-height:calc(100dvh - 185px);padding:17px 17px 18px;border-top-width:2px}.context-top>span{font-size:6px;letter-spacing:.6px}.war-context>h2{font-size:26px}.context-intro{font-size:12px}.command-technique{min-height:115px;padding:12px}.command-technique>b{font-size:15px}.command-technique>small{font-size:10px}.command-technique>em{font-size:8px}.command-technique svg{height:28px;width:28px}.command-technique .command-energy{font-size:8px;right:10px;top:12px}.command-grid{gap:9px;margin-top:16px}.command-explanation{font-size:11px}.build-choices button h3{font-size:14px}.build-choices button p{font-size:11px}.deployment-choices b{font-size:13px}.deployment-choices small{font-size:9px}.context-primary,.context-secondary{font-size:11px;min-height:42px}.context-foot{font-size:9px}.node-occupant h3{font-size:23px}.war-log{font-size:8px;line-height:1.7;letter-spacing:.5px;max-width:90%;padding:14px 20px;top:38%}.war-cutin{height:98px;top:40%}.war-cutin b{font-size:19px;line-height:1.3;text-align:center;max-width:85%}.war-cutin span{font-size:7px;letter-spacing:2px}.draft-card{min-height:210px;padding:18px 18px 18px 72px}.draft-card .draft-icon{font-size:29px;left:22px;top:40px}.draft-card h3{font-size:19px;margin:8px 0 11px}.draft-card p{font-size:12px;line-height:1.65}.draft-chain{margin-top:13px}.draft-next{min-height:0;margin-top:0;padding-top:13px}.draft-next>span{font-size:11px}.draft-next>b{font-size:7px}.draft-footer{flex-direction:column;align-items:stretch;gap:13px;margin-top:20px}.draft-footer>span{font-size:8px;line-height:1.6;text-align:center}.draft-footer .secondary{font-size:10px;min-height:42px}.draft-modal h2{font-size:27px}.draft-modal>p{font-size:11px}.draft-cards{margin-top:23px}}
@media(max-height:720px) and (min-width:700px){.topbar{height:57px;min-height:57px}#footer{height:22px;min-height:22px}.command{display:grid;grid-template-columns:1fr 330px;grid-template-rows:1fr auto;gap:14px 25px;padding:19px 4vw}.command-top{grid-column:1;grid-row:1;display:block}.command-bottom{display:contents}.command-bottom>.squad{grid-column:1;grid-row:2}.command-bottom>.mission-card{grid-column:2;grid-row:1/3;align-self:end;display:block}.mission-card .mission-reward{padding:14px 0}.mission-card .primary{margin-top:0}.mission-card .mission-foot{display:flex;flex-direction:row}.hero-copy h1{font-size:52px;margin:14px 0 12px}.hero-copy p{font-size:10px;line-height:1.6}.hero-index{margin-top:12px;font-size:7px}.situation{display:none}.squad-card{height:105px}.squad-tip{font-size:7px}.section-label{font-size:8px}.brand{font-size:20px}.brand-mark{font-size:29px}.main-nav button{font-size:10px}.access-emblem{width:70px;height:70px;margin-bottom:18px}.access-emblem b{font-size:43px}.access-center h1{font-size:40px;margin:14px 0 10px}.access-readouts{margin:24px auto;padding:15px 0;gap:9px}.access-topline,.access-bottomline{padding-block:18px}.access-center{margin:10px auto}.access-center>small{margin-top:9px}.war-warmup{bottom:35px;width:370px;padding:19px 22px}.war-warmup h2{font-size:25px}.war-level{bottom:103px}.war-context{max-height:calc(100% - 130px)}}
@media(max-height:480px) and (min-width:650px){.topbar{height:44px;min-height:44px;padding:0 20px}#footer{display:none}.brand{font-size:15px;letter-spacing:3px}.brand small{font-size:5px}.brand-mark{font-size:24px}.main-nav button{font-size:8px}.top-right .icon-button{font-size:15px}.command{grid-template-columns:1fr 290px;padding:15px 25px;gap:10px 22px}.hero-copy h1{font-size:39px;margin:10px 0 9px}.hero-copy .eyebrow{font-size:6px;letter-spacing:1px}.hero-copy p{font-size:8px;line-height:1.5}.hero-index{display:none}.squad-card{height:80px}.squad-card h3{font-size:10px}.squad-card .role{font-size:5px}.squad-tip{font-size:6px}.section-label{font-size:6px;margin-bottom:6px}.mission-card{padding:14px 16px}.mission-card .eyebrow{font-size:6px}.mission-card h2{font-size:23px;margin-top:9px}.mission-card .mission-meta{font-size:6px;padding-bottom:10px}.mission-card .mission-reward{padding:10px 0}.mission-card .mission-reward h4{font-size:7px}.mission-card .mission-reward p{font-size:8px}.mission-card .mission-reward img{width:30px;height:34px}.mission-card .primary{min-height:36px;font-size:8px}.mission-foot{font-size:5px;margin-top:10px}.war-hud{top:7px;left:9px;padding:7px 9px;gap:12px;max-width:calc(100% - 140px)}.war-menu,.war-pause{height:28px;width:27px}.heart-readout{width:114px}.heart-readout>span,.war-stat>span{font-size:5px}.heart-readout strong{font-size:15px}.war-stat strong{font-size:13px}.war-overview{top:7px;right:9px;width:118px}.war-overview>div:first-child{font-size:5px;padding:5px}.camera-controls button{height:25px}.route-alerts{top:76px;left:10px;gap:4px}.route-alerts button{min-width:100px;min-height:25px;padding:5px 7px}.route-alerts button>span{font-size:5px}.route-alerts button>b{font-size:9px}.war-level{left:10px;bottom:84px;width:118px;padding:8px}.war-level>span{font-size:5px}.war-level>button{font-size:6px}.war-level>i{margin:6px 0}.war-command,.war-fortify{width:85px;height:62px;bottom:10px}.war-command>span,.war-fortify>span{font-size:20px}.war-command b,.war-fortify b{font-size:7px}.war-command small,.war-fortify small{font-size:5px}.war-warmup{left:50%;bottom:32px;width:330px;padding:16px 20px}.war-warmup h2{font-size:22px;margin:10px 0}.war-warmup p{font-size:10px}.war-warmup>span{font-size:6px}.war-warmup>div{margin-top:14px}.war-warmup .primary,.war-warmup .secondary{min-height:35px;font-size:7px}.war-context{width:330px;max-height:calc(100% - 100px);padding:13px 16px;top:70px!important;bottom:auto!important}.war-context h2{font-size:22px}.command-technique{min-height:105px}.context-intro{font-size:10px}.command-explanation{font-size:9px}.war-boss{top:70px;padding:8px 12px}.war-boss>span{font-size:6px}.war-log{font-size:7px}.war-cutin{height:80px}.war-cutin b{font-size:18px}.access-center{width:600px;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:center;text-align:left}.access-emblem{grid-column:1;grid-row:1/5;margin:0;width:80px;height:80px;position:absolute;left:0;top:48px;opacity:.35}.access-center h1{grid-column:1;font-size:32px;letter-spacing:5px;padding-left:0;margin:16px 0 10px}.access-label{grid-column:1;font-size:6px;letter-spacing:1px}.access-center>p{grid-column:1;font-size:6px;letter-spacing:1.5px}.access-readouts{grid-column:2;grid-row:1/4;margin:0 0 12px;width:100%;padding:13px 0;font-size:6px;gap:9px}.access-readouts span{font-size:6px}#access-connect{grid-column:2;min-height:42px;font-size:8px;padding:10px 14px}#access-windowed{grid-column:2;font-size:7px;padding:12px}.access-progress{grid-column:2;width:100%;margin:0}.access-center>small{grid-column:2;font-size:6px;margin:8px 0 0}.access-topline,.access-bottomline{font-size:6px;padding:17px 22px}}
@media(max-height:710px) and (max-width:650px){.command{padding:15px 18px;gap:10px}.hero-copy h1{font-size:45px;margin:11px 0 9px}.hero-copy p{font-size:9px;line-height:1.6}.hero-index{display:none}.squad-card{height:77px}.mission-card{padding:13px 15px 11px}.mission-card h2{font-size:22px;margin-top:8px}.mission-card .mission-reward{padding:9px 0}.mission-card .mission-reward img{height:31px;width:29px}.mission-card .primary{min-height:36px;font-size:8px}.mission-card .mission-foot{margin-top:8px}.command-bottom{gap:12px}.squad-tip{font-size:5px}.access-emblem{height:70px;width:70px;margin-bottom:21px}.access-emblem b{font-size:45px}.access-readouts{margin-block:23px}.access-center h1{font-size:36px}.war-warmup{bottom:155px}.war-level{bottom:96px}.war-context{max-height:calc(100dvh - 175px);bottom:92px!important}}
@media(prefers-reduced-motion:reduce){.access-grid:after,.access-emblem i{animation:none}.connecting .access-progress i{animation:none;width:100%}}
.next-structure{padding:13px 14px;border:1px solid #9672b54d;background:#68478b18;margin-top:17px;font-size:11px;color:#b5bfd4;line-height:1.7}.next-structure>b{display:block;font:7px var(--mono);letter-spacing:1px;color:#bc9ed5;margin-bottom:6px}
.war-overview>div:first-child{align-items:center;gap:4px}.war-overview>div:first-child>button{font:15px var(--mono);height:20px;min-width:19px;color:#c4b6a4;padding:0}.war-overview.collapsed canvas,.war-overview.collapsed .camera-controls{display:none}.war-overview.collapsed{opacity:.8}
@media(max-width:650px){.command-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.command-technique{min-height:115px;padding:11px 8px 10px}.command-technique>b{font-size:12px;line-height:1.25}.command-technique>small{font-size:8px;line-height:1.5}.command-technique>em{font-size:6px}.command-technique .command-energy{font-size:6px;right:6px;top:9px}.command-technique svg{width:25px;height:25px;margin:10px 0 8px}.command-explanation{font-size:9px;line-height:1.6;min-height:0}.war-context .context-intro{font-size:11px;line-height:1.6}.camera-controls{grid-template-columns:repeat(2,1fr)}.camera-controls [data-war=zoomout],.camera-controls [data-war=zoomin]{display:none}.camera-controls button{height:36px}.camera-controls button:last-child{font-size:9px}.route-alerts button{min-height:34px;min-width:112px}.route-alerts button>span{font-size:6px}.route-alerts button>i{font-size:14px}.war-overview>div:first-child>button{height:24px;min-width:23px}.war-overview>div:first-child>span{font-size:4px}.war-overview>div:first-child>b{font-size:5px}}