:root{--bg:#0b0f16;--panel:#0e131cd6;--panel2:#161d29eb;--line:#82a0c838;--line2:#82a0c866;--text:#e8eef6;--muted:#8a97a8;--accent:#ff8a1f;--accent2:#ffb347;--cyan:#39e1ff;--gold:#ffd24a;--red:#ff4d5a;--green:#5dff9a;--cut:12px;--jp:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--num:"Orbitron", "Zen Kaku Gothic New", sans-serif;--dot:"DotGothic16", "Zen Kaku Gothic New", monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--jp);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button{color:inherit;font-family:inherit}input{font-family:inherit}.hidden{display:none!important}.muted{color:var(--muted);font-size:12px}canvas.face{image-rendering:pixelated;image-rendering:crisp-edges;display:block}canvas.face.tiny{width:28px;height:28px}canvas.face.mini{width:36px;height:36px}canvas.face.big{width:112px;height:112px}canvas.face.huge{cursor:pointer;width:224px;height:224px}.ico{flex:none;width:20px;height:20px}kbd{border:1px solid var(--line2);font-family:var(--num);color:#cfe0f5;background:#ffffff0f;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:10px;display:inline-block}#three{z-index:0;position:fixed;inset:0}#three canvas{display:block}#game-ui{z-index:5;position:fixed;inset:0}.screen{z-index:10;pointer-events:none;position:fixed;inset:0}.screen>*{pointer-events:auto}.screen.dim{pointer-events:auto;background:radial-gradient(#05080e8c,#05080ed9)}#dialog{z-index:30;pointer-events:none;display:none;position:fixed;inset:0}#dialog.on{pointer-events:auto;background:linear-gradient(#0000 30%,#03060c33 55%,#03060cbf 100%);display:block}#popups{z-index:40;pointer-events:none;position:fixed;inset:0}#modal{z-index:50;pointer-events:none;position:fixed;inset:0}#modal>*{pointer-events:auto}#fade{z-index:90;pointer-events:none;opacity:0;background:repeating-linear-gradient(-45deg,#ff8a1f0f 0 14px,#0000 14px 28px),#06090f;justify-content:center;align-items:center;transition:opacity .38s;display:flex;position:fixed;inset:0}#fade.on{opacity:1;pointer-events:auto}.fade-label{font-family:var(--num);letter-spacing:.15em;color:var(--accent2);align-items:center;gap:12px;font-size:14px;display:flex}.spinner{border:3px solid #ff8a1f40;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#boot{z-index:100;background:#06090f;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.boot-logo{font-family:var(--num);letter-spacing:.12em;color:#fff;font-size:42px;font-weight:900}.boot-logo b{color:var(--accent)}.boot-bar{background:#ffffff1a;width:240px;height:4px;overflow:hidden}.boot-bar i{background:var(--accent);width:40%;height:100%;animation:1s ease-in-out infinite bootbar;display:block}@keyframes bootbar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.btn{border:1px solid var(--line2);color:var(--text);cursor:pointer;letter-spacing:.04em;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(#283446e6,#161d29f2);justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:transform .12s,filter .12s,background .2s;display:inline-flex;position:relative}.btn:hover:not([disabled]){filter:brightness(1.25);transform:translateY(-1px)}.btn:active:not([disabled]){transform:translateY(1px)}.btn[disabled]{opacity:.35;cursor:not-allowed}.btn.primary{color:#1a0d02;text-shadow:0 1px #ffffff40;background:linear-gradient(#ff9a35,#e0650a);border-color:#fb7}.btn.danger{background:linear-gradient(#d8404a,#8a1a22);border-color:#ff8a90}.btn.big{padding:14px 26px;font-size:16px}.btn.small{padding:5px 12px;font-size:12px}.btn small{opacity:.75;letter-spacing:0;font-size:11px;font-weight:500;display:block}.btn.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{filter:brightness();box-shadow:0 0 #ff8a1f00}50%{filter:brightness(1.2)}}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));-webkit-backdrop-filter:blur(8px);position:relative}.panel:before{content:"";left:var(--cut);background:linear-gradient(90deg, var(--accent), transparent 60%);height:2px;position:absolute;top:0;right:0}.panel-head{margin-bottom:14px}.panel-head h2,.col-head h2,.as-head h2{letter-spacing:.04em;margin:2px 0 0;font-size:24px;font-weight:900}.kicker{font-family:var(--num);letter-spacing:.3em;color:var(--accent);font-size:11px}.sub-head{color:var(--muted);letter-spacing:.12em;align-items:center;gap:8px;margin:14px 0 6px;font-size:12px;font-weight:700;display:flex}.sub-head:after{content:"";background:var(--line);flex:1;height:1px}.sub-head small{letter-spacing:0;font-weight:500}.rank-ss{--rk:linear-gradient(135deg, #ff5ac8, #ffd24a, #5affd0, #5aa8ff);--rkt:#1a1020}.rank-s{--rk:linear-gradient(135deg, #fff3a0, #ffb400);--rkt:#4a2e00}.rank-a{--rk:#ff3d7f;--rkt:#fff}.rank-b{--rk:#ff5a2a;--rkt:#fff}.rank-c{--rk:#ffa31a;--rkt:#2a1600}.rank-d{--rk:#f2d42a;--rkt:#2a2400}.rank-e{--rk:#8ee04a;--rkt:#142a00}.rank-f{--rk:#3ab0ff;--rkt:#fff}.rank-g{--rk:#7a8595;--rkt:#fff}.rank{width:24px;height:24px;font-family:var(--num);background:var(--rk);color:var(--rkt);border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:inline-flex;box-shadow:inset 0 -2px #00000040,0 0 10px #0000004d}.rank.big{width:34px;height:34px;font-size:20px}.rank.overall{border-radius:6px;width:40px;height:40px;font-size:22px}.st-bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.st-bar i{background:var(--rk);border-radius:3px;height:100%;transition:width .4s;display:block}.title-screen{flex-direction:column;justify-content:center;gap:36px;padding:0 8vw;display:flex;position:absolute;inset:0}.title-logo{animation:.8s cubic-bezier(.2,.8,.2,1) slideIn}.logo-kicker{font-family:var(--num);letter-spacing:.35em;color:var(--cyan);margin-bottom:8px;font-size:12px}.logo{font-family:var(--num);letter-spacing:.06em;flex-direction:column;margin:0;font-size:clamp(56px,9vw,120px);font-weight:900;line-height:.9;display:flex}.logo .l1{color:#fff;text-shadow:0 0 30px #39e1ff59,0 4px #1a2a40}.logo .l2{background:linear-gradient(#ffd08a 0%,#ff8a1f 50%,#c04a00 100%);color:#0000;filter:drop-shadow(0 0 24px #ff8a1f73)drop-shadow(0 4px #3a1a00);-webkit-background-clip:text;background-clip:text}.logo-sub{letter-spacing:.5em;color:#f0f4fa;margin-top:10px;font-size:clamp(20px,2.6vw,30px);font-weight:900}.logo-bar{background:repeating-linear-gradient(-45deg,#f7b42c 0 10px,#1d1f24 10px 20px);width:320px;max-width:70vw;height:8px;margin-top:14px}.title-menu{flex-direction:column;gap:10px;width:min(380px,84vw);animation:.8s cubic-bezier(.2,.8,.2,1) .15s both slideIn;display:flex}.title-menu .btn{text-align:left;justify-content:flex-start}.title-foot{color:var(--muted);justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:18px;left:8vw;right:8vw}@keyframes slideIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.create-screen{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow:auto}.create-panel{width:min(980px,100%);padding:24px 28px;animation:.35s popIn}.create-body{grid-template-columns:260px 1fr;gap:28px;display:grid}.create-left{flex-direction:column;align-items:center;gap:16px;display:flex}.face-frame{border:1px solid var(--line2);background:radial-gradient(circle at 50% 40%,#39e1ff2e,#00000059);padding:16px;position:relative}.face-hint{text-align:center;color:var(--muted);margin-top:6px;font-size:11px}.field{width:100%}.field label,.opt-row label{color:var(--muted);letter-spacing:.1em;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.name-in{border:1px solid var(--line2);color:#fff;background:#00000059;outline:none;width:100%;padding:10px 12px;font-size:18px;font-weight:700}.name-in:focus{border-color:var(--accent)}.opt-row{margin-bottom:10px}.opts{flex-wrap:wrap;gap:6px;display:flex}.opt{border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:3px;padding:6px 12px;font-size:13px;font-weight:700}.opt:hover{border-color:var(--line2)}.opt.on{border-color:var(--accent);color:#fff;background:#ff8a1f33}.opt.swatch{border:2px solid #0006;border-radius:50%;width:28px;height:28px;padding:0}.opt.swatch.on{outline-offset:2px;outline:2px solid #fff}.origins{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.origin{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff0a;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.origin small{color:var(--muted);font-size:11px}.origin.on{border-color:var(--cyan);background:#39e1ff1a}.panel-foot{justify-content:space-between;gap:12px;margin-top:20px;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.hub{pointer-events:none;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:14px 16px;display:grid;position:absolute;inset:0}.hub>*{pointer-events:none}.hub .panel,.hub .week-plate,.hub .res-bar,.hub button{pointer-events:auto}.hub-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.week-plate{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);align-items:stretch;padding-right:30px;animation:.4s slideDown;display:flex}.wk-num{color:#1a0d02;font-family:var(--num);background:linear-gradient(#ff9a35,#d0580a);flex-direction:column;justify-content:center;padding:6px 16px;font-size:34px;font-weight:900;line-height:1;display:flex}.wk-num small{letter-spacing:.3em;font-size:10px}.wk-info{min-width:260px;padding:8px 14px}.wk-title{font-size:18px;font-weight:900}.wk-title span{color:var(--muted);font-size:12px;font-weight:500}.wk-bar{background:#ffffff1a;height:6px;margin:6px 0;position:relative}.wk-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));height:100%}.wk-bar .mk{background:var(--red);width:4px;height:12px;box-shadow:0 0 6px var(--red);position:absolute;top:-3px;transform:translate(-50%)}.wk-bar .mk.final{background:var(--gold);box-shadow:0 0 8px var(--gold);width:6px}.wk-next{color:var(--accent2);font-size:12px;font-weight:700}.wk-next.now{color:#fff;background:var(--red);padding:2px 8px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:.55}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}.res-bar{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);gap:6px;padding:8px 12px 8px 24px;display:flex}.res{align-items:center;gap:6px;padding:0 6px;font-size:12px;display:flex}.res i{width:10px;height:10px;display:inline-block;transform:rotate(45deg)}.res b{font-family:var(--num);min-width:28px;font-size:15px}.hub-mid{grid-template-columns:290px 1fr 330px;gap:12px;min-height:0;display:grid}.player-panel,.stats-panel{padding:14px 16px;animation:.45s slideIn;overflow:auto}.stats-panel{animation-name:slideInR}@keyframes slideInR{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.pp-top{align-items:center;gap:12px;display:flex}.pp-face{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--c) 45%, transparent), #0006);border:1px solid var(--line2);padding:6px}.pp-face .face.big{width:96px;height:96px}.pp-rank{color:var(--cyan);letter-spacing:.1em;font-size:11px;font-weight:700}.pp-name{font-size:22px;font-weight:900}.pp-origin{color:var(--muted);font-size:12px}.gauge-row,.mot-row{grid-template-columns:52px 1fr auto;align-items:center;gap:8px;margin-top:12px;display:grid}.gauge-row label,.mot-row label{color:var(--muted);font-size:12px;font-weight:700}.gauge{border:1px solid var(--line2);background:#00000073;grid-column:2/4;height:18px;position:relative}.gauge i{height:100%;transition:width .5s;display:block}.gauge.ok i{background:linear-gradient(90deg,#2ad07a,#6affb0)}.gauge.mid i{background:linear-gradient(90deg,#e0a020,#ffd24a)}.gauge.low i{background:linear-gradient(90deg,#c0202a,#ff5a5a);animation:1s infinite blink}.gauge span{font-family:var(--num);text-shadow:0 1px 2px #000;font-size:12px;line-height:18px;position:absolute;top:0;right:6px}.mot-meter{gap:3px;display:flex}.mot-meter i{background:#ffffff1a;width:18px;height:10px;transform:skew(-20deg)}.mot-meter i.on.mot-m2{background:#5a7aff}.mot-meter i.on.mot-m1{background:#6ab0ff}.mot-meter i.on.mot-0{background:#ffd24a}.mot-meter i.on.mot-p1{background:#ff8a3a}.mot-meter i.on.mot-p2{background:#ff3d7f;box-shadow:0 0 6px #ff3d7f}.mot-name{font-size:13px}.mot-name.mot-m2,.mot-name.mot-m1{color:#7aa8ff}.mot-name.mot-0{color:#ffd24a}.mot-name.mot-p1{color:#ff9a4a}.mot-name.mot-p2{color:#ff5a9a}.bonds{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.bond{flex-direction:column;align-items:center;gap:3px;font-size:11px;display:flex}.bond .face.mini{border:1px solid var(--line);background:#0000004d}.bond-bar{background:#ffffff1a;width:100%;height:4px}.bond-bar i{height:100%;display:block}.sp-head{justify-content:space-between;align-items:center;font-size:16px;font-weight:900;display:flex}.sp-eval{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.sp-eval b{font-family:var(--num);color:#fff;font-size:18px}.stat-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.stat-row{grid-template-columns:40px 24px 32px 1fr;align-items:center;gap:8px;display:grid}.st-name{font-size:14px;font-weight:700}.st-val{font-family:var(--num);text-align:right;font-size:15px}.exp-chips{flex-wrap:wrap;gap:4px;display:flex}.exp-chip{background:color-mix(in srgb, var(--c) 16%, transparent);border-left:3px solid var(--c);color:#fff;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.exp-chip b{font-family:var(--num);color:var(--c)}.exp-chips.big .exp-chip{padding:4px 10px;font-size:13px}.exp-chips.big .exp-chip b{font-size:16px}.ab-chips{flex-wrap:wrap;gap:4px;display:flex}.ab-chip{border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700}.ab-chip.blue{background:linear-gradient(#3a8ae0,#1a5ab0)}.ab-chip.gold{color:#3a2400;background:linear-gradient(#ffe08a,#d09a1a);box-shadow:0 0 8px #ffd24a80}.ab-chip.red{background:linear-gradient(#e04a4a,#8a1a1a)}.hub-bottom{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 14px;animation:.45s slideUp;display:grid}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.cmd-label{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.cmd-label span{font-size:15px;font-weight:900}.cmd-label small{color:var(--muted);font-size:11px}.train-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.tcard{text-align:left;border:1px solid var(--line2);cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);background:linear-gradient(#283446d9,#121822eb);flex-direction:column;gap:6px;min-width:0;padding:8px 10px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.tcard:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 20px #ff8a1f33}.tcard.has-friend{background:linear-gradient(#463a1ecc,#16181eeb);border-color:#ffd24a8c}.tcard.live{background:linear-gradient(#14465ad9,#0e1822eb);border-color:#39e1ff80}.tcard.risky{border-color:#ff4d5a99}.tc-head{align-items:center;gap:6px;display:flex}.tc-ico{color:var(--accent2);width:18px;height:18px}.tcard.live .tc-ico{color:var(--cyan)}.tc-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:900;overflow:hidden}.tc-lv{font-family:var(--num);color:var(--gold);font-size:10px}.tc-live{font-family:var(--num);background:var(--cyan);color:#002a33;padding:1px 5px;font-size:10px;font-weight:900}.tc-faces{align-items:center;gap:4px;min-height:30px;display:flex}.tc-face{border:2px solid var(--c);background:#0006;animation:1.2s ease-in-out infinite bob}.tc-face:nth-child(2){animation-delay:.3s}@keyframes bob{50%{transform:translateY(-3px)}}.tc-desc{color:#bfe8f5;font-size:11px;line-height:1.3}.tc-foot{justify-content:space-between;font-size:11px;display:flex}.tc-stam{color:#7fe7ff}.tc-fail.on{color:#fff;background:var(--red);padding:0 5px;font-weight:700}.side-cmds{grid-template-columns:repeat(3,1fr);align-content:start;gap:6px;display:grid}.cmd{border:1px solid var(--line2);cursor:pointer;background:#ffffff0d;flex-direction:column;align-items:center;gap:2px;min-width:76px;padding:8px 10px;transition:transform .12s,background .12s;display:flex}.cmd:hover{background:#ff8a1f26;transform:translateY(-2px)}.cmd .ico{width:22px;height:22px;color:var(--accent2)}.cmd span{font-size:13px;font-weight:900}.cmd small{color:var(--muted);font-size:10px}.cmd.accent{border-color:var(--accent);background:#ff8a1f1f}.cmd.dim .ico{color:var(--muted)}.sortie-card{background:linear-gradient(100deg,#78141e8c,#140a0eb3),repeating-linear-gradient(-45deg,#ff4d5a14 0 12px,#0000 12px 24px);border:1px solid #ff4d5a99;grid-template-rows:auto auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:20px;padding:16px 20px;display:grid}.sortie-card.final{border-color:var(--gold);background:linear-gradient(100deg,#8c5a0a8c,#1e0a0abf),repeating-linear-gradient(-45deg,#ffd24a14 0 12px,#0000 12px 24px)}.sc-kicker{font-family:var(--num);letter-spacing:.3em;color:#ff8a90;font-size:11px}.sortie-card.final .sc-kicker{color:var(--gold)}.sc-title{font-size:24px;font-weight:900}.sc-desc{color:#d8c8cc;font-size:13px}.sortie-card .btn{grid-area:1/2/4}.week-banner{z-index:60;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wb-in{border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);background:linear-gradient(90deg,#0000,#080c14eb 15% 85%,#0000);align-items:center;gap:18px;padding:16px 60px;animation:1.5s cubic-bezier(.2,.8,.2,1) both wbanner;display:flex}.wb-in small{font-family:var(--num);letter-spacing:.4em;color:var(--accent)}.wb-in b{font-family:var(--num);font-size:64px;font-weight:900;line-height:1}.wb-in span{font-size:22px;font-weight:900}@keyframes wbanner{0%{opacity:0;transform:translate(-60vw)}25%{opacity:1;transform:none}75%{opacity:1;transform:none}to{opacity:0;transform:translate(60vw)}}.cutin{z-index:60;pointer-events:none;align-items:center;display:flex;position:fixed;inset:0}.ci-band{color:#1a0d02;transform-origin:50%;background:linear-gradient(90deg,#ff8a1f00,#ff8a1feb 20% 80%,#ff8a1f00);justify-content:center;align-items:center;gap:16px;width:100%;padding:22px 0;animation:1.3s cubic-bezier(.2,.8,.2,1) both cutin;display:flex}.cutin.fail .ci-band{color:#fff;background:linear-gradient(90deg,#0000,#505a78eb 20% 80%,#0000)}.cutin.rest .ci-band{color:#fff;background:linear-gradient(90deg,#0000,#3c5ac8eb 20% 80%,#0000)}.ci-band .ico{width:40px;height:40px}.ci-band b{letter-spacing:.1em;font-size:36px;font-weight:900}.ci-band span{font-size:22px;font-weight:900}@keyframes cutin{0%{transform:scaleY(0)skew(-20deg)}15%{transform:scaleY(1)skew(-8deg)}80%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.event-title{z-index:60;text-align:center;pointer-events:none;animation:1.5s both evt;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)}.event-title small{font-family:var(--num);letter-spacing:.5em;color:var(--c);font-size:14px;display:block}.event-title b{text-shadow:0 0 20px var(--c), 0 3px 0 #000;font-size:40px;font-weight:900}@keyframes evt{0%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)}}.dlg-portrait{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--c) 40%, transparent), #0003 70%);padding:10px;position:absolute;bottom:190px;left:max(4vw,20px)}.dlg-portrait .face.big{filter:drop-shadow(0 6px #0006);width:200px;height:200px}.dlg-portrait.pop-in{animation:.3s cubic-bezier(.2,1.4,.4,1) portIn}@keyframes portIn{0%{opacity:.2;transform:translateY(20px)scale(.9)}to{opacity:1;transform:none}}.dlg-box{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(#0a101af2,#060a12f7);border:2px solid #a0bee659;width:min(980px,100vw - 32px);min-height:150px;padding:26px 30px 20px;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #00000059,0 10px 40px #00000080}.dlg-name{background:var(--c,#fff);color:#0a0e16;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:3px 16px 4px;font-size:15px;font-weight:900;position:absolute;top:0;left:26px;transform:translateY(-2px)}.dlg-text{font-family:var(--dot);white-space:pre-wrap;margin-top:6px;font-size:21px;line-height:1.7}#dialog.narr .dlg-text{color:#cfe0f5;font-style:normal}.dlg-next{color:var(--accent);opacity:0;font-size:14px;position:absolute;bottom:12px;right:24px}.dlg-next.show{opacity:1;animation:.7s ease-in-out infinite nextb}@keyframes nextb{50%{transform:translateY(4px)}}.dlg-choices{flex-direction:column;gap:12px;width:min(520px,90vw);display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.btn.choice{border-color:var(--cyan);background:linear-gradient(90deg,#142846f2,#0e1624f2);justify-content:flex-start;padding:16px 22px;font-size:18px;animation:.25s both popIn}.btn.choice:nth-child(2){animation-delay:80ms}.choice-no{font-family:var(--num);color:var(--cyan);font-weight:900}.pops{flex-direction:column;align-items:center;gap:6px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%)}.pops.out{opacity:0;transform:translate(-50%,-20px)}.pops-title{color:#fff;text-shadow:0 0 16px #ff8a1fcc,0 3px #000;margin-bottom:4px;font-size:26px;font-weight:900;animation:.4s cubic-bezier(.2,1.6,.4,1) popBounce}.pop{border:2px solid var(--c);box-shadow:0 0 16px color-mix(in srgb, var(--c) 40%, transparent);background:#060a12e0;align-items:center;gap:10px;padding:6px 18px;font-size:20px;font-weight:900;animation:.45s cubic-bezier(.2,1.6,.4,1) popBounce;display:flex}.pop .pop-label{color:#fff}.pop .pop-val{font-family:var(--num);color:var(--c);font-size:24px}.pop .pop-arrow{color:var(--c);font-size:14px}.pop.down{border-color:#6a7a9a}.pop.down .pop-val,.pop.down .pop-arrow{color:#8aa0ff}.pop .heart{color:var(--c);width:18px;height:18px}.pop.text{color:var(--c)}.pop.ability{background:linear-gradient(#143c6ef2,#081428f2);border-color:#6fd0ff;flex-direction:column;gap:2px;padding:12px 28px}.pop.ability.gold{border-color:var(--gold);background:linear-gradient(#6e500af2,#281a04f2);box-shadow:0 0 40px #ffd24a99}.pop.ability.red{border-color:var(--red);background:linear-gradient(#6e1414f2,#280606f2)}.pop.ability b{font-size:28px}.pop.ability small{color:#d0dcea;font-size:13px;font-weight:500}.pop-badge{letter-spacing:.2em;color:var(--gold);font-size:11px}@keyframes popBounce{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.modal-wrap{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03060cb3;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.modal-wrap.out{opacity:0;transition:opacity .2s}@keyframes fadeIn{0%{opacity:0}}.modal{border:1px solid var(--line2);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(#161d29fa,#0c111afa);max-height:calc(100vh - 32px);padding:24px 26px;animation:.25s popIn;position:relative;overflow:auto}.modal:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 70%);height:2px;position:absolute;top:0;left:14px;right:0}.modal.small{width:min(440px,100%)}.modal.mid{width:min(760px,100%)}.modal.full{width:min(1180px,100%);height:min(860px,100vh - 32px)}.modal-x{border:1px solid var(--line);cursor:pointer;z-index:2;background:#ffffff0f;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:12px;right:12px}.modal-x:hover{background:#ff4d5a4d}.confirm p{white-space:pre-line;margin:8px 0 20px;font-size:16px;line-height:1.7}.menu-panel{flex-direction:column;gap:10px;display:flex}.menu-panel .btn{justify-content:flex-start}.ui-toast{z-index:70;border:1px solid var(--line2);background:#080c14f0;padding:10px 22px;font-weight:700;transition:opacity .4s,transform .4s;animation:.25s popIn;position:fixed;top:84px;left:50%;transform:translate(-50%)}.ui-toast.good{border-color:var(--green);color:#c8ffe0}.ui-toast.bad{border-color:var(--red);color:#ffd0d4}.ui-toast.out{opacity:0;transform:translate(-50%,-10px)}.ability-screen{flex-direction:column;gap:12px;height:100%;display:flex}.as-head{justify-content:space-between;align-items:flex-end;padding-right:50px;display:flex}.as-eval{color:var(--muted);align-items:center;gap:10px;font-weight:700;display:flex}.as-eval b{font-family:var(--num);color:#fff;font-size:26px}.as-exp{border:1px solid var(--line);background:#0000004d;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.as-exp>span{color:var(--muted);font-size:12px;font-weight:700}.as-body{flex:1;grid-template-columns:1fr 1fr;gap:20px;min-height:0;display:grid}.as-col{min-height:0;padding-right:4px;overflow:auto}.as-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 34px 36px 80px auto auto auto;align-items:center;gap:8px;padding:10px 8px;display:grid}.as-name b{font-size:16px;display:block}.as-name small{color:var(--muted);font-size:11px}.as-val{font-family:var(--num);text-align:right;font-size:20px}.as-cost{flex-direction:column;font-size:11px;font-weight:700;display:flex}.as-abs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.ab-card{border:1px solid var(--line2);background:#ffffff08;border-left:4px solid #3a8ae0;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ab-card.gold{border-left-color:var(--gold);background:#ffd24a14}.ab-card.red{border-left-color:var(--red);background:#ff4d5a14}.ab-card.owned{background:linear-gradient(90deg,#3a8ae040,#3a8ae00d)}.ab-card.gold.owned{background:linear-gradient(90deg,#ffd24a4d,#ffd24a0d)}.abc-name{justify-content:space-between;gap:6px;font-size:14px;font-weight:900;display:flex}.abc-name .hint{color:#002a10;background:#2ad07a;padding:1px 6px;font-size:10px;font-weight:900}.abc-desc{color:#b8c6d8;flex:1;font-size:12px}.abc-foot{justify-content:space-between;align-items:center;gap:6px;display:flex}.abc-cost{gap:8px;font-size:11px;font-weight:700;display:flex}.abc-owned{color:var(--cyan);font-size:12px;font-weight:900}.fp-body{grid-template-columns:1fr 1fr;gap:24px;display:grid}.fp-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:7px 4px;font-size:14px;display:flex}.fp-row b{font-family:var(--num)}.fp-row small{font-family:var(--jp);color:var(--muted);font-size:11px}.fp-tips{color:#b8c6d8;border-left:3px solid var(--cyan);background:#39e1ff0f;margin-top:16px;padding:8px 14px;font-size:13px;line-height:1.7}.fp-tips p{margin:4px 0}.result-screen{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.result-panel{flex-direction:column;align-items:center;gap:10px;width:min(620px,100%);padding:28px 32px;animation:.35s popIn;display:flex}.rp-kicker{font-family:var(--num);letter-spacing:.3em;color:var(--accent);font-size:12px}.rp-title{text-shadow:0 0 20px #ff8a1f80;font-size:38px;font-weight:900}.result-screen.lose .rp-title{color:#9ab0d8;text-shadow:none}.rp-grade{font-family:var(--num);align-items:center;gap:10px;font-size:84px;font-weight:900;line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) .2s both gradeIn;display:flex}.rp-grade small{font-family:var(--jp);color:var(--muted);font-size:14px}.rp-grade.g-S{color:var(--gold);text-shadow:0 0 30px #ffd24acc}.rp-grade.g-A{color:#ff5a9a}.rp-grade.g-B{color:#ff9a4a}.rp-grade.g-C{color:#ffd24a}.rp-grade.g-D{color:#7a8595}@keyframes gradeIn{0%{opacity:0;transform:scale(3)}to{opacity:1;transform:none}}.rp-lines{grid-template-columns:1fr 1fr;gap:0 20px;width:100%;display:grid}.rp-line{border-bottom:1px solid var(--line);justify-content:space-between;padding:7px 2px;display:flex}.rp-line b{font-family:var(--num)}.rp-exp{width:100%}.result-panel>.btn{min-width:220px;margin-top:12px}.id-card{cursor:default;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(160deg,#1c2636,#0e141e);border:2px solid #3a4a62;flex-direction:column;gap:10px;width:320px;padding:14px;display:flex;position:relative;overflow:hidden}.id-card[onclick],.card-mini .id-card{cursor:pointer}.id-card.big{width:380px}.id-card.rk-s,.id-card.rk-ss{border-color:var(--gold);background:linear-gradient(160deg,#3a2e10,#120e06)}.id-card.rk-a{background:linear-gradient(160deg,#3a1428,#120810);border-color:#ff3d7f}.id-card.rk-b{border-color:#ff5a2a}.idc-head{font-family:var(--num);letter-spacing:.2em;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:6px;font-size:10px;display:flex}.idc-main{align-items:center;gap:12px;display:flex}.idc-face{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--c) 50%, transparent), #0006);border:1px solid var(--line2);padding:4px}.idc-face .face.big{width:88px;height:88px}.idc-name{font-size:22px;font-weight:900}.idc-origin{color:var(--muted);font-size:11px}.idc-rank{align-items:center;gap:10px;margin-top:6px;display:flex}.idc-rank small{color:var(--muted);font-size:10px;display:block}.idc-rank b{font-family:var(--num);font-size:20px}.idc-stats{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.idc-stat{background:#00000040;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;display:flex}.idc-stat b{font-family:var(--num);font-size:12px}.idc-foot{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;padding-top:6px;font-size:11px;display:flex}.idc-foot b{color:#fff;font-family:var(--num)}.bt{margin-left:2px;font-style:normal}.bt.w{color:var(--gold)}.bt.l{color:#6a7a9a}.idc-shine{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff2e 45%,#0000 60%);animation:3.5s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-100%)}.id-card.rk-s .idc-shine,.id-card.rk-ss .idc-shine{background:linear-gradient(115deg,#0000 30%,#fff0b459 45%,#0000 60%)}@keyframes shine{0%,60%{transform:translate(-100%)}to{transform:translate(100%)}}.collection-screen{flex-direction:column;gap:16px;padding:20px 5vw;display:flex;position:absolute;inset:0}.col-head{justify-content:space-between;align-items:flex-end;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-items:center;gap:16px;padding-bottom:20px;display:grid;overflow:auto}.card-mini{transition:transform .15s}.card-mini:hover{transform:translateY(-4px)scale(1.01)}.empty{color:var(--muted);text-align:center;grid-column:1/-1;padding:40px}.card-detail{flex-direction:column;align-items:center;gap:16px;display:flex}.reveal-screen{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0;overflow:auto}.rv-kicker{font-family:var(--num);letter-spacing:.4em;color:var(--gold);font-size:13px}.rv-title{font-size:34px;font-weight:900}.rv-card{animation:1.2s cubic-bezier(.2,1.2,.3,1) both cardReveal}@keyframes cardReveal{0%{opacity:0;transform:rotateY(90deg)scale(.6)}60%{opacity:1;transform:rotateY(-10deg)scale(1.05)}to{transform:none}}.outing-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.outing{border:1px solid var(--line2);cursor:pointer;border-top:3px solid var(--c,var(--muted));background:#ffffff0a;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.outing:hover{background:#ffffff1a}.outing .face.big{width:84px;height:84px}.outing small{color:var(--muted);font-size:11px}.solo-ico{justify-content:center;align-items:center;width:84px;height:84px;display:flex}.solo-ico .ico{width:48px;height:48px;color:var(--muted)}.settings{flex-direction:column;gap:6px;display:flex}.set-row{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr 60px;align-items:center;gap:12px;padding:10px 0;display:grid}.set-row label{font-size:14px;font-weight:700}.set-row b{font-family:var(--num);text-align:right;font-size:13px}.set-row .opts{grid-column:2/4}input[type=range]{accent-color:var(--accent);width:100%}input[type=checkbox]{accent-color:var(--accent);width:20px;height:20px}.hud{pointer-events:none;font-family:var(--jp);color:#fff;text-shadow:0 1px 2px #000c;position:absolute;inset:0}.hud-top{flex-direction:column;align-items:center;gap:6px;width:min(560px,60vw);display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mission-title{letter-spacing:.2em;color:var(--accent2);font-size:12px;font-weight:700}.hud-top-row{align-items:center;gap:14px;display:flex}.wave-info{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.wave-info b{font-family:var(--num);color:var(--accent2);font-size:18px}.tag{font-family:var(--num);background:var(--accent);color:#1a0d02;text-shadow:none;padding:2px 8px;font-size:12px;font-weight:900}.tag.blue{background:var(--cyan);color:#002a33}.tag.red{background:var(--red);color:#fff}.timer{font-family:var(--num);font-size:22px;font-weight:900}.timer.warn{color:var(--red);animation:.6s steps(2,end) infinite blink}.core-hp,.boss-hp{align-items:center;gap:8px;width:100%;display:flex}.core-hp .label,.boss-hp .label{white-space:nowrap;color:var(--cyan);font-size:11px;font-weight:700}.boss-hp .label{color:#ff5a8a}.hud .bar{background:#0000008c;border:1px solid #ffffff40;flex:1;height:12px;position:relative}.hud .bar-fill{background:linear-gradient(90deg,#1ab8e0,#7ff8ff);height:100%;transition:width .2s}.hud .bar-fill.danger{background:linear-gradient(90deg,#c0202a,#ff5a5a);animation:.5s infinite blink}.boss-hp .bar{border-color:#ff5a8a;height:16px}.boss-hp .bar-fill{background:linear-gradient(90deg,#a0103a,#ff4a7a)}.bar-text{font-family:var(--num);font-size:10px;line-height:12px;position:absolute;top:-1px;right:6px}.hud-left{flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;left:12px}.hud-res{border-left:3px solid var(--accent);background:#060a128c;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.res-item{grid-template-columns:10px 36px 44px auto;align-items:center;gap:6px;font-size:12px;display:grid}.res-item i{width:8px;height:8px;transform:rotate(45deg)}.res-item b{font-family:var(--num);text-align:right;font-size:14px}.res-item b.bump{color:var(--green);animation:.35s bump}.res-item small{color:#9adfff;font-size:10px}@keyframes bump{50%{transform:scale(1.35)}}.hud-obj{border-left:3px solid var(--cyan);background:#060a128c;flex-direction:column;gap:4px;min-width:200px;padding:8px 12px;font-size:12px;display:flex}.obj-line{align-items:center;gap:8px;display:flex}.obj-line i{border:2px solid var(--cyan);width:10px;height:10px}.obj-line.done{color:var(--green);text-decoration:line-through}.obj-line.done i{background:var(--green);border-color:var(--green)}.minimap{width:180px;height:180px;image-rendering:pixelated;opacity:.92;background:#000;border:2px solid #ffffff4d;position:absolute;top:12px;right:12px;box-shadow:0 0 0 3px #0006}.hud-hp{align-items:center;gap:8px;width:300px;display:flex;position:absolute;bottom:16px;left:16px}.hud-hp .label{font-family:var(--num);color:var(--green);font-size:16px;font-weight:900}.hud-hp .bar{height:18px;transform:skew(-12deg)}.hud-hp .bar-fill{background:linear-gradient(90deg,#1aa060,#6affb0)}.hud-hp .bar-text{font-size:12px;line-height:18px;transform:skew(12deg)}.hud-ammo{text-align:right;position:absolute;bottom:16px;right:18px}.ammo-name{color:var(--muted);font-size:12px;font-weight:700}.ammo-num{font-family:var(--num);font-weight:900}.ammo-num b{font-size:44px}.ammo-num b.low{color:var(--red)}.ammo-num span{color:#b8c6d8;font-size:18px}.reload-bar{background:#ffffff26;width:160px;height:4px;margin-left:auto}.reload-fill{background:var(--accent);height:100%}.hotbar{gap:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slot{background:#060a129e;border:2px solid #ffffff2e;flex-direction:column;align-items:center;width:62px;height:70px;transition:transform .1s,border-color .1s;display:flex;position:relative}.slot canvas{width:44px;height:44px;margin-top:3px}.slot.sel{border-color:var(--accent);background:#281806cc;transform:translateY(-6px);box-shadow:0 0 14px #ff8a1f80}.slot.locked{opacity:.4}.slot.cant .slot-cost{color:var(--red)}.slot.cant canvas{opacity:.45}.slot-key{font-family:var(--num);color:var(--muted);font-size:10px;position:absolute;top:1px;left:4px}.slot-label{white-space:nowrap;text-overflow:ellipsis;max-width:60px;font-size:9px;font-weight:700;overflow:hidden}.slot-cost{white-space:nowrap;background:#060a12cc;gap:4px;padding:2px 6px;font-size:10px;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.slot.sel .slot-cost{display:flex}.crosshair{--gap:6px;width:0;height:0;position:absolute;top:50%;left:50%}.crosshair i{background:#fff;position:absolute;box-shadow:0 0 2px #000}.crosshair .ch-t{width:2px;height:8px;left:-1px;top:calc(-1 * var(--gap) - 8px)}.crosshair .ch-b{width:2px;height:8px;left:-1px;top:var(--gap)}.crosshair .ch-l{width:8px;height:2px;top:-1px;left:calc(-1 * var(--gap) - 8px)}.crosshair .ch-r{width:8px;height:2px;top:-1px;left:var(--gap)}.crosshair b{background:#fff;width:2px;height:2px;position:absolute;top:-1px;left:-1px}.crosshair.build i{display:none}.crosshair.build b{background:0 0;border:2px solid #fff;border-radius:50%;width:6px;height:6px;top:-3px;left:-3px}.hitmarker{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}.hitmarker i{background:#fff;width:10px;height:2px;position:absolute}.hitmarker i:first-child{transform:translate(-16px,-12px)rotate(45deg)}.hitmarker i:nth-child(2){transform:translate(6px,-12px)rotate(-45deg)}.hitmarker i:nth-child(3){transform:translate(-16px,10px)rotate(-45deg)}.hitmarker i:nth-child(4){transform:translate(6px,10px)rotate(45deg)}.hitmarker.show{animation:.25s ease-out hitm}.hitmarker.head i{background:var(--gold)}.hitmarker.kill i{background:var(--red);width:14px}@keyframes hitm{0%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1)}}.target-info{text-align:center;background:#060a1299;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}.tbar{background:#fff3;width:120px;height:4px;margin:4px auto 0}.tbar i{background:var(--green);height:100%;display:block}.mine-prog{background:#060a1299;border:1px solid #ffffff4d;width:140px;height:18px;position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%)}.mp-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));height:100%}.mine-prog span{text-align:center;font-size:11px;font-weight:700;line-height:16px;position:absolute;inset:0}.build-info{text-align:center;background:#060a1299;min-width:260px;padding:6px 14px;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.bi-name{font-size:15px;font-weight:900}.bi-name small{color:var(--muted);font-size:11px;font-weight:500}.bi-desc{color:#b8c6d8;font-size:12px}.bi-err{color:var(--red);font-size:12px;font-weight:700}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.toast{background:#060a12bf;border:1px solid #fff3;padding:6px 16px;font-size:14px;font-weight:700;transition:opacity .4s;animation:.2s popIn}.toast.bad{border-color:var(--red);color:#ffc8cc}.toast.gold{border-color:var(--gold);color:var(--gold);font-size:18px}.toast.out{opacity:0}.pickups{flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;top:210px;right:16px}.pickup{background:#060a1280;padding:2px 10px;font-size:14px;font-weight:900;animation:1.8s both pickIn}@keyframes pickIn{0%{opacity:0;transform:translate(20px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.banner{background:linear-gradient(90deg,#0000,#060a12cc 20% 80%,#0000);flex-direction:column;align-items:center;padding:14px 0;animation:.5s cubic-bezier(.2,1.4,.4,1) bannerIn;display:flex;position:absolute;top:24%;left:0;right:0}.b-title{font-family:var(--num);letter-spacing:.12em;font-size:52px;font-weight:900}.b-sub{font-size:16px;font-weight:700}.banner.red .b-title{color:#ff5a6a;text-shadow:0 0 24px #ff4d5ab3}.banner.blue .b-title{color:#7ff0ff;text-shadow:0 0 24px #39e1ff99}.banner.gold .b-title{color:var(--gold);text-shadow:0 0 30px #ffd24acc}.banner.boss .b-title{font-size:72px;animation:.3s linear 4 shake}@keyframes bannerIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:none}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.vignette{opacity:0;background:radial-gradient(#0000 45%,#c80014bf 100%);transition:opacity .3s;position:absolute;inset:0}.vignette.flash{animation:.35s vflash}@keyframes vflash{0%{opacity:.9}to{opacity:0}}.hurt-dir{opacity:0;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hurt-dir:before{content:"";background:radial-gradient(at 50% 0,#ff2828f2,#0000 70%);width:80px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hurt-dir.show{animation:1s ease-out hurtd}@keyframes hurtd{0%{opacity:1}to{opacity:0}}.death{background:#3c000a73;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.d-title{color:#ff5a6a;letter-spacing:.2em;font-size:48px;font-weight:900}.d-sub{font-size:16px}.dmg-layer{position:absolute;inset:0;overflow:hidden}.dmg-num{font-family:var(--num);color:#fff;text-shadow:0 2px #000,0 0 6px #000c;white-space:nowrap;will-change:transform;font-size:16px;font-weight:900;position:absolute;top:0;left:0}.dmg-num.head{color:var(--gold);font-size:22px}.dmg-num.crit{color:#ff8ad0;font-size:20px}.hud-help{color:#cfe0f5;gap:12px;font-size:11px;display:none;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.hud-help span{align-items:center;gap:4px;display:flex}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#03060cb8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.ov-card{border:1px solid var(--line2);text-align:center;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);background:linear-gradient(#161d29f7,#0c111af7);flex-direction:column;align-items:center;gap:12px;width:min(780px,100%);padding:28px 32px;animation:.3s popIn;display:flex}.ov-card.small{width:min(420px,100%)}.ov-kicker{font-family:var(--num);letter-spacing:.35em;color:var(--accent);font-size:12px}.ov-title{font-size:34px;font-weight:900}.ov-desc{color:#c8d4e4;max-width:620px;font-size:14px;line-height:1.7}.ov-grid{text-align:left;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin:6px 0;display:grid}.ov-grid>div{border-left:3px solid var(--cyan);background:#00000040;padding:12px 16px}.ov-grid b{color:var(--cyan);font-size:13px}.ov-grid ul{color:#d8e2ee;margin:6px 0 0;padding-left:16px;font-size:12px;line-height:1.9}.ov-note{color:var(--muted);font-size:12px}.ov-card .btn{min-width:240px}@media (max-width:1100px){.hub-mid{grid-template-columns:260px 1fr 290px}.train-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.hub{flex-direction:column;gap:10px;padding:10px 16px 16px;display:flex;overflow-y:auto}.hub-top{flex-direction:column;align-items:stretch}.week-plate{clip-path:none;padding-right:0}.wk-info{flex:1;min-width:0}.res-bar{clip-path:none;flex-wrap:wrap;padding-left:12px}.hub>*{flex-shrink:0}.hub-mid{flex-direction:column;gap:10px;display:flex}.hub-mid>.panel{flex-shrink:0;overflow:visible}.hub-center{display:none}.cmd-label span{white-space:nowrap}.cmd span{white-space:nowrap;font-size:12px}.cmd small{display:none}.hub-bottom{grid-template-columns:1fr}.side-cmds{grid-template-columns:repeat(5,1fr)}.cmd{min-width:0;padding:8px 4px}.train-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-body{grid-template-columns:1fr}canvas.face.huge{width:160px;height:160px}.as-body{grid-template-columns:1fr;overflow:auto}.as-col{overflow:visible}.as-row{grid-template-columns:1fr 34px 36px auto auto}.as-row .st-bar,.as-row .as-cost{display:none}.fp-body,.rp-lines,.ov-grid{grid-template-columns:1fr}.dlg-portrait{bottom:200px;left:16px}.dlg-portrait .face.big{width:130px;height:130px}.dlg-text{font-size:17px}.sortie-card{grid-template-columns:1fr}.sortie-card .btn{grid-area:auto/1;margin-top:10px}.title-screen{padding:0 16px}.title-foot{left:16px;right:16px}.id-card,.id-card.big{width:min(360px,100%)}.card-grid{grid-template-columns:1fr}.set-row{grid-template-columns:100px 1fr 50px}}.ov-warn{color:#ffd0a0;border-left:3px solid var(--accent);text-align:left;background:#ff8a1f1f;padding:8px 12px;font-size:13px}.hud.shake{animation:.25s linear hudShake}@keyframes hudShake{25%{transform:translate(-4px,2px)}50%{transform:translate(3px,-3px)}75%{transform:translate(-2px,1px)}}.compass{background:linear-gradient(90deg,#0000,#060a128c 15% 85%,#0000);width:min(520px,56vw);height:26px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.compass-strip{will-change:transform;height:100%;position:absolute;top:0;left:50%}.cp-l{font-family:var(--num);color:#b8c6d8;font-size:10px;font-weight:700;position:absolute;top:5px;transform:translate(-50%)}.cp-l.major{color:#fff;font-size:13px;top:3px}.cp-tick{background:#ffffff59;width:1px;height:6px;position:absolute;top:16px}.compass-center{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:6px solid var(--accent);width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.compass-marks{position:absolute;inset:0}.compass-marks .cm{border:2px solid;width:10px;height:10px;position:absolute;top:2px;transform:translate(-50%)rotate(45deg)}.cm.core{border-color:var(--cyan);background:#39e1ff4d}.cm.nest{background:#d040ff66;border-color:#e060ff;animation:.8s steps(2,end) infinite blink}.cm.obj{border-color:var(--gold)}.markers{pointer-events:none;position:absolute;inset:0}.marker{flex-direction:column;align-items:center;gap:2px;width:80px;margin-left:-40px;display:flex;position:absolute;top:0;left:0}.marker i{background:#d040ff59;border:3px solid #e060ff;width:16px;height:16px;animation:1s ease-in-out infinite markerPulse;transform:rotate(45deg);box-shadow:0 0 12px #d040ff}.marker span{color:#f0c8ff;white-space:nowrap;font-size:11px;font-weight:700}.marker.edge i{opacity:.7}@keyframes markerPulse{50%{transform:rotate(45deg)scale(1.25)}}.res-credit{color:var(--gold);margin-top:2px;font-size:11px;font-weight:700}.res-credit:empty{display:none}.res-item.zero{opacity:.45}.obj-line em{font-style:normal}.obj-line span{font-family:var(--num);color:var(--accent2);margin-left:auto;padding-left:8px;font-size:11px}.obj-line.flash{animation:.8s objFlash}@keyframes objFlash{0%,to{background:0 0}30%{background:#5dff9a59}}.hud-hp{flex-direction:column;align-items:stretch;gap:4px}.hp-row,.fuel-row{align-items:center;gap:8px;display:flex}.label.small{font-family:var(--num);color:var(--cyan);width:26px;font-size:10px;font-weight:900}.fuel{background:#00000080;border:1px solid #39e1ff59;flex:1;height:6px;transform:skew(-12deg)}.fuel-fill{background:linear-gradient(90deg,#1a8ad0,#7ff8ff);height:100%;transition:width .1s}.fuel-fill.low{background:linear-gradient(90deg,#d04020,#ff9a40)}.od{align-items:center;gap:8px;width:300px;display:flex;position:absolute;bottom:74px;left:16px}.od-label{font-family:var(--num);color:#ffb060;letter-spacing:.1em;font-size:10px;font-weight:900}.od-bar{background:#0000008c;border:1px solid #ffa04066;flex:1;height:8px;overflow:hidden;transform:skew(-12deg)}.od-fill{background:linear-gradient(90deg,#c05010,#ffb040);height:100%}.od-key{opacity:.35}.od.ready .od-fill{background:linear-gradient(90deg,#ff8020,#ffe060,#ff8020) 0 0/200% 100%;animation:1s linear infinite odShine;box-shadow:0 0 12px #ffa040}.od.ready .od-key{opacity:1;animation:.6s ease-in-out infinite pulseKey}.od.ready .od-label{color:#ffe060;text-shadow:0 0 10px #ffa040}.od.active .od-fill{background:linear-gradient(90deg,#ff3080,#ffb040)}@keyframes odShine{to{background-position:-200% 0}}@keyframes pulseKey{50%{transform:scale(1.25)}}.od-overlay{opacity:0;pointer-events:none;background:radial-gradient(#0000 55%,#ff781459 100%);transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.od-overlay.on{opacity:1;animation:.5s ease-in-out infinite alternate odPulse}.od-overlay.on:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 60px,#ffc8780d 60px 62px);animation:.4s linear infinite odLines;position:absolute;inset:0 -62px 0 0}@keyframes odPulse{0%{filter:brightness()}to{filter:brightness(1.4)}}@keyframes odLines{to{transform:translate(62px)}}.combo{transform-origin:50%;flex-direction:column;align-items:center;display:flex;position:absolute;top:38%;right:22%}.combo b{font-family:var(--num);color:#fff;text-shadow:0 0 16px #ffa040cc,0 3px #000;font-size:46px;font-weight:900;line-height:1}.combo span{font-family:var(--num);letter-spacing:.3em;color:var(--accent2);font-size:12px;font-weight:900}.combo-bar{background:#fff3;width:80px;height:3px;margin-top:3px}.combo-bar i{background:var(--accent);height:100%;display:block}.combo.pop{animation:.25s cubic-bezier(.2,1.8,.4,1) comboPop}.combo.hot b{color:#ffd060}.combo.fire b{color:#ff6040;text-shadow:0 0 24px #ff4020,0 3px #000}@keyframes comboPop{0%{transform:scale(1.5)}to{transform:scale(1)}}.multikill{pointer-events:none;position:absolute;top:58%;left:50%;transform:translate(-50%)}.mk-in{color:#ffe060;text-shadow:0 0 14px #ff8020,0 3px #000;white-space:nowrap;font-size:26px;font-weight:900;animation:1.2s both mkIn}@keyframes mkIn{0%{opacity:0;transform:scale(2)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.score{font-family:var(--num);color:var(--gold);text-shadow:0 2px #000;font-size:22px;font-weight:900;position:absolute;top:200px;right:18px}.ammo-hint{color:var(--muted);margin-top:4px;font-size:10px}.hud-keys{color:#b8c6d8;opacity:.8;flex-direction:column;align-items:flex-end;gap:3px;font-size:10px;display:flex;position:absolute;bottom:118px;right:18px}.hud-keys span{align-items:center;gap:5px;display:flex}.slot.build{border-color:#39e1ff40}.bi-cost{gap:6px;margin-left:10px;font-size:11px;display:inline-flex}.bigmap{border:2px solid var(--line2);pointer-events:none;background:#060a12eb;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bigmap canvas{width:min(576px,70vh);height:min(576px,70vh);image-rendering:pixelated}.bm-title{font-size:15px;font-weight:900}.bm-title small{color:var(--muted);font-weight:500}.bm-legend{gap:14px;font-size:11px;display:flex}.lg:before{content:"";vertical-align:-1px;width:9px;height:9px;margin-right:4px;display:inline-block}.lg.core:before{background:#40e8ff}.lg.nest:before{background:#d040ff;border-radius:50%}.lg.obj:before{border:2px solid #ffd24a}.lg.enemy:before{background:#ff4040}.lg.you:before{background:#fff}.palette{pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;background:#03060cb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pal-card{border:1px solid var(--line2);background:linear-gradient(#161d29fa,#0c111afa);width:min(980px,94vw);max-height:90vh;padding:18px 22px;animation:.2s popIn;overflow:auto}.pal-head{align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.pal-head b{font-size:20px;font-weight:900}.pal-head small{color:var(--muted);font-size:12px}.pal-slots{gap:6px;margin-bottom:12px;display:flex}.pal-slot{cursor:pointer;background:#060a1299;border:2px solid #ffffff2e;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.pal-slot small{font-family:var(--num);color:var(--muted);font-size:10px;position:absolute;top:1px;left:3px}.pal-slot.on{border-color:var(--accent);box-shadow:0 0 12px #ff8a1f80}.pal-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.pal-cat{color:var(--cyan);letter-spacing:.2em;border-bottom:1px solid var(--line);grid-column:1/-1;padding:6px 0 3px;font-size:12px;font-weight:900}.pal-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff0a;grid-template-rows:auto auto auto;grid-template-columns:48px 1fr;column-gap:8px;padding:8px;transition:background .12s,transform .12s;display:grid}.pal-item:hover{background:#ff8a1f26;transform:translateY(-2px)}.pal-item canvas{grid-row:1/4;width:48px;height:48px}.pal-item b{font-size:14px}.pal-item small{color:#b8c6d8;font-size:11px}.pal-cost{gap:6px;font-size:11px;font-weight:700;display:flex}.pal-item.locked{opacity:.45;cursor:not-allowed}.pal-item.cant .pal-cost{opacity:.6}.wk-bar .mk.rival{background:#e04060;height:8px;top:-1px;box-shadow:0 0 6px #e04060}.wk-title .camp{color:#1a0800;background:linear-gradient(90deg,#ff5a2a,#ffb040);margin-left:8px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:900;animation:1.4s steps(2,end) infinite blink}.res.credit-res b{color:var(--gold)}.pp-flags{color:var(--gold);margin-top:2px;font-size:11px}.bonds.five{grid-template-columns:repeat(5,1fr)}.side-cmds{grid-template-columns:repeat(4,1fr)}.cmd.accent2{border-color:var(--cyan);background:#39e1ff1a}.cmd.accent2 .ico{color:var(--cyan)}.train-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.tcard.exp{background:linear-gradient(#5a1e5acc,#140c1ceb);border-color:#e060ff8c}.tcard.exp .tc-ico{color:#e060ff}.tcard.exp .tc-live{color:#20002a;background:#e060ff}.sortie-card.rival{background:linear-gradient(100deg,#6e143299,#140810bf),repeating-linear-gradient(-45deg,#e0406014 0 12px,#0000 12px 24px);border-color:#e04060;grid-template-columns:auto 1fr auto}.sortie-card.rival .sc-face{grid-row:1/4;margin-right:12px}.sortie-card.rival .sc-face .face.big{width:76px;height:76px}.sortie-card.rival .btn{grid-column:3}.sortie-card.rival .sc-kicker{color:#ff8aa0}.ov-goals{color:var(--gold);flex-wrap:wrap;justify-content:center;gap:8px 16px;font-size:14px;font-weight:700;display:flex}.nest-row{flex-wrap:wrap;gap:5px;display:flex}.nest-chip{color:#f0c8ff;background:#d040ff40;border:1px solid #d040ff;padding:2px 8px;font-size:11px}.nest-chip.dead{color:#999;background:#78787833;border-color:#666;text-decoration:line-through}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 18px;font-size:14px;font-weight:900}.tab:hover{color:#fff}.tab.on{color:#fff;border-bottom-color:var(--accent)}.wallet{color:var(--muted);font-size:14px;font-weight:700}.credit{font-family:var(--num);color:var(--gold);font-weight:900}.wallet .credit{font-size:22px}.shop-screen,.research-screen,.items-screen{flex-direction:column;gap:12px;display:flex}.shop-note{color:var(--muted);font-size:12px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;display:grid}.shop-item{border:1px solid var(--line);background:#ffffff0a;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:transform .12s,border-color .12s;display:grid}.shop-item:hover{border-color:var(--line2);transform:translateY(-1px)}.shop-item.cant{opacity:.6}.si-ico{text-align:center;filter:drop-shadow(0 2px 4px #00000080);font-size:30px}.si-body{flex-direction:column;gap:1px;display:flex}.si-body b{font-size:14px}.si-body small{color:#b8c6d8;font-size:12px}.si-own{color:var(--cyan);font-size:11px}.item-flags{color:var(--gold);border-left:3px solid var(--gold);background:#ffd24a14;flex-direction:column;gap:4px;padding:8px 12px;font-size:13px;display:flex}.gift-row{gap:4px;display:flex}.gift-btn{border:1px solid var(--line2);cursor:pointer;background:#ffffff0f;padding:2px}.gift-btn:hover{border-color:var(--accent)}.sell-list{flex-direction:column;display:flex}.sell-row{border-bottom:1px solid var(--line);grid-template-columns:80px 110px 90px auto auto auto;align-items:center;gap:10px;padding:8px 4px;font-size:14px;display:grid}.sr-name{font-weight:900}.sr-have{font-family:var(--num);font-size:13px}.sr-price{color:var(--gold);font-size:12px}.rd-stock{border:1px solid var(--line);background:#00000040;flex-wrap:wrap;gap:6px 14px;padding:8px 12px;font-size:12px;display:flex}.rd-stock span{color:var(--c);align-items:baseline;gap:5px;display:inline-flex}.rd-stock b{font-family:var(--num);color:#fff;font-size:13px}.rd-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px;display:grid}.rd-item{border:1px solid var(--line);border-left:4px solid var(--cyan);background:#ffffff0a;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.rd-item canvas{width:56px;height:56px}.rd-item.done{border-left-color:var(--green);background:#5dff9a0f}.rd-item.locked{opacity:.55;border-left-color:#555}.rd-body{flex-direction:column;gap:3px;display:flex}.rd-body b{font-size:15px}.rd-body small{color:#b8c6d8;font-size:12px}.rd-done{color:var(--green);font-size:12px;font-weight:700}.rd-lock{color:#ff9aa0;font-size:12px}.rd-stats{color:var(--accent2);font-size:12px;font-family:var(--num)}.cost-chips{flex-wrap:wrap;gap:5px;display:flex}.cc{color:var(--c);background:#ffffff0f;border:1px solid #ffffff1a;padding:1px 6px;font-size:11px;font-weight:700}.cc.lack{color:#ff6a6a;background:#ff4d5a1a;border-color:#ff4d5a80}.loadout{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lo-slot{border:1px solid var(--line);background:#00000040;padding:10px 12px}.lo-label{color:var(--accent2);margin-bottom:8px;font-size:13px;font-weight:900}.lo-opts{flex-wrap:wrap;gap:6px;display:flex}.lo-opt{border:2px solid var(--line);cursor:pointer;background:#ffffff0a;flex-direction:column;align-items:center;gap:1px;min-width:76px;padding:6px 8px;font-size:11px;font-weight:700;display:flex}.lo-opt canvas{width:48px;height:48px}.lo-opt small{color:var(--gold);font-family:var(--num)}.lo-opt.on{border-color:var(--accent);background:#ff8a1f26}.lo-opt[disabled]{opacity:.3;cursor:not-allowed}@media (max-width:1100px){.train-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:860px){.train-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-cmds{grid-template-columns:repeat(4,1fr)}.loadout{grid-template-columns:1fr}.sell-row{grid-template-columns:60px 1fr auto auto}.sell-row .sr-price,.sell-row button:last-child{display:none}.sortie-card.rival{grid-template-columns:1fr}.sortie-card.rival .sc-face{display:none}.sortie-card.rival .btn{grid-column:1}.combo{right:8%}.hud-keys,.compass{display:none}}.stat-row{position:relative}.stat-row.up{animation:1.6s statGlow}.stat-row.up:after{content:attr(data-diff);font-family:var(--num);color:var(--green);text-shadow:0 0 8px #5dff9acc;font-size:13px;font-weight:900;animation:1.8s forwards statDiff;position:absolute;top:-6px;right:0}.stat-row.up .rank{animation:.6s cubic-bezier(.2,1.8,.4,1) rankPop}@keyframes statGlow{0%,to{background:0 0}20%{background:#5dff9a38}}@keyframes statDiff{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes rankPop{0%{transform:scale(1.6)}to{transform:scale(1)}}:root{--field:#70ddc3;--paper:#f0eddd;--copper:#ecae70}#game-ui{pointer-events:none}.backpack-modal>.modal-x{display:none}button:focus-visible,input:focus-visible{outline:2px solid var(--field);outline-offset:4px}.screen.title{background:linear-gradient(90deg,#061116d1,#06111638 55%,#0611161a),linear-gradient(#0000 60%,#040b1199)}.title-screen{gap:24px;padding:4vh 7vw}.title-logo .logo-kicker{color:var(--field);letter-spacing:.22em;margin-bottom:16px;font-size:10px}.title-logo .logo{letter-spacing:-.05em;filter:drop-shadow(0 4px 16px #0003);font-size:clamp(60px,7.6vw,110px);line-height:.94}.title-logo .logo .l1{color:#f3f1e5;text-shadow:none}.title-logo .logo .l2{color:#0000;text-shadow:none;background:linear-gradient(135deg,#fff1bf,#e6a35f);-webkit-background-clip:text;background-clip:text}.logo-sub{letter-spacing:.3em!important;margin-top:16px!important;font-size:15px!important}.logo-bar{background:var(--field)!important;width:70px!important;height:2px!important;margin-top:20px!important}.title-manifesto{color:#dae2d9;letter-spacing:.09em;margin:15px 0 0;font-size:14px}.title-menu{gap:9px;width:min(340px,42vw)}.title-menu .btn{clip-path:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;text-align:left;background:#0c1b22bf;border:1px solid #c8e5df30;border-radius:5px;transition:transform .2s,border-color .2s,background .2s}.title-menu .btn:hover{background:#1b363ce6;border-color:#80e6cc99;transform:translate(5px)}.title-menu .btn.primary{background:var(--field);color:#112925;border-color:var(--field)}.title-menu .btn.primary small{color:#1f4c41}.title-menu .btn.big{min-height:57px;padding:12px 19px;font-size:15px}.title-menu .btn small{color:#a2b8b9;margin-top:3px;font-size:10px}.title-menu .btn .ico{width:23px;height:23px}.title-foot{color:#d1dfd8;letter-spacing:.08em;font-size:10px}.update-note{width:285px;color:var(--paper);border:1px solid #b6e8d636;border-top:2px solid var(--field);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#102a31e6,#0b1821b3);border-radius:4px;padding:27px 28px;position:absolute;bottom:12vh;right:6vw;box-shadow:0 20px 80px #0003}.update-tag{font:10px var(--num);letter-spacing:.2em;color:var(--field);margin-bottom:22px}.update-note h2{letter-spacing:.05em;margin:0;font-size:30px;font-weight:700;line-height:1.5}.update-note p{color:#b2c5c4;margin:18px 0;font-size:12px;line-height:1.9}.update-features{border-top:1px solid #b6e8d626;margin:12px 0 21px;padding-top:10px}.update-features span{font:10px var(--num);color:var(--field);align-items:center;gap:18px;padding:9px 0;display:flex}.update-features b{font:12px var(--jp);color:#e4e7de}.update-note>small{color:#8baaa9;font-size:9px}.craft-cmd{background:linear-gradient(145deg,#234440d9,#152833e6)!important;border-color:#70ddc36b!important}.backpack-overlay{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;text-shadow:none;background:#071018bc;justify-content:center;align-items:center;padding:4vh 4vw;display:flex;position:fixed;inset:0}.modal.backpack-modal,.modal-card.backpack-modal,.backpack-modal{background:0 0!important;border:0!important;width:min(1180px,96vw)!important;max-width:1180px!important;padding:0!important}.backpack-panel{--ink:#e6e9dd;--muted:#95adae;--line:#779da532;color:var(--ink);width:min(1180px,100%);max-height:min(900px,92dvh);text-shadow:none;font-family:var(--jp);background:#0e1b23;border:1px solid #80b1b446;border-radius:12px;flex-direction:column;animation:.22s bag-enter;display:flex;overflow:hidden;box-shadow:0 32px 120px #0009}@keyframes bag-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.bag-header{border-bottom:1px solid var(--line);background:linear-gradient(110deg,#17302c66,#0000 50%);justify-content:space-between;align-items:center;gap:16px;padding:24px 30px 21px;display:flex}.bag-header small{font:10px var(--num);color:var(--field);letter-spacing:.17em}.bag-header h2{letter-spacing:.06em;margin:6px 0 0;font-size:24px}.bag-header-side{align-items:center;gap:26px;display:flex}.bag-header-side>span{color:var(--muted);font-size:12px}.bag-close{color:#c6d3cc;border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:5px;padding:9px 15px;font-size:12px}.bag-close:hover{background:#ffffff18}.bag-nav{border-bottom:1px solid var(--line);flex-shrink:0;gap:32px;padding:0 30px;display:flex}.bag-nav button{color:var(--muted);font:700 13px var(--jp);cursor:pointer;background:0 0;border:0;padding:17px 2px;position:relative}.bag-nav button small{font:9px var(--num);opacity:.6;margin-right:9px}.bag-nav button.active{color:var(--field)}.bag-nav button.active:after{content:"";background:var(--field);height:2px;position:absolute;bottom:-1px;left:0;right:0}.bag-content{flex:1;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);min-height:0;display:grid;overflow:auto}.bag-main{min-width:0;padding:25px 26px}.bag-heading small{font:9px var(--num);color:var(--muted);letter-spacing:.14em}.bag-heading h3{letter-spacing:.03em;margin:5px 0 18px;font-size:18px;font-weight:700}.bag-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:15px;display:flex}.bag-filters{flex-wrap:wrap;gap:4px;display:flex}.bag-filters button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 10px;font-size:11px}.bag-filters button.active{color:#b3ead9;background:#70ddc314;border-color:#70ddc330}.bag-search{border:1px solid var(--line);color:var(--ink);font:12px var(--jp);background:#07121aa6;border-radius:4px;width:150px;padding:7px 10px}.bag-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.bag-cell{aspect-ratio:.91;color:var(--ink);cursor:pointer;background:linear-gradient(140deg,#20323c66,#111f29);border:1px solid #7a9eac28;border-radius:5px;justify-content:center;align-items:center;min-width:0;padding:4px;transition:border-color .15s,background .15s;display:flex;position:relative}.bag-cell .item-art{filter:drop-shadow(0 4px 5px #0003);width:88%;height:auto;margin-top:-10px}.bag-cell b{font:700 12px var(--num);text-shadow:0 1px 4px #000;position:absolute;bottom:19px;right:7px}.bag-cell>span{text-overflow:ellipsis;white-space:nowrap;color:#b6c8c9;text-align:center;font-size:8px;position:absolute;bottom:4px;left:3px;right:3px;overflow:hidden}.bag-cell:hover{background:#23443a55;border-color:#70ddc399}.bag-cell.selected{border-color:var(--field);background:radial-gradient(at 50% 60%,#5dbdad27,#0000),#132a30;box-shadow:inset 0 0 0 1px #70ddc326}.bag-cell.empty{cursor:default;background:#09172080;border-color:#7394a317;grid-column:auto;padding:4px}.bag-cell.empty:after{content:"+";color:#58707c29;font-size:18px;font-weight:300}.bag-detail{border-left:1px solid var(--line);background:linear-gradient(155deg,#21333c77,#12202999);flex-direction:column;align-items:stretch;gap:12px;min-width:0;padding:24px 28px;display:flex}.bag-detail .bag-heading h3{margin-bottom:0;font-size:14px}.bag-item-stage{isolation:isolate;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--item-color) 13%,transparent),transparent 70%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-height:172px;display:flex;position:relative;overflow:hidden}.bag-item-stage .item-art{z-index:1;filter:drop-shadow(0 10px 15px #0004);width:170px;height:170px;animation:4s ease-in-out infinite item-float}.stage-orbit{border:1px solid #95bbb033;border-radius:50%;width:168px;height:72px;position:absolute;bottom:22px;transform:rotate(-10deg)}.stage-code{font:8px var(--num);letter-spacing:.1em;color:#8ca5a380;position:absolute;bottom:8px;left:12px}@keyframes item-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-7px)rotate(2deg)}}.bag-item-heading{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.bag-item-heading small{color:var(--field);font-size:10px}.bag-item-heading h3{letter-spacing:.02em;margin:0;font-size:20px}.bag-item-heading>span{color:var(--muted);font-size:12px}.bag-detail>p{color:#aac0c0;margin:0 0 3px;font-size:12px;line-height:1.9}.bag-panel .btn,.backpack-panel .btn{clip-path:none;letter-spacing:.02em;border:1px solid var(--line);border-radius:5px;justify-content:center;min-height:43px;font-size:13px}.backpack-panel .btn.primary{color:#0e302a;background:var(--field);border:1px solid #a5e8d5;box-shadow:0 5px 22px #70ddc319}.backpack-panel .btn:disabled{cursor:not-allowed;opacity:.35;filter:none}.bag-equip{margin-top:auto}.bag-text-btn{color:#a7cec4;cursor:pointer;text-align:left;background:0 0;border:none;padding:7px 0;font-size:11px}.bag-text-btn:hover{color:#d6fff0}.bag-bindings{border-top:1px solid var(--line);margin-top:23px;padding-top:17px}.bag-bind-label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.bag-bind-label b{color:#cbd9d3;font-size:12px}.bag-bind-label small{color:var(--muted);font-size:9px}.bag-binding-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.bag-binding{border:1px solid var(--line);color:#b4c6c8;cursor:pointer;background:#152630;border-radius:4px;min-width:0;padding:10px 3px 6px;position:relative}.bag-binding.active{border-color:var(--field);box-shadow:inset 0 -2px var(--field)}.bag-binding kbd{color:#b4c6c8;background:0 0;border:none;font-size:9px;position:absolute;top:4px;left:5px}.bag-binding canvas{width:85%;height:auto;margin:0 auto;display:block}.bag-binding span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.bag-feedback{border-top:1px solid var(--line);color:#96c8b8;background:#0b171e;flex-shrink:0;min-height:40px;padding:12px 28px;font-size:11px}.bag-feedback.bad{color:#f2aeaa}.bag-empty-text{color:var(--muted);font-size:12px}.recipe-main{flex-direction:column;gap:12px;display:flex}.recipe-main .bag-heading h3{margin-bottom:0}.craft-toggle{color:#a3b9b9;align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.craft-toggle input{accent-color:var(--field);width:14px;height:14px}.recipe-list{scrollbar-width:thin;scrollbar-color:#395b62 transparent;flex-direction:column;gap:7px;max-height:390px;padding:2px 6px 4px 2px;display:flex;overflow:auto}.recipe-row{text-align:left;color:#dfe5dd;cursor:pointer;background:#14262f;border:1px solid #779da520;border-radius:5px;flex-shrink:0;align-items:center;gap:12px;min-height:68px;padding:7px 12px 7px 6px;display:flex}.recipe-row .item-art{flex-shrink:0;width:52px;height:52px}.recipe-row>span{flex-direction:column;gap:5px;display:flex}.recipe-row b{font-size:13px;font-weight:700}.recipe-row small{color:var(--muted);font-size:10px}.recipe-row em{color:#91a5a7;white-space:nowrap;background:#0002;border-radius:3px;margin-left:auto;padding:4px 6px;font-size:9px;font-style:normal}.recipe-row.ready em{color:var(--field);background:#70ddc312}.recipe-row.selected{border-color:var(--field);background:#1b3b3c}.craft-detail{gap:10px}.craft-detail .bag-item-stage{min-height:130px}.craft-detail .bag-item-stage .item-art{width:132px;height:132px}.bag-pin{color:#8dacaa;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.bag-pin.active{color:var(--field)}.recipe-costs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:7px;padding:8px 0;display:grid}.recipe-costs>div{align-items:center;gap:8px;font-size:12px;display:flex}.recipe-costs .item-art{width:32px;height:32px}.recipe-costs b{font-family:var(--num);margin-left:auto;font-size:12px}.recipe-costs .enough b{color:var(--field)}.recipe-costs .missing b{color:#e9a2a0}.craft-quantity{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.craft-quantity button{border:1px solid var(--line);color:#a3bfbe;cursor:pointer;background:#091c25;border-radius:3px;padding:5px 9px}.craft-quantity button.active{border-color:var(--field);color:var(--field)}.craft-quantity small{margin-left:auto;font-size:10px}.crafted .item-art{animation:.6s craft-pop}@keyframes craft-pop{0%{filter:brightness(3);transform:scale(.5)}50%{filter:brightness(1.4);transform:scale(1.15)}to{transform:scale(1)}}.goals-page{grid-column:1/-1;min-height:420px;padding:28px}.goals-page>p{color:var(--muted);margin-bottom:20px;font-size:12px}.goal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.goal-card{border:1px solid var(--line);background:linear-gradient(145deg,#20373e,#14252e);border-radius:6px;flex-direction:column;gap:12px;padding:20px;display:flex}.goal-card>small{font:9px var(--num);letter-spacing:.1em;color:var(--copper)}.goal-card h3{margin:0;font-size:17px}.goal-card p{color:var(--muted);margin:0;font-size:12px}.goal-card>b{font:10px var(--num);color:#a7c9be}.goal-progress{background:#091b24;border-radius:4px;height:4px;overflow:hidden}.goal-progress i{background:var(--field);height:100%;display:block}.goal-rewards{flex-direction:column;gap:3px;display:flex}.goal-rewards span{color:#c6d2cb;align-items:center;font-size:11px;display:flex}.goal-rewards canvas{width:30px;height:30px}.goal-card.complete{opacity:.6}.hud-bag-button{pointer-events:auto;color:#d4ece2;font:700 12px var(--jp);cursor:pointer;background:#102730e8;border:1px solid #70ddc37a;border-radius:5px;align-items:center;gap:9px;padding:10px 13px;display:flex;position:absolute;top:207px;right:18px}.hud-bag-button>span{color:var(--field);font-size:20px}.hud-bag-button kbd{color:#9fe7d0;background:#70ddc325;border-color:#70ddc344;font-size:10px}.hud-recipe{white-space:pre-line;border-left:2px solid var(--field);color:#c7e1d4;background:#10232aeb;max-width:260px;padding:9px 12px;font-size:11px;line-height:1.8;position:absolute;top:345px;left:15px}.held-label{white-space:nowrap;color:#deeee0;background:#0b1d26b3;border:1px solid #abcab62b;border-radius:20px;padding:5px 17px;font-size:12px;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}.hotbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1a23b8;border:1px solid #99b8ad38;border-radius:8px;gap:5px!important;padding:7px!important;bottom:22px!important}.hotbar .slot{pointer-events:auto;cursor:pointer;clip-path:none;background:#132932c7;border-color:#94b1b131;border-radius:4px;width:clamp(46px,5.2vw,72px);height:68px}.hotbar .slot.sel{border-color:var(--field);box-shadow:inset 0 -3px var(--field),0 0 18px #70ddc31f;background:#23544b99;transform:translateY(-3px)}.hotbar .slot canvas{width:44px;height:44px}.hotbar .slot-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.hotbar .slot-count{font:700 11px var(--num);position:absolute;bottom:18px;right:5px}.hotbar .slot-cost{display:none}.hud-res,.hud-obj{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b202bcc;border-left-width:2px;border-radius:5px}.hud-keys{bottom:160px}@media (min-width:1200px){.backpack-panel{height:min(780px,92dvh)}.bag-grid{gap:9px}.bag-detail{padding:25px 32px}.bag-content{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr)}}@media (max-width:950px){.update-note{width:235px;padding:22px;bottom:14vh;right:4vw}.update-note h2{font-size:25px}.bag-header{padding:18px 22px}.bag-header-side>span{display:none}.bag-main,.bag-detail{padding:20px 18px}.bag-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.bag-content{grid-template-columns:minmax(0,1.3fr) minmax(255px,1fr)}.bag-search{width:100%}.bag-cell>span{font-size:8px}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bag-bind-label{flex-direction:column;align-items:flex-start}.hud-hp{width:200px}.hud-ammo{bottom:12px;right:12px}.hotbar{bottom:72px!important}.held-label{bottom:151px}.hud-keys{display:none}}@media (max-width:680px){.title-screen{justify-content:center;gap:21px;padding:35px 7vw 50px;overflow:auto}.title-logo .logo{font-size:68px}.title-menu{width:100%}.title-logo .logo-kicker{font-size:9px}.update-note{display:none}.title-manifesto{font-size:12px}.logo-sub{font-size:13px!important}.title-menu .btn.big{min-height:53px}.title-foot{font-size:8px;bottom:15px!important}.backpack-overlay{padding:7px}.backpack-panel{border-radius:8px;max-height:calc(100dvh - 14px)}.bag-header{padding:15px}.bag-header h2{font-size:18px}.bag-header small{font-size:8px}.bag-close{padding:8px;font-size:10px}.bag-nav{gap:20px;padding:0 15px}.bag-nav button{padding:13px 0;font-size:12px}.bag-content{flex-direction:column;display:flex;overflow:auto}.bag-main{padding:18px 15px}.bag-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.bag-cell{aspect-ratio:.8}.bag-cell .item-art{width:95%}.bag-cell b{font-size:10px;right:4px}.bag-cell>span{font-size:7px}.bag-filters button{padding:5px 8px;font-size:10px}.bag-toolbar{gap:7px}.bag-heading h3{margin-bottom:12px;font-size:16px}.bag-search{min-height:34px;font-size:12px}.bag-detail{border-left:0;border-top:1px solid var(--line);gap:10px;padding:18px 20px}.bag-detail>.bag-heading{display:none}.bag-item-stage{min-height:110px}.bag-item-stage .item-art{width:120px;height:120px}.bag-item-heading h3{font-size:18px}.bag-bindings{margin-top:16px;padding-top:12px}.bag-bind-label{flex-direction:row}.bag-binding span{font-size:7px}.bag-binding-row{gap:5px}.bag-binding{padding-top:7px}.bag-feedback{padding:10px 15px;font-size:10px}.recipe-list{max-height:260px}.recipe-row{min-height:60px}.recipe-row b{font-size:12px}.recipe-row .item-art{width:42px;height:42px}.craft-detail .bag-item-stage{min-height:100px}.craft-detail .bag-item-stage .item-art{width:105px;height:105px}.goals-page{padding:20px 15px}.goal-grid{grid-template-columns:1fr}.hud-bag-button{padding:6px 9px;font-size:10px;top:130px;right:8px}.hotbar .slot{width:35px;height:49px}.hotbar .slot canvas{width:30px;height:30px}.hotbar .slot-label{font-size:6px}.hotbar .slot-key{font-size:8px}.hotbar{max-width:97vw;gap:3px!important;padding:5px!important;bottom:82px!important}.held-label{font-size:10px;bottom:149px}.hud-recipe{max-width:180px;font-size:9px;top:235px;left:8px}}@media (max-height:680px) and (min-width:681px){.title-screen{gap:16px}.title-logo .logo{font-size:67px}.title-logo .logo-kicker{margin-bottom:10px}.title-manifesto,.logo-bar{display:none}.title-menu .btn.big{min-height:46px;padding:9px 16px}.title-menu{gap:7px}.update-note{bottom:10vh}.backpack-panel{min-height:0;max-height:96dvh}.bag-header{padding:12px 24px}.bag-header h2{font-size:20px}.bag-nav button{padding:12px 0}.bag-main,.bag-detail{padding-top:17px}.bag-cell{aspect-ratio:1.1}.bag-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bag-detail .bag-item-stage{min-height:115px}.bag-detail .bag-item-stage .item-art{width:120px;height:120px}.bag-content{overflow:auto}.backpack-overlay{padding:2vh 3vw}}@media (prefers-reduced-motion:reduce){.backpack-panel,.bag-item-stage .item-art{animation:none}.hotbar .slot,.title-menu .btn{transition:none}}@media (min-width:681px){.bag-grid{grid-auto-rows:clamp(58px,8.9vh,86px)}.bag-cell{aspect-ratio:auto}.bag-cell .item-art{width:min(75%,60px)}.bag-equip{margin-top:0}.bag-detail{justify-content:flex-start}.bag-main{padding-top:20px;padding-bottom:20px}.bag-bindings{margin-top:15px;padding-top:12px}}