.volume{flex-direction:column;gap:22px;display:flex}.volume__row{align-items:center;gap:18px;display:flex}.volume__label{width:70px;font-size:28px}.volume__mute{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid}.volume__mute:hover{background:#fff3}.volume__row.is-muted .volume__mute{color:#ff6b5b}.volume__value{text-align:right;width:56px;font:28px var(--num-font,sans-serif)}.volume__row.is-muted .volume__value,.volume__row.is-muted .volume__slider{opacity:.4}.volume__slider{appearance:none;cursor:pointer;background:0 0;flex:1;height:32px;margin:0}.volume__slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, #0098dc var(--fill), #ffffff40 var(--fill));height:6px}.volume__slider::-moz-range-track{background:linear-gradient(90deg, #0098dc var(--fill), #ffffff40 var(--fill));height:6px}.volume__slider::-webkit-slider-thumb{appearance:none;background:#fff;width:22px;height:30px;margin-top:-12px;box-shadow:0 0 6px #00000080}.volume__slider::-moz-range-thumb{background:#fff;border:0;border-radius:0;width:22px;height:30px}.flow-intro,.flow-accomplished,.flow-failed,.flow-result,.flow-rhodes{pointer-events:auto;position:absolute;inset:0;overflow:hidden}.flow-continue{text-align:center;opacity:.85;font-size:26px;animation:1.6s ease-in-out infinite flow-blink;position:absolute;bottom:70px;left:0;right:0}@keyframes flow-blink{50%{opacity:.35}}@keyframes flow-fade-in{0%{opacity:0}}.flow-intro{background:radial-gradient(at 50% 45%,#46484e8c,#0000 60%),repeating-linear-gradient(115deg,#ffffff04 0 2px,#0000 2px 5px),#16171a;justify-content:center;align-items:center;transition:opacity .6s ease-out;display:flex}.flow-intro--clear{pointer-events:none;background:0 0}.flow-intro--leaving{opacity:0}.flow-intro__title{text-align:center;text-shadow:0 2px 12px #0009}.flow-intro__op{font:22px var(--num-font);letter-spacing:.08em}.flow-intro__code{font:300 104px/1.05 var(--num-font)}.flow-intro__name{font-size:48px}.flow-intro__bar{background:#ffffff26;width:420px;height:3px;margin-left:-210px;position:absolute;bottom:190px;left:50%}.flow-intro__bar>div{background:#fff;height:100%;transition:width .2s}.flow-intro__tip{text-align:center;opacity:.9;font-size:24px;position:absolute;bottom:70px;left:0;right:0}.flow-accomplished{pointer-events:auto}.flow-accomplished__band{background:#0a0a0ac7;height:330px;animation:2s ease-in-out both flow-band;position:absolute;top:390px;left:0;right:0}@keyframes flow-band{0%{opacity:0;transform:scaleY(.4)}12%{opacity:1;transform:scaleY(1)}80%{opacity:1}to{opacity:0}}.flow-accomplished__content{border-left:4px solid #fff;border-right:4px solid #fff;align-items:center;gap:34px;padding:0 70px;animation:1.8s cubic-bezier(.2,.75,.8,.25) both flow-sweep;display:flex;position:absolute;top:0;bottom:0}@keyframes flow-sweep{0%{transform:translate(-1100px)}to{transform:translate(2000px)}}.flow-accomplished__content img{width:300px}.flow-accomplished__cn{font-size:128px;font-style:italic;font-weight:900;line-height:.95}.flow-accomplished__en{font:italic 900 46px/1 var(--num-font);align-self:flex-start;margin-top:70px}.flow-failed{background:#28242873;animation:.6s ease-out flow-fade-in}.flow-failed__mark{opacity:.22;filter:blur(1px);background:linear-gradient(#fff,#fff) 50%/70px 100% no-repeat,linear-gradient(#fff,#fff) 50%/100% 70px no-repeat;width:360px;height:360px;position:absolute;top:300px;left:40px;transform:rotate(45deg)scale(.9)}.flow-failed__title{position:absolute;top:420px;left:110px}.flow-failed__cn{font-size:92px;font-weight:700;line-height:1}.flow-failed__en{font:40px var(--num-font);letter-spacing:.04em}.flow-failed__tips{width:640px;margin:0;padding:0;font-size:24px;line-height:1.5;list-style:none;position:absolute;top:440px;left:1180px}.flow-failed__tips li:before{content:"- "}.flow-result{background:#000;animation:.6s ease-out flow-fade-in}.flow-result__art{height:1300px;animation:.8s cubic-bezier(.2,.8,.3,1) flow-art-in;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}@keyframes flow-art-in{0%{opacity:0;transform:translate(60px,-50%)}}.flow-result__shade{background:linear-gradient(90deg,#000000e6 0%,#0000008c 30%,#0000 55%);position:absolute;inset:0}.flow-result__side{font:700 44px var(--num-font);letter-spacing:.1em;color:#ffffff4d;writing-mode:vertical-rl;position:absolute;top:250px;left:-18px;transform:rotate(180deg)}.flow-result__info{position:absolute;top:64px;left:64px}.flow-result__stage span{font:14px var(--num-font);vertical-align:middle;margin-right:10px}.flow-result__stage b{font:400 42px var(--num-font);vertical-align:middle}.flow-result__name{margin-top:4px;font-size:28px}.flow-result__title{margin-top:30px;font-size:92px;font-weight:900;line-height:1}.flow-result__sub{font:600 22px var(--num-font);letter-spacing:.04em}.flow-result__stars{gap:14px;margin-top:14px;display:flex}.star-hex{width:62px;height:62px}.star-hex path:first-child{fill:#3c3c40d9;stroke:#a0a0a599;stroke-width:2px}.star-hex__glyph{fill:none;stroke:#96969bb3;stroke-width:3px}.star-hex--on path:first-child{fill:#20b2f0;stroke:#9fe3ff;filter:drop-shadow(0 0 8px #20b2f0cc)}.star-hex--on .star-hex__glyph{stroke:#fff}.star-hex--on{animation:.3s ease-out star-pop}@keyframes star-pop{0%{opacity:0;transform:scale(1.6)}}.flow-result__bubble{background:#121214e0;width:380px;padding:16px 20px;font-size:22px;line-height:1.5;animation:.5s ease-out .6s both flow-fade-in;position:absolute;top:560px;left:1380px}.flow-rhodes{background:#ddd;animation:1.8s ease-in-out both flow-rhodes}@keyframes flow-rhodes{0%{opacity:0}15%,80%{opacity:1}to{opacity:0;background:#000}}.flow-rhodes__bg{filter:blur(26px)brightness(1.6)saturate(.6);background-position:50%;background-size:cover;position:absolute;inset:-60px}.flow-rhodes__bg:after{content:"";background:#ebebe673;position:absolute;inset:0}.flow-rhodes__logo{filter:invert()brightness(.25);width:360px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.flow-rhodes__lines span{background:#ffffffd9;position:absolute}.flow-rhodes__lines .h1{width:46%;height:2px;top:46%;left:0}.flow-rhodes__lines .h2{width:26%;height:2px;top:46%;left:54%}.flow-rhodes__lines .v1{width:2px;height:46%;top:22%;left:61%}.flow-rhodes__lines .v2{width:2px;height:36%;top:30%;left:66%}.flow-rhodes__tip{text-align:center;color:#222;font-size:24px;position:absolute;bottom:80px;left:0;right:0}:root{--num-font:"DIN Alternate", "Bahnschrift", "Arial Narrow", "Helvetica Neue", sans-serif;--cn-font:"PingFang SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--hud-dark:#121214d1;--hud-blue:#3fa9f5}.battle-root{-webkit-user-select:none;user-select:none;touch-action:none;font-family:var(--cn-font);color:#fff;background:#0b0c0f;position:fixed;inset:0;overflow:hidden}.battle-canvas,.battle-field{position:absolute;inset:0}.battle-canvas canvas{display:block}.battle-canvas{transition:filter .6s ease-out}.battle-canvas--blurred{filter:blur(8px)brightness(.7)saturate(.7)}.flow-layer{transform-origin:0 0;pointer-events:none;width:1920px;height:1080px;position:absolute;top:0;left:0}.battle-loading{z-index:10;background:radial-gradient(#2a2c30 0%,#121316 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.battle-loading--error{color:#ff8a80;font-size:20px}.hud{transform-origin:0 0;pointer-events:none;width:1920px;height:1080px;position:absolute;top:0;left:0}.hud button,.hud .card,.hud .panel,.hud .enemy-info{pointer-events:auto}.hud kbd{font:600 16px var(--num-font);color:#fff;background:#1e1e1ed9;border:1px solid #ffffff8c;padding:0 8px;line-height:22px;position:absolute}:where(.hud button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.hud-gear{background:var(--hud-dark);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);color:#bbb;place-items:center;width:130px;height:108px;display:grid;position:absolute;top:18px;left:40px}.hud-menu{z-index:40;pointer-events:auto;background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.hud-menu__panel{background:#222326;border-top:4px solid #0098dc;flex-direction:column;gap:18px;width:640px;padding:40px;display:flex}.hud-menu__title{letter-spacing:.2em;margin-bottom:10px;font-size:40px}.hud-menu__panel>button{height:76px;font-size:30px}.hud-menu__volume{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;margin-bottom:16px;padding:24px 0 28px}.hud-menu__resume{background:#0098dc!important}.hud-menu__quit{background:#7a1414!important}.hud-top{background:linear-gradient(90deg,#0000,#101012d9 12% 88%,#0000);justify-content:center;align-items:center;gap:28px;width:520px;height:66px;display:flex;position:absolute;top:0;left:700px}.hud-top__item{font:500 36px var(--num-font);align-items:center;gap:18px;display:flex}.hud-top__enemy svg{color:#f08c1e}.hud-top__life svg{color:#4fa3ff}.hud-top__life span{color:#ff5a5a}.hud-top__sep{background:#ffffff73;width:2px;height:40px}.hud-btn{background:var(--hud-dark);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);flex-direction:column;justify-content:center;align-items:center;width:136px;height:108px;display:flex;position:absolute;top:18px}.hud-speed{left:1612px}.hud-speed__text{font:500 48px/1 var(--num-font)}.hud-pause{left:1756px}.hud-btn kbd{bottom:-2px}.hud-speed kbd,.hud-pause kbd{margin-top:2px;display:none;position:static}.hud-paused{letter-spacing:.3em;background:#00000059;place-items:center;font-size:48px;display:grid;position:absolute;inset:0}.hud-cost{flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:760px;right:0}.hud-cost__main{background:var(--hud-dark);align-items:center;gap:14px;padding:4px 24px 8px 18px;display:flex;position:relative}.hud-cost__value{font:500 64px/1 var(--num-font);text-align:right;min-width:80px}.hud-cost__bar{background:#ffffff1f;height:5px;position:absolute;bottom:3px;left:18px;right:24px}.hud-cost__bar>div{background:#fff;height:100%}.hud-cost__deploys{background:var(--hud-dark);margin-top:6px;padding:6px 24px;font-size:26px}.hud-cards{direction:rtl;flex-direction:row-reverse;display:flex;position:absolute;bottom:0;right:0}.hud-cards>*{direction:ltr}.card{border-top:4px solid var(--rarity);cursor:grab;background:#222;width:160px;height:166px;transition:transform .12s ease-out,filter .15s;position:relative;overflow:hidden}.card+.card{margin-right:0}.card__art{object-fit:cover;object-position:center 20%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card__head{align-items:stretch;height:46px;display:flex;position:absolute;top:0;right:14px}.card__class{filter:invert();background:#ebebebeb;width:46px;height:46px;padding:5px}.card__cost{font:500 38px/1 var(--num-font);background:#141414bf;align-items:center;padding:0 4px 0 6px;display:flex;position:relative}.card__cost svg{color:#fff;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.card__elite{pointer-events:none;width:42px;position:absolute;bottom:6px;left:8px}.card--unaffordable{cursor:pointer}.card--unaffordable .card__art{filter:grayscale(.6)brightness(.45)}.card--unaffordable .card__cost{color:#ff6b6b}.card--cooldown{cursor:default}.card__cooldown{background:#aa1414b8;place-items:center;display:grid;position:absolute;inset:0}.card__cooldown span{width:86px;height:86px;font:500 30px var(--num-font);border:3px solid #ffffffe6;border-radius:50%;place-items:center;display:grid}.card--active{outline-offset:-3px;outline:3px solid #fff;transform:translateY(-22px)}.panel{background:linear-gradient(90deg,#0a0a0ce0 0%,#0a0a0cb3 55%,#0000 100%);width:900px;height:1080px;animation:.15s ease-out panel-in;position:absolute;top:0;left:0;pointer-events:none!important}.panel button{pointer-events:auto}@keyframes panel-in{0%{opacity:0;transform:translate(-30px)}}.panel__portrait{opacity:.35;height:700px;position:absolute;top:0;left:-60px;-webkit-mask-image:linear-gradient(90deg,#000 40%,#0000 90%);mask-image:linear-gradient(90deg,#000 40%,#0000 90%)}.panel__head{position:absolute;top:196px;left:30px}.panel__branch{background:#0d0d0d;border:3px solid #d8b23a;place-items:center;width:106px;height:106px;display:grid}.panel__branch img{width:84px}.panel__name{margin-top:6px;font-size:36px}.panel__level{align-items:flex-end;gap:6px;display:flex}.panel__level img{width:44px;margin-bottom:8px}.panel__lv{font:16px var(--num-font);margin-bottom:30px}.panel__lvnum{font:300 60px/1 var(--num-font)}.panel__stats{opacity:.95;margin-top:6px;font-size:22px;line-height:1.35}.panel__hp{background:#ffffff26;width:660px;height:7px;position:absolute;top:494px;left:0}.panel__hpbar{background:var(--hud-blue);height:100%}.panel__hplabel{font-size:26px;position:absolute;top:12px;right:0}.panel__hplabel b{background:var(--hud-blue);font-weight:400;font-family:var(--num-font);padding:0 8px}.panel__tabs{width:585px;display:flex;position:absolute;top:572px;left:0}.panel__tabs button{color:#aaa;background:#464646bf;flex:1;height:40px;font-size:26px}.panel__tabs button.is-active{color:#fff;background:#141414e6}.panel__content{width:640px;position:absolute;top:630px;left:18px}.panel-skill{gap:22px;display:flex}.panel-skill__icon{flex:none;width:96px;height:96px}.panel-skill__name{font-size:30px}.panel-skill__tags{gap:4px;margin:6px 0;display:flex}.tag{background:#555;align-items:center;gap:4px;padding:0 10px;font-size:22px;display:inline-flex}.tag--time{background:#555}.panel-talent+.panel-talent{margin-top:12px}.panel-talent__name{margin-bottom:4px;font-size:26px}.sel-retreat,.sel-skill-anchor,.sel-cancel{position:absolute;top:0;left:0}.sel-retreat{background:#0f0f0feb;place-items:center;width:130px;height:116px;margin:-58px 0 0 -65px;display:grid}.sel-retreat kbd{top:-26px;right:-14px}.sel-skill-anchor{pointer-events:none}.sel-skill{width:158px;height:158px;position:absolute;top:-60px;left:-80px;border:3px solid #fff!important}.sel-skill img{filter:grayscale(.7)brightness(.55);width:100%;height:100%;display:block}.sel-skill.is-ready img,.sel-skill.is-active img{filter:none}.sel-skill kbd{top:-30px;right:-14px}.sel-skill__ready,.sel-skill__sp{height:44px;font:600 32px var(--num-font);color:#222;background:#c3e32b;align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;bottom:-44px;left:4px;right:-26px}.sel-skill__sp{color:#fff;background:#141414e0}.sel-skill__sp.is-active{color:#222;background:#f5c518}.sel-range{background:#0f0f0feb;place-items:center;width:104px;height:104px;display:grid;position:absolute;top:-12px;left:92px}.sel-cancel{background:#d8302a;align-items:center;gap:8px;margin:-40px 0 0 -110px;padding:6px 18px;font-size:24px;display:flex}.sel-cancel span{font-size:34px;line-height:1}.enemy-info{background:#141416e0;gap:16px;width:600px;padding:10px;animation:.2s ease-out panel-in;display:flex;position:absolute;top:150px;right:40px}.enemy-info img{background:#444;flex:none;width:120px;height:120px}.enemy-info__name{font-size:26px}.enemy-info p{margin:4px 0 0;font-size:20px;line-height:1.4}:root{--num-font:"DIN Alternate", "Bahnschrift", "Arial Narrow", "Helvetica Neue", sans-serif;--cn-font:"PingFang SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--ak-blue:#0098dc;--ak-dark:#161618eb}.menu-root{-webkit-user-select:none;user-select:none;font-family:var(--cn-font);color:#fff;background:#0b0c0f;position:fixed;inset:0;overflow:hidden}.menu-frame{transform-origin:0 0;width:1920px;height:1080px;animation:.35s ease-out menu-in;position:absolute;top:0;left:0;overflow:hidden}@keyframes menu-in{0%{opacity:0;filter:blur(6px)}}:where(.menu-frame button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.copyright{z-index:1000;transform-origin:0 0;pointer-events:none;width:1920px;height:1080px;position:fixed;top:0;left:0}.copyright p{text-align:center;font:15px/1.4 var(--cn-font);color:#fff9;text-shadow:0 0 3px #000000e6,0 0 1px #000;margin:0;position:absolute;bottom:6px;left:0;right:0}.copyright--battle p{bottom:176px}.top-nav{z-index:20;align-items:stretch;gap:22px;display:flex;position:absolute;top:18px;left:22px}.top-nav__back,.top-nav__home{background:#18181aeb;place-items:center;height:68px;display:grid;box-shadow:0 2px 6px #0006}.top-nav__back{border-right:3px solid #0b0b0b;justify-content:start;width:196px;padding-left:22px}.top-nav__home{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='68'%3E%3Cg stroke='%23777' stroke-width='1' fill='none' opacity='.7'%3E%3Cpath d='M10 60 40 8 80 40 120 6 160 34 190 10M40 8 60 66 80 40 110 64 120 6M160 34 150 66 190 10'/%3E%3C/g%3E%3C/svg%3E") 50%/200px 68px no-repeat,#18181aeb;width:282px;margin-left:-22px}.top-nav__info{border-radius:0;width:68px;height:68px;background:#3c3c40e6!important;font:italic 700 40px Georgia,serif!important}.top-nav button:hover{filter:brightness(1.25)}.rarity-stars{letter-spacing:-2px;text-shadow:0 1px 2px #000000b3}.op-card{background:#2d2d30;width:172px;height:372px;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000073}.op-card:hover{transform:translateY(-4px)}.op-card__art{pointer-events:none;width:180px;height:360px;position:absolute;top:0;left:-4px}.op-card__head{background:linear-gradient(90deg,#0a0a0ad9,#0a0a0a33);align-items:center;gap:6px;height:34px;display:flex;position:absolute;top:0;left:0;right:0}.op-card__class{background:#1a1a1a;width:34px;height:34px;padding:3px}.op-card__foot{background:repeating-linear-gradient(135deg,#ffc4008c 0 4px,#0000 4px 9px) 0 22px/100% 54px no-repeat,linear-gradient(#0000 0,#000000bf 40%,#1a1a1a 76%);height:150px;position:absolute;bottom:0;left:0;right:0}.op-card__elite{width:52px;position:absolute;top:6px;left:8px}.op-card__level{background:#0f0f0fcc;border:3px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:absolute;bottom:40px;left:6px}.op-card__level span{font:9px var(--num-font);position:absolute;top:5px}.op-card__level b{font:400 30px var(--num-font);margin-top:6px}.op-card__skill{border:2px solid #ffffffb3;width:50px;height:50px;position:absolute;bottom:42px;right:8px}.op-card__name{text-shadow:0 1px 3px #000;font-size:26px;font-weight:600;position:absolute;bottom:6px;right:10px}.op-card__badge{min-width:40px;height:40px;font:600 26px var(--num-font);background:var(--ak-blue);place-items:center;display:grid;position:absolute;top:40px;right:6px;box-shadow:0 0 0 3px #ffffffd9}.op-card--selected{box-shadow:0 0 0 4px var(--ak-blue), 0 4px 14px #0098dc99}.op-card--empty{background:linear-gradient(160deg,#ffffffd9,#d2d2d6bf);border:2px solid #ffffffe6;place-items:center;display:grid}.op-card__plus{color:#fff;text-shadow:0 0 8px #00000040;font-size:120px;font-weight:200}.op-card__empty-label{color:#444;font-size:22px;position:absolute;bottom:14px}.modal{z-index:50;background:#0000008c;place-items:center;animation:.2s ease-out menu-in;display:grid;position:absolute;inset:0}.modal__panel{border-top:4px solid var(--ak-blue);background:#26272b;min-width:760px;max-width:1400px;max-height:880px;overflow:auto;box-shadow:0 10px 40px #0009}.modal__title{background:#1b1c1f;padding:20px 28px;font-size:32px;position:relative}.modal__close{opacity:.8;position:absolute;top:14px;right:20px;font-size:36px!important}.modal__body{padding:24px 28px 30px}.home--day{--tile-bg:linear-gradient(135deg, #f7f7f7f0, #dddee1eb);--tile-fg:#2a2a2c;--tile-sub:#00000080;--tile-mark:brightness(0) opacity(.07)}.home--night{--tile-bg:linear-gradient(135deg, #38393ee6, #1b1c20e6);--tile-fg:#fff;--tile-sub:#fff9;--tile-mark:brightness(0) invert(1) opacity(.08)}.home__bg{background:#1a1c20 50%/cover no-repeat;animation:.6s ease-out home-bg;position:absolute;inset:0}.home__bg:after{content:"";background:linear-gradient(#00000059,#0000 18%),linear-gradient(#0000 80%,#0000004d);position:absolute;inset:0}@keyframes home-bg{0%{opacity:0}}.home__bare{cursor:pointer;position:absolute;inset:0}.home__tools{gap:18px;display:flex;position:absolute;top:168px;left:44px}.home__tools button{background:#0a0a0c73;border:2px solid #ffffffd9;border-radius:50%;place-items:center;width:68px;height:68px;transition:background .12s;display:grid}.home__tools button:hover{background:#0a0a0cb3}.home__art{cursor:pointer;filter:drop-shadow(0 0 40px #00000073);height:1420px;animation:6s ease-in-out infinite home-breathe;position:absolute;top:-170px;left:-260px}@keyframes home-breathe{50%{transform:translateY(-10px)scale(1.006)}}.home__line{border-left:4px solid var(--ak-blue);background:#101012d9;max-width:460px;padding:14px 22px;font-size:24px;line-height:1.5;animation:.25s ease-out menu-in;position:absolute;top:760px;left:560px}.home__profile{background:linear-gradient(90deg,#0a0a0ccc,#0a0a0c33);align-items:center;gap:16px;padding:10px 26px 10px 12px;display:flex;position:absolute;top:30px;left:36px}.home__level{border:3px solid #ffffffe6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.home__level span{font:12px var(--num-font)}.home__level b{font:400 36px/1 var(--num-font)}.home__name{font-size:28px}.home__exp{background:#fff3;width:240px;height:5px;margin-top:10px}.home__exp>div{background:var(--ak-blue);width:64%;height:100%}.home__logo{opacity:.7;width:210px;position:absolute;bottom:30px;left:40px}.home__status{font:36px var(--num-font);background:#0a0a0c99;align-items:center;gap:18px;padding:6px 22px 6px 12px;display:flex;position:absolute;top:32px;right:40px}.home__settings{opacity:.85;place-items:center;display:grid}.home__settings:hover{opacity:1}.home__menu{transform-origin:100%;grid-template-rows:300px 170px 120px 150px 110px;grid-template-columns:repeat(6,1fr);gap:14px;width:760px;height:860px;display:grid;position:absolute;top:128px;right:70px;transform:perspective(1800px)rotateY(-16deg)}.home-tile{text-align:left;color:var(--tile-fg);background:var(--tile-bg);flex-direction:column;justify-content:flex-end;padding:16px 22px;transition:transform .12s,filter .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000059}button.home-tile:hover{filter:brightness(1.12);transform:translateZ(14px)}button.home-tile:active{transform:translateZ(4px)scale(.99)}.home-tile__cn{font-size:48px;font-weight:700;line-height:1.1}.home-tile__en{font:600 18px var(--num-font);letter-spacing:.12em;color:var(--tile-sub)}.home-tile--terminal{grid-column:1/7;padding:30px 40px}.home-tile--terminal:after{content:"";background:#f26b1d;height:8px;position:absolute;bottom:0;left:42%;right:0}.home-tile__mark{height:230px;filter:var(--tile-mark);pointer-events:none;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.home-tile--terminal .home-tile__cn{font-size:108px;font-weight:900}.home-tile--terminal .home-tile__en{font-size:26px}.home-tile__current{z-index:1;font:600 32px var(--num-font);position:absolute;top:30px;right:36px}.home-tile__current small{font:400 20px var(--cn-font);color:var(--tile-sub);margin-right:6px}.home-tile--squad{grid-column:1/4}.home-tile--ops{grid-column:4/7}.home-tile--store{grid-column:1/7}.home-tile--gacha{grid-column:1/5}.home-tile--recruit{grid-column:5/7}.home-tile--mission{grid-column:1/3}.home-tile--base{grid-column:3/5}.home-tile--depot{grid-column:5/7}.home-tile--locked{filter:grayscale();opacity:.55;cursor:default}.home-tile--locked .home-tile__cn{font-size:34px}.decor{z-index:20;background:linear-gradient(90deg,#0e0e10cc,#0e0e10f7 8%);flex-direction:column;width:1100px;padding:36px 44px 60px;animation:.25s ease-out decor-in;display:flex;position:absolute;top:0;bottom:0;right:0}@keyframes decor-in{0%{opacity:0;transform:translate(60px)}}.decor__head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.decor__tabs{gap:8px;display:flex}.decor__tabs button{background:#ffffff14;padding:12px 36px;font-size:30px;border-bottom:4px solid #0000!important}.decor__tabs button.is-active{background:#ffffff29;border-bottom-color:var(--ak-blue)!important}.decor__close{opacity:.8;font-size:40px!important}.decor__body{flex-direction:column;flex:1;min-height:0;display:flex}.decor__grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:16px;min-height:0;padding-right:8px;display:grid;overflow-y:auto}.decor-card{position:relative;background:#222!important;border:3px solid #0000!important}.decor-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.decor-card span{text-align:left;padding:6px 10px;font-size:22px;display:block}.decor-card:hover{border-color:#ffffff80!important}.decor-card.is-active{border-color:var(--ak-blue)!important}.decor-card.is-active:after{content:"使用中";background:var(--ak-blue);padding:2px 10px;font-size:18px;position:absolute;top:0;right:0}.decor__info{border-left:5px solid var(--ak-blue);background:#ffffff0f;margin-top:24px;padding:20px 26px}.decor__name{font-size:40px;font-weight:700}.decor__desc{opacity:.85;margin:8px 0 14px;font-size:22px;line-height:1.5}.decor__meta{opacity:.85;margin-top:4px;font-size:20px}.decor__meta span{text-align:center;background:#555;width:70px;margin-right:10px;padding:0 8px;font-size:17px;display:inline-block}.decor__themes{gap:28px;display:flex}.decor-theme{text-align:left;flex:1;background:#222!important;border:3px solid #0000!important;padding:0 0 18px!important}.decor-theme img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.decor-theme__name{margin:14px 20px 4px;font-size:34px;font-weight:700}.decor-theme p{opacity:.8;margin:0 20px;font-size:22px}.decor-theme:hover{border-color:#ffffff80!important}.decor-theme.is-active{border-color:var(--ak-blue)!important}.home .volume{width:640px}.ops{background:repeating-linear-gradient(115deg,#ffffff05 0 1px,#0000 1px 80px),radial-gradient(at 50% 40%,#3a3b40,#1c1d21 75%)}.ops__sorts{gap:4px;display:flex;position:absolute;top:26px;right:40px}.ops__sorts button,.ops__filters button{color:#bbb;background:#141416d9;height:56px;padding:0 26px;font-size:24px}.ops__sorts button.is-active,.ops__filters button.is-active{color:#fff;background:var(--ak-blue)}.ops__filters{flex-direction:column;gap:4px;display:flex;position:absolute;top:150px;right:40px}.ops__filters button{place-items:center;width:76px;height:76px;padding:0;display:grid}.ops__filters img{width:44px}.ops__grid{grid-template-columns:repeat(6,172px);grid-auto-rows:372px;gap:40px 36px;width:1260px;display:grid;position:absolute;top:150px;left:130px}.ops__count{color:#aaa;font-size:26px;position:absolute;bottom:40px;right:150px}.ops__count b{font:400 40px var(--num-font);color:#fff}.opd__bg{background:radial-gradient(at 30%,#ffffff29,#0000 60%),linear-gradient(115deg,#575a61 0%,#2a2c31 55%,#17181b 100%);position:absolute;inset:0}.opd__art{filter:drop-shadow(0 0 30px #0006);cursor:pointer;height:1360px;animation:.5s cubic-bezier(.2,.8,.3,1) opd-art;position:absolute;top:-140px;left:-280px}@keyframes opd-art{0%{opacity:0;transform:translate(-60px)}}.opd__identity{text-shadow:0 2px 8px #000000b3;position:absolute;bottom:60px;left:50px}.opd__class{align-items:center;gap:14px;display:flex}.opd__class img{background:#111;border:2px solid #d8b23a;width:72px;height:72px;padding:8px}.opd__prof{font-size:26px}.opd__prof small{font:16px var(--num-font);opacity:.7}.opd__branch{opacity:.8;font-size:20px}.opd__name{font-size:96px;font-weight:900;line-height:1.05}.opd__en{font:600 28px var(--num-font);letter-spacing:.08em;opacity:.75}.opd__panel{background:linear-gradient(90deg,#0c0c0e66,#0c0c0ee6 18%);width:820px;padding:40px 50px 120px 60px;animation:.4s ease-out opd-panel;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}@keyframes opd-panel{0%{opacity:0;transform:translate(80px)}}.opd__level{align-items:flex-end;gap:12px;display:flex}.opd__level img{width:66px}.opd__lv{font:20px var(--num-font);margin-bottom:40px}.opd__level b{font:300 96px/1 var(--num-font)}.opd__trust,.opd__pot{background:#ffffff1f;margin:0 0 12px 18px;padding:4px 14px;font-size:20px}.opd__section{margin-top:26px}.opd__section h3{border-bottom:2px solid #fff3;margin:0 0 10px;padding-bottom:6px;font-size:26px;font-weight:600}.opd__stats{grid-template-columns:1fr 1fr;gap:6px 30px;font-size:22px;display:grid}.opd__stats div{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:4px 0;display:flex}.opd__stats span{opacity:.7}.opd__stats b{font:400 26px var(--num-font)}.opd__range{opacity:.9;align-items:center;gap:20px;margin-top:14px;font-size:22px;display:flex}.range__row{display:flex}.range__row span{width:var(--cell);height:var(--cell);margin:1px}.range__on{border:2px solid #fff}.range__self{background:var(--ak-blue)}.desc{white-space:pre-wrap;margin:0;font-size:22px;line-height:1.5}.desc--up,.desc--keyword{color:#34b4ff}.desc--down{color:#ff5e5e}.opd__talent+.opd__talent{margin-top:10px}.opd__talent b{font-size:23px}.opd__skill{gap:20px;margin-bottom:18px;display:flex}.opd__skill-icon{flex:none;width:92px;height:92px;position:relative}.opd__skill-icon img{width:100%;height:100%}.opd__skill-icon span{background:#b8862e;padding:0 6px;font-size:16px;position:absolute;bottom:-6px;right:-6px}.opd__skill-name{font-size:26px}.opd__skill-name small{opacity:.6;margin-right:6px;font-size:18px}.opd__skill-tags{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.tag{background:#555;align-items:center;padding:0 10px;font-size:19px;display:inline-flex}.tag--sp{background:#86b729}.opd:after{content:"";pointer-events:none;background:linear-gradient(#0c0c0e00,#0c0c0ef2 55%);width:820px;height:150px;position:absolute;bottom:0;right:0}.opd__assist{z-index:1;width:260px;height:64px;position:absolute;bottom:36px;right:50px;background:var(--ak-blue)!important;font-size:26px!important}.opd__assist.is-active{opacity:.8;cursor:default;background:#444!important}.squad__bg{background:radial-gradient(at 52% 48%,#fff 0%,#e7e8ea 40%,#b9bbbf 80%,#8d9095 100%);position:absolute;inset:0}.squad__logo{filter:invert();opacity:.12;pointer-events:none;width:560px;position:absolute;bottom:-160px;left:-120px}.squad__actions{gap:40px;display:flex;position:absolute;top:22px;right:0}.squad__quick{align-items:center;gap:22px;width:414px;height:66px;display:flex;background:#1e1e20e6!important;border:2px solid #ffffff80!important;font-size:32px!important}.squad__quick-icon{background:var(--ak-blue);place-items:center;width:110px;height:100%;display:grid}.squad__trash{place-items:center;width:104px;height:66px;display:grid;background:#8e1416!important}.squad__arrow{opacity:.9;width:80px;height:160px;position:absolute;top:450px}.squad__arrow:before{content:"";filter:drop-shadow(0 0 4px #0000004d);border-bottom:6px solid #fff;border-left:6px solid #fff;position:absolute;inset:20px}.squad__arrow--left{left:120px}.squad__arrow--left:before{transform:scaleY(.75)rotate(45deg)}.squad__arrow--right{left:1720px}.squad__arrow--right:before{transform:scaleY(.75)rotate(-135deg)}.squad__grid{grid-template-columns:repeat(6,172px);grid-auto-rows:372px;gap:18px 38px;animation:.25s ease-out menu-in;display:grid;position:absolute;top:150px;left:240px}.squad__side{gap:18px;display:grid;position:absolute;top:150px;left:1488px}.squad__support{filter:grayscale(.6);opacity:.7;background:linear-gradient(160deg,#f5f5f5,#c8c9cc);border:3px solid #f07c13;place-items:center;width:196px;height:372px;display:grid;position:relative}.squad__plus{color:#fff;text-shadow:0 0 8px #0000004d;font-size:120px;font-weight:200}.squad__support-label{background:#f07c13;padding:10px 14px;font-size:24px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.squad__support-label small{font:600 13px var(--num-font);display:block}.squad__start{flex-direction:column;justify-content:center;align-items:center;width:196px;height:372px;display:flex;box-shadow:0 6px 16px #0078b480;background:repeating-linear-gradient(0deg,#ffffff0d 0 2px,#0000 2px 6px),linear-gradient(170deg,#0aa5e8,#0478b0)!important}.squad__start:disabled{filter:grayscale();opacity:.5;cursor:default}.squad__start-cn{text-align:center;font-size:66px;font-weight:900;line-height:1.05}.squad__start-en{font:600 18px var(--num-font);margin-top:8px}.squad__tabs{gap:14px;display:flex;position:absolute;bottom:32px;left:235px}.squad__tabs button{color:#fff;width:356px;height:78px;font-size:34px;background:#28282ce0!important;border-top:8px solid #333!important}.squad__tabs button small{font:22px var(--num-font);opacity:.7;margin-left:14px}.squad__tabs button.is-active{background:#1b7fb8!important;border-top-color:#fff!important}.squad__confirm{margin:0 0 28px;font-size:26px}.squad__confirm-buttons{justify-content:flex-end;gap:16px;display:flex}.squad__confirm-buttons button,.squad-editor__bar button{height:60px;padding:0 40px;background:#444!important;font-size:26px!important}.squad__confirm-buttons .is-danger{background:#a3191b!important}.squad-editor{z-index:30;background:repeating-linear-gradient(115deg,#ffffff05 0 1px,#0000 1px 80px),radial-gradient(at 40% 45%,#3c3d42,#18191c 80%);animation:.2s ease-out menu-in;position:absolute;inset:0}.squad-editor__grid{grid-template-columns:repeat(6,172px);grid-auto-rows:372px;gap:36px 34px;display:grid;position:absolute;top:70px;left:60px}.squad-editor__side{background:#0c0c0ebf;width:560px;padding:60px 40px;position:absolute;top:0;bottom:110px;right:0;overflow-y:auto}.squad-editor__name{align-items:center;gap:16px;font-size:48px;font-weight:800;display:flex}.squad-editor__prof{opacity:.75;margin-bottom:20px;font-size:22px}.squad-editor__hint{color:#34b4ff;margin:8px 0 14px;font-size:22px}.squad-editor__skill{text-align:left;gap:16px;width:100%;margin-bottom:14px;background:#ffffff0f!important;border:3px solid #0000!important;padding:12px!important;display:flex!important}.squad-editor__skill img{flex:none;width:80px;height:80px}.squad-editor__skill b{font-size:24px}.squad-editor__skill p{opacity:.85;margin:4px 0 0;font-size:18px;line-height:1.4}.squad-editor__skill.is-active{border-color:var(--ak-blue)!important;background:#0098dc2e!important}.squad-editor__skill:disabled{opacity:.5;cursor:default}.squad-editor__bar{background:#0a0a0ce6;justify-content:flex-end;align-items:center;gap:16px;height:110px;padding:0 40px;font-size:26px;display:flex;position:absolute;bottom:0;left:0;right:0}.squad-editor__bar span{margin-right:auto}.squad-editor__bar b{font:400 40px var(--num-font);color:#34b4ff}.squad-editor__bar .squad-editor__ok{padding:0 60px;background:var(--ak-blue)!important}.stages{background:#9a9ea5}.stages__bg{background-position:50%;background-size:cover;animation:.8s ease-out stages-bg;position:absolute;inset:-20px}@keyframes stages-bg{0%{opacity:0;transform:scale(1.06)}}.stages__map{position:absolute;inset:0}.stages__links{pointer-events:none;position:absolute;top:0;left:0}.stages__links line{stroke:#fffffff2;stroke-width:6px;filter:drop-shadow(0 0 3px #0000004d)}.stage-node{align-items:center;transition:transform .12s;display:flex;position:absolute}.stage-node:hover{transform:scale(1.04)}.stage-node__hex{z-index:1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#5a5d63;width:50px;height:56px;margin-right:-18px;position:relative}.stage-node__hex:after{content:"";clip-path:inherit;background:radial-gradient(circle,#fff 30%,#c9cbd0);position:absolute;inset:6px}.stage-node.is-cleared .stage-node__hex:after{background:radial-gradient(circle,#8fe0ff 20%,#12a4e6)}.stage-node__label{text-align:left;width:196px;height:58px;font:400 40px/48px var(--num-font);color:#222;background:linear-gradient(90deg,#fff,#e9eaec);padding:10px 0 0 34px;position:relative;box-shadow:0 3px 10px #0000004d}.stage-node__label small{height:18px;font:600 13px/18px var(--num-font);text-align:center;color:#fff;background:#111;position:absolute;top:-18px;left:0;right:0}.stage-node.is-selected .stage-node__label{color:#fff;background:linear-gradient(90deg,#1b1c1f,#34363b)}.stage-node.is-selected .stage-node__hex{background:var(--ak-blue)}.stage-node__stars{color:#12a4e6;text-shadow:0 0 3px #fff,0 0 2px #fff;font-size:20px;position:absolute;bottom:-26px;left:40px}.stages__zone{background:linear-gradient(90deg,#101012d9,#10101266);align-items:center;gap:20px;padding-right:30px;display:flex;position:absolute;bottom:30px;left:30px}.stages__zone img{width:130px;height:130px}.stages__zone-title{opacity:.8;font-size:26px}.stages__zone-name{font-size:44px;font-weight:800}.stages__episodes{align-items:stretch;gap:6px;display:flex;position:absolute;bottom:30px;right:30px}.stages__episodes>span{color:#222;text-shadow:0 0 6px #fff;align-self:center;margin-right:10px;font-size:22px}.stages__episodes button{width:110px;font:400 40px/1 var(--num-font);background:#1e1e21e0;padding:8px 0}.stages__episodes button small{margin-bottom:4px;font-size:13px;display:block}.stages__episodes button.is-active{background:var(--ak-blue)}.stage-panel{z-index:10;background:linear-gradient(90deg,#14141600 0%,#141416eb 12%,#141416f7);width:720px;padding:110px 48px 40px 90px;animation:.3s cubic-bezier(.2,.8,.3,1) stage-panel;position:absolute;top:0;bottom:0;right:0}@keyframes stage-panel{0%{opacity:0;transform:translate(100px)}}.stage-panel__head{justify-content:space-between;align-items:center;display:flex}.stage-panel__code{font:400 64px/1 var(--num-font)}.stage-panel__code small{margin-right:8px;font-size:18px}.stage-panel__name{font-size:56px;font-weight:800}.stage-hexes{gap:6px;display:flex}.stage-hexes path:first-child{fill:#e9e9ea;stroke:#fff;stroke-width:2px}.stage-hexes .g{fill:none;stroke:#9a9aa0;stroke-width:3px}.stage-hexes .is-on path:first-child{fill:#12a4e6;stroke:#8fe0ff}.stage-hexes .is-on .g{stroke:#fff}.stage-panel__danger{font:600 24px var(--num-font);background:#b23a2c;margin-top:28px;display:flex}.stage-panel__danger span{font:600 22px var(--cn-font);background:#7e1d14;margin-right:12px;padding:2px 14px}.stage-panel__desc{opacity:.9;margin:14px 0 0;font-size:26px;line-height:1.5}.stage-panel__cards{gap:18px;margin-top:40px;display:flex}.stage-panel__cards button{text-align:left;width:260px;height:170px;position:relative;overflow:hidden;background:#28282ce6!important;border:2px solid #ffffff73!important;padding:12px!important}.stage-panel__cards button>span{z-index:1;font-size:26px;position:relative}.stage-panel__thumbs{gap:4px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.stage-panel__thumbs img{background:#555;width:56px;height:56px}.stage-panel__map{object-fit:cover;opacity:.85;width:calc(100% - 12px);height:calc(100% - 46px);position:absolute;inset:40px 6px 6px}.stage-panel__actions{align-items:stretch;display:flex;position:absolute;bottom:40px;left:90px;right:0}.stage-panel__raid{filter:grayscale(.7);opacity:.6;background:#7a1414;place-items:center;width:220px;font-size:30px;display:grid}.stage-panel__start{flex-direction:column;flex:1;justify-content:center;align-items:center;height:130px;display:flex;background:linear-gradient(115deg,#0000 70%,#ffffff1f 70% 74%,#0000 74%),linear-gradient(135deg,#0aa5e8,#0476ad)!important}.stage-panel__start span{font-size:52px;font-weight:900}.stage-panel__start small{font:600 18px var(--num-font)}.intel{flex-direction:column;gap:10px;width:1100px;display:flex}.intel__row{background:#ffffff0d;border-left:5px solid #777;align-items:center;gap:18px;padding:10px;display:flex}.intel__row--elite{border-left-color:#d0a12b}.intel__row--boss{border-left-color:#c8312a}.intel__row img{background:#444;width:90px;height:90px}.intel__main{flex:1}.intel__name{font-size:28px}.intel__name span{background:#555;margin-left:12px;padding:0 8px;font-size:18px}.intel__main p{opacity:.8;margin:4px 0 0;font-size:19px}.intel__stats{grid-template-columns:auto auto auto auto;gap:2px 12px;margin:0;font-size:20px;display:grid}.intel__stats dt{opacity:.6}.intel__stats dd{font:22px var(--num-font);min-width:70px;margin:0}.stage-map-preview{width:1280px;display:block}html,body,#root{background:#0b0c0f;height:100%;margin:0}