:root{--bg0: #050608;--bg1: #0b0c10;--bg2: #111318;--bg3: #181b22;--glass: rgba(9, 10, 14, .9);--glass-2: rgba(14, 16, 21, .94);--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .16);--line-3: rgba(255, 255, 255, .34);--ink: #f2f0eb;--ink-dim: #b6b2aa;--ink-faint: #74716b;--red: #c8102e;--red-soft: #e23a50;--red-deep: #6a0717;--cyan: #7fe3ff;--cyan-deep: #1b5a72;--gold: #e2c36f;--violet: #b9a2ff;--blue: #5cc8ee;--hp: linear-gradient(90deg, #7a0a1c, #c8102e 60%, #ef5266);--rei: linear-gradient(90deg, #13526b, #3fb4d8 60%, #a8f0ff);--display: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif;--font: "Zen Kaku Gothic New", "Avenir Next", "Hiragino Sans", "Segoe UI", "Noto Sans JP", system-ui, sans-serif;--serif: var(--display);--cut: 14px;--sub: 1;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg0);overflow:hidden;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui .interactive,#ui button,#ui input,#ui select,#ui .menu,#ui details{pointer-events:auto}button{font-family:var(--font);color:inherit}::selection{background:var(--red);color:#fff}*:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}.cut{clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}#boot,.loading{position:fixed;inset:0;z-index:50;background:var(--bg0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .6s;overflow:hidden}.boot-title{font-family:var(--display);font-weight:800;font-size:clamp(44px,9vw,120px);letter-spacing:.14em;line-height:.9;text-align:center;padding-left:.14em}.boot-title span{display:block;font-family:var(--font);font-weight:500;font-size:.15em;letter-spacing:1.1em;padding-left:1.1em;color:var(--red-soft);margin-top:22px}.boot-bar{width:min(420px,70vw);height:1px;background:var(--line-2);overflow:hidden}#boot-fill{height:100%;width:0%;background:var(--ink);transition:width .25s}#boot-text{font-size:11px;letter-spacing:.4em;color:var(--ink-faint);text-transform:uppercase;padding-left:.4em}.loading{justify-content:flex-end;align-items:stretch;gap:0;padding:0 7vw 9vh}.loading .ld-bg{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:grayscale(.7) contrast(1.1) brightness(.62);transform:scale(1.04)}.loading .ld-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050608e6,#05060859,#050608b3),linear-gradient(0deg,rgba(5,6,8,1) 0%,transparent 50%)}.loading .ld-kanji{position:absolute;right:6vw;top:8vh;writing-mode:vertical-rl;font-family:var(--display);font-size:clamp(40px,7vw,96px);font-weight:700;color:#ffffff12;letter-spacing:.2em}.loading .ld-text{position:relative;max-width:720px}.loading .ld-over{font-size:11px;letter-spacing:.5em;color:var(--red-soft);text-transform:uppercase}.loading .ld-realm{font-family:var(--display);font-weight:700;font-size:clamp(34px,5.4vw,72px);letter-spacing:.06em;line-height:1.05;margin:10px 0 18px}.loading .ld-tip{font-size:14px;line-height:1.75;color:var(--ink-dim);max-width:560px;border-left:2px solid var(--red);padding-left:16px;min-height:2em}.loading .ld-prog{display:flex;align-items:center;gap:16px;margin-top:30px}.loading .ld-bar{position:relative;height:2px;width:min(520px,70vw);background:var(--line-2);overflow:hidden}.loading .ld-pct{font-size:12px;letter-spacing:.2em;color:var(--ink);font-variant-numeric:tabular-nums;min-width:4ch}.loading .ld-bar i{position:absolute;top:0;bottom:0;width:28%;background:linear-gradient(90deg,transparent,var(--ink),transparent);animation:ldrun 1.4s var(--ease) infinite}.loading .ld-bar.known i{animation:none;left:0;width:var(--p, 0%);background:var(--ink);transition:width .25s}@keyframes ldrun{0%{left:-30%}to{left:102%}}.main-menu{position:fixed;inset:0;z-index:30;pointer-events:auto;display:grid;grid-template-columns:minmax(340px,44%) 1fr;background:linear-gradient(90deg,#050608f0,#050608b8 30%,#05060826 58%,#0000 72%),radial-gradient(ellipse at 70% 50%,#0000 40%,#0009);animation:menuIn 1.4s ease-out both}@keyframes menuIn{0%{opacity:0}to{opacity:1}}.main-menu .left{position:relative;padding:8vh 0 6vh 6.5vw;display:flex;flex-direction:column;min-height:0}.mm-logo{position:relative;font-family:var(--display);font-weight:800;font-size:clamp(58px,8.2vw,128px);letter-spacing:.03em;line-height:.86}.mm-logo .line{display:block;height:2px;width:0;background:var(--red);margin:22px 0 16px;animation:drawline 1.1s var(--ease) .5s forwards}@keyframes drawline{to{width:132px}}.mm-logo small{display:block;font-family:var(--font);font-weight:500;font-size:clamp(11px,1vw,14px);letter-spacing:.95em;color:var(--ink)}.mm-vert{position:absolute;left:1.6vw;top:9vh;writing-mode:vertical-rl;font-family:var(--display);font-size:15px;letter-spacing:.6em;color:var(--ink-faint)}.mm-list{display:flex;flex-direction:column;gap:2px;margin:6vh 0 0}.mbtn{all:unset;cursor:pointer;display:grid;grid-template-columns:38px auto;align-items:baseline;padding:11px 0;color:var(--ink-faint);position:relative;width:fit-content;min-width:260px;transition:color .18s,transform .18s var(--ease)}.mbtn .no{font-size:11px;letter-spacing:.14em;color:var(--ink-faint);font-variant-numeric:tabular-nums}.mbtn .lb{font-family:var(--display);font-size:clamp(19px,1.7vw,25px);font-weight:600;letter-spacing:.2em;text-transform:uppercase}.mbtn:after{content:"";position:absolute;left:38px;bottom:4px;height:1px;width:100%;background:linear-gradient(90deg,var(--red),transparent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.mbtn:hover,.mbtn:focus,.mbtn.sel{color:var(--ink);transform:translate(10px);outline:none}.mbtn:hover .no,.mbtn.sel .no,.mbtn:focus .no{color:var(--red-soft)}.mbtn:hover:after,.mbtn:focus:after,.mbtn.sel:after{transform:scaleX(1)}.mbtn[disabled]{opacity:.28;pointer-events:none}.mm-save{margin-top:auto;max-width:440px;padding:14px 18px 14px 16px;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent);border-left:2px solid var(--red)}.mm-save .k{font-size:10px;letter-spacing:.45em;color:var(--ink-faint);text-transform:uppercase}.mm-save .t{font-family:var(--display);font-size:18px;margin:6px 0 4px;letter-spacing:.04em}.mm-save .d{font-size:12px;color:var(--ink-dim);letter-spacing:.06em;line-height:1.6}.main-menu .foot{margin-top:18px;font-size:10.5px;color:var(--ink-faint);letter-spacing:.1em;line-height:1.8;max-width:440px}.main-menu .hint{margin-top:10px;font-size:10px;letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase}.mm-dev{position:absolute;right:28px;bottom:24px;display:flex;gap:10px}.mm-dev button{all:unset;cursor:pointer;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);padding:7px 12px;border:1px solid var(--line);background:#05060880}.mm-dev button:hover,.mm-dev button:focus-visible{color:var(--ink);border-color:var(--line-3)}.main-menu .ichigo-say{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;transform:translate(calc(-86% - 2px),calc(-100% - 14px))}.ichigo-say .b{font-family:Avenir Next,Segoe UI,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;position:relative;background:#ebe8e1;color:#111;border:2px solid #111;border-radius:50%;padding:22px 38px 18px;text-align:center;box-shadow:0 6px 30px #0009;transform-origin:86% 100%;animation:sayIn .45s cubic-bezier(.2,1.6,.4,1) 1.5s both}.ichigo-say p{margin:0;font-size:17px;font-weight:800;letter-spacing:.05em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.ichigo-say small{display:block;margin-top:5px;font-size:10.5px;letter-spacing:.14em;color:#555}.ichigo-say .tail{position:absolute;right:14%;bottom:-16px;width:30px;height:28px;overflow:visible}.ichigo-say .tail path{fill:#ebe8e1;stroke:#111;stroke-width:2;stroke-linejoin:round}@keyframes sayIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.overlay{position:fixed;inset:0;z-index:35;background:linear-gradient(180deg,#050608db,#050608f0);display:flex;pointer-events:auto;animation:fadein .2s ease-out}@keyframes fadein{0%{opacity:0}to{opacity:1}}.panel{position:relative;margin:auto;width:min(1240px,96vw);height:min(800px,92vh);background:var(--glass);border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;overflow:hidden;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));animation:panelIn .28s var(--ease)}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.panel:before{content:"";position:absolute;left:0;top:0;width:64px;height:2px;background:var(--red);z-index:2}.panel.has-head{grid-template-rows:auto auto 1fr}.panel.small{width:min(640px,94vw);height:auto;max-height:90vh;grid-template-rows:auto 1fr}.pz-head{display:flex;align-items:baseline;gap:18px;padding:18px 26px 12px;border-bottom:1px solid var(--line)}.pz-head .who{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:.08em}.pz-head .where{font-size:11px;letter-spacing:.28em;color:var(--ink-dim);text-transform:uppercase}.pz-head .spacer{flex:1}.pz-head .meta{font-size:11px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;padding:0 12px}.tabs::-webkit-scrollbar{display:none}.tab{all:unset;cursor:pointer;padding:14px 22px 12px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s}.tab .kj{display:block;font-family:var(--display);font-size:10px;letter-spacing:.3em;color:var(--ink-faint);margin-bottom:3px;opacity:.7}.tab.on{color:var(--ink);border-bottom-color:var(--red)}.tab.on .kj{color:var(--red-soft);opacity:1}.tab:hover,.tab:focus-visible{color:var(--ink);outline:none}.pz-nav{border-bottom:1px solid var(--line)}.pz-nav .tabs{border-bottom:0}.subtabs{display:flex;gap:22px;padding:0 28px 10px;overflow-x:auto;scrollbar-width:none}.subtabs::-webkit-scrollbar{display:none}.subtab{all:unset;cursor:pointer;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);padding:6px 0 4px;border-bottom:1px solid transparent;white-space:nowrap}.subtab.on{color:var(--ink);border-bottom-color:var(--red-soft)}.subtab:hover,.subtab:focus-visible{color:var(--ink);outline:none}.panel-body{overflow:auto;padding:24px 30px 30px;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.panel h2{font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:.06em;margin:0 0 6px}.panel h3{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint);margin:26px 0 12px;font-weight:500;display:flex;align-items:center;gap:12px}.panel h3:after{content:"";flex:1;height:1px;background:var(--line)}.panel p{color:var(--ink-dim);line-height:1.7;font-size:14px;margin:6px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.card{position:relative;border:1px solid var(--line);padding:14px 16px;background:linear-gradient(160deg,#ffffff09,#ffffff03);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:border-color .15s,background .15s}.card.sel{border-color:var(--line-3);background:linear-gradient(160deg,#ffffff12,#ffffff05)}.card:hover{border-color:var(--line-2)}.card .t{font-size:15px;font-weight:700;margin-bottom:4px;letter-spacing:.02em}.card .d{font-size:12.5px;color:var(--ink-dim);line-height:1.6}.card .meta{font-size:10.5px;color:var(--ink-faint);letter-spacing:.14em;margin-top:8px;text-transform:uppercase}.card.locked{opacity:.4}.btn{all:unset;cursor:pointer;padding:10px 18px;border:1px solid var(--line-2);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);display:inline-flex;align-items:center;gap:8px;background:#ffffff08;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:background .15s,border-color .15s}.btn:hover,.btn:focus-visible{border-color:var(--line-3);background:#ffffff14;outline:none}.btn.primary{border-color:var(--red);background:linear-gradient(90deg,#c8102e4d,#c8102e1f)}.btn.primary:hover{background:linear-gradient(90deg,#c8102e73,#c8102e33)}.btn.danger{border-color:#e23a5066;color:#ffb3bd}.btn[disabled]{opacity:.32;pointer-events:none}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.kbd{display:inline-block;min-width:22px;padding:2px 6px;border:1px solid var(--line-2);border-bottom-width:2px;font-size:11px;text-align:center;color:var(--ink);background:#ffffff0a;font-family:var(--font)}.stat{display:grid;grid-template-columns:170px 1fr 70px;align-items:center;gap:12px;margin:9px 0;font-size:13px}.stat .bar{height:3px;background:#ffffff12;position:relative}.stat .bar i{display:block;height:100%;background:var(--ink)}.stat>span:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.closebtn{all:unset;cursor:pointer;padding:14px 18px;color:var(--ink-faint);font-size:11px;letter-spacing:.26em;margin-left:auto;text-transform:uppercase;white-space:nowrap}.closebtn:hover,.closebtn:focus-visible{color:var(--ink);outline:none}.empty{color:var(--ink-faint);font-size:13px;padding:18px 0;letter-spacing:.02em}.money{color:var(--gold);font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums}.settings h3:first-child{margin-top:0}.settings label,.settings .srow{display:grid;grid-template-columns:minmax(180px,280px) 1fr 70px;align-items:center;gap:18px;padding:10px 0;font-size:13.5px;color:var(--ink-dim);border-bottom:1px solid rgba(255,255,255,.04)}.settings label small,.settings .srow small{display:block;color:var(--ink-faint);font-size:11px;margin-top:3px;line-height:1.4}.settings label>span:last-child,.settings .srow>span:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-size:12px}.settings input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}.settings input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--red) var(--fill, 50%),rgba(255,255,255,.14) var(--fill, 50%))}.settings input[type=range]::-moz-range-track{height:2px;background:#ffffff24}.settings input[type=range]::-moz-range-progress{height:2px;background:var(--red)}.settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;background:var(--ink);transform:rotate(45deg)}.settings input[type=range]::-moz-range-thumb{width:10px;height:10px;background:var(--ink);border:0;border-radius:0;transform:rotate(45deg)}.settings input[type=checkbox]{-webkit-appearance:none;appearance:none;width:40px;height:18px;border:1px solid var(--line-2);background:#ffffff0a;position:relative;cursor:pointer;justify-self:start;transition:background .15s,border-color .15s}.settings input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;background:var(--ink-faint);transition:transform .18s var(--ease),background .15s}.settings input[type=checkbox]:checked{border-color:var(--red);background:#c8102e40}.settings input[type=checkbox]:checked:after{transform:translate(22px);background:var(--ink)}.settings select,.sel-ctl{background:var(--bg2);color:var(--ink);border:1px solid var(--line-2);padding:7px 10px;font-family:var(--font);font-size:12.5px;letter-spacing:.06em}.seg{display:inline-flex;border:1px solid var(--line-2)}.seg button{all:unset;cursor:pointer;padding:7px 14px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.seg button+button{border-left:1px solid var(--line)}.seg button.on{color:var(--ink);background:#c8102e40}.seg button:hover{color:var(--ink)}.hud{position:fixed;inset:0;pointer-events:none;transition:opacity .35s}.hud.hidden{opacity:0}.hud .vitals,.hud .hotbar,.hud .minimap,.hud .mm-label,.hud .objective{transition:opacity .5s,transform .5s var(--ease)}.hud.calm .hotbar{opacity:0;transform:translateY(18px)}.hud.calm .vitals{opacity:.62}.hud.calm .vitals .vt-head .form{opacity:0}.hud.combat .objective{opacity:.55}.hud.cine .boss,.hud.cine .vitals,.hud.cine .hotbar,.hud.cine .minimap,.hud.cine .mm-label,.hud.cine .objective,.hud.cine .combo,.hud.cine .lock{opacity:0!important;transform:none}.vitals{position:absolute;left:30px;bottom:30px;width:min(380px,40vw);padding:12px 18px 14px;background:linear-gradient(100deg,rgba(5,6,8,.78),rgba(5,6,8,.4) 70%,transparent)}.vitals:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#fff 0 30%,var(--red) 30% 100%)}.vitals .vt-head{margin-bottom:8px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.vitals .name{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:.1em;text-shadow:0 2px 8px #000}.vitals .form{font-size:10.5px;letter-spacing:.3em;color:var(--ink-dim);text-transform:uppercase;transition:opacity .4s}.vitals .form b{color:var(--gold);font-weight:700}.vitals.shake{animation:vshake .3s}@keyframes vshake{0%,to{transform:none}25%{transform:translate(-4px,2px)}55%{transform:translate(3px,-1px)}}.bar2{height:10px;background:#000000a6;margin:4px 0;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);box-shadow:inset 0 0 0 1px #ffffff1a}.bar2 i{position:absolute;inset:0;width:100%;transform-origin:left}.bar2 i.v{transition:transform .09s ease-out}.bar2 .lag{background:linear-gradient(90deg,#fff,#ffd0d6);opacity:.8}.bar2.hp i.v{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 50%),var(--hp)}.bar2 .sheen{display:none}.bar2 .num{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:700 8.5px/1 var(--font);letter-spacing:.14em;color:#fff;text-shadow:0 0 3px #000,0 0 6px #000;font-variant-numeric:tabular-nums}.vitals.low .bar2.hp{box-shadow:inset 0 0 0 1px #ff3c50e6,0 0 14px #ff283c99}.bar2.rei{height:5px;width:88%;clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%)}.bar2.rei i.v{background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 60%),var(--rei);transition:transform .2s}.bar2 .ticks{background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.65) calc(10% - 1px) 10%)}.vitals.full .bar2.rei{box-shadow:0 0 10px #7fe3ff8c}.vt-drain{display:none;margin-top:6px;font-size:10.5px;letter-spacing:.32em;color:var(--red-soft);text-transform:uppercase}.vitals.draining .vt-drain{display:block}.hurt{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(200,10,30,.7) 100%)}.hurt.on{animation:hurt .5s ease-out}@keyframes hurt{0%{opacity:var(--k, .6)}to{opacity:0}}.combo{position:absolute;right:42px;top:42%;text-align:right;opacity:0;transform:translate(20px);transition:opacity .25s,transform .25s;font-family:var(--display)}.combo.on{opacity:1;transform:none}.combo b{display:block;font-size:56px;line-height:.9;font-weight:800;font-style:italic;color:#fff;text-shadow:3px 3px 0 var(--red)}.combo span{font:700 10px/1 var(--font);letter-spacing:.6em;color:var(--ink-dim)}.combo i{display:block;height:1px;margin-top:8px;background:var(--red);transform-origin:right}.combo i.run{animation:comborun 2.2s linear forwards}@keyframes comborun{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.combo.bump b{animation:bump .2s ease-out}@keyframes bump{0%{transform:scale(1.4) rotate(-4deg)}to{transform:none}}.combo.hot b{color:#ffe6a0;text-shadow:3px 3px 0 #b8121f}.combo.r2 b{color:#ffc46a;text-shadow:3px 3px 0 #b8121f,0 0 18px rgba(255,140,40,.5)}.combo.r3 b{color:#ff9a5a;text-shadow:3px 3px 0 #6a0610,0 0 22px rgba(255,90,40,.6)}.combo.r4 b{color:#fff;text-shadow:3px 3px 0 #000,0 0 26px rgba(140,200,255,.9)}.combo.hot span{color:#ffe6a0}.combo.rankup b,.combo.rankup span{animation:rankup .45s cubic-bezier(.2,.9,.3,1)}@keyframes rankup{0%{transform:scale(1.7);filter:brightness(2)}to{transform:none;filter:none}}.combo.dropped{animation:combodrop .45s ease-in forwards}@keyframes combodrop{to{opacity:0;transform:translate(30px,24px) skew(-14deg);filter:grayscale(1)}}.hotbar{position:absolute;right:0;bottom:10px;display:flex;gap:14px;align-items:flex-end;padding:18px 30px 44px 52px}.hotbar:not(:empty):before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(5,6,8,.8),rgba(5,6,8,.5) 70%,transparent);clip-path:polygon(30px 0,100% 0,100% 100%,0 100%)}.hotbar:not(:empty):after{content:"";position:absolute;left:30px;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--red) 30%,rgba(255,255,255,.5))}.hb-div{width:1px;align-self:stretch;margin:4px 4px 0;background:linear-gradient(180deg,transparent,rgba(226,195,111,.6),transparent)}.slot{width:58px;height:58px;position:relative;transition:transform .15s}.slot .face{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#ffffff0f,#000000d9);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 0 1px #fff3,inset 0 -18px 24px -14px var(--c1);overflow:hidden}.slot .ic{position:absolute;inset:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,var(--c2) 18%,var(--c1) 62%,rgba(0,0,0,.8) 100%);box-shadow:inset 0 0 8px #0009;transition:filter .2s}.slot .ic svg{position:absolute;inset:22%;width:56%;height:56%;filter:drop-shadow(0 0 3px rgba(0,0,0,.9))}.slot .ic i{display:none}.slot .cd{position:absolute;inset:-20%;background:conic-gradient(rgba(0,0,0,.8) var(--p, 0deg),transparent 0)}.slot .edge{display:none}.slot .t{position:absolute;left:0;right:0;top:50%;transform:translateY(-55%);text-align:center;font:800 16px/1 var(--font);color:#fff;text-shadow:0 0 4px #000,0 0 10px #000;font-variant-numeric:tabular-nums}.slot .k{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);min-width:18px;padding:3px 5px 2px;font:700 9.5px/1 var(--font);text-align:center;color:#fff;background:var(--bg1);border:1px solid var(--line-3);border-bottom-width:2px;z-index:1}.slot .cost{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 3px;font:700 9px/18px var(--font);text-align:center;color:#fff;background:linear-gradient(180deg,#2a8fb8,#15506b);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);z-index:1}.slot .lbl{position:absolute;left:50%;top:calc(100% + 12px);transform:translate(-50%);width:84px;font:500 8.5px/1.15 var(--font);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--ink-dim);text-shadow:0 0 4px #000,0 0 4px #000}.slot .lbl em{display:block;font-style:normal;font-size:8.5px;letter-spacing:.4em;color:var(--gold);margin-bottom:2px}.slot.dk .ic{background:radial-gradient(circle at 50% 50%,#050203 0,#050203 42%,var(--c2) 72%,rgba(0,0,0,.85) 100%)}.slot.cooling .ic{filter:saturate(.3) brightness(.5)}.slot.used{animation:used .26s ease-out}@keyframes used{0%{transform:scale(.88);filter:brightness(2)}to{transform:none;filter:none}}.slot.ready{animation:ready .5s ease-out}@keyframes ready{0%{transform:scale(1.12);filter:brightness(1.8)}to{transform:none;filter:none}}.slot.ult{width:72px;height:72px}.slot.ult .face{box-shadow:inset 0 0 0 1px #e2c36fcc,inset 0 -22px 30px -16px var(--c1)}.slot.ult .lbl{width:96px;color:var(--gold)}.slot.ult:not(.cooling):not(.poor) .face{box-shadow:inset 0 0 0 2px #ffdc82e6,inset 0 0 22px #e2c36f73}.slot.poor .ic{filter:grayscale(1) brightness(.4)}.slot.poor .face:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--afford, 0) * 100%);background:linear-gradient(0deg,#3fb4d873,#3fb4d81a);border-top:1px solid rgba(127,227,255,.8);z-index:1}.slot.poor .cost{background:linear-gradient(180deg,#8a1a2a,#4a0a14)}.slot.poor .lbl{color:#ff8a96}.objective{position:absolute;right:30px;top:252px;max-width:320px;text-align:right;padding:10px 0 10px 44px;background:linear-gradient(270deg,rgba(5,6,8,.62),rgba(5,6,8,.35) 60%,transparent)}.objective .h{font-size:10.5px;letter-spacing:.3em;color:#ff6b7d;text-transform:uppercase;text-shadow:0 1px 3px #000;line-height:1.6}.objective .t{font-size:14px;margin-top:5px;line-height:1.5;text-shadow:0 1px 4px #000,0 0 12px rgba(0,0,0,.8)}.objective .s{font-size:11.5px;color:var(--ink-dim);margin-top:3px;text-shadow:0 1px 4px #000}.objective.empty{display:none}.objective .new{display:none;font-size:10.5px;letter-spacing:.4em;color:var(--ink);background:var(--red);padding:3px 8px 3px 10px;margin-bottom:6px;float:right}.objective.updated .new{display:inline-block;animation:newobj 3.2s forwards}.objective.updated .t{animation:objin .6s var(--ease)}@keyframes newobj{0%,80%{opacity:1}to{opacity:0}}@keyframes objin{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.minimap{position:absolute;right:30px;top:30px;width:196px;height:196px;border-radius:50%;overflow:hidden;border:1px solid var(--line-2);background:#0000008c;box-shadow:0 0 0 4px #00000047}.minimap canvas{width:100%;height:100%;display:block}.mm-label{position:absolute;right:30px;top:232px;width:196px;text-align:center;font-size:10.5px;letter-spacing:.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 2px;margin-top:-4px;box-sizing:border-box;color:var(--ink);text-transform:uppercase;text-shadow:0 1px 3px #000,0 0 8px #000}.mm-label.long{letter-spacing:.06em;font-size:9px;width:236px;right:10px}.prompt{position:absolute;left:50%;top:64%;transform:translate(-50%);font-size:12.5px;letter-spacing:.14em;background:linear-gradient(90deg,#050608e6,#05060899);padding:9px 18px 9px 14px;border-left:2px solid var(--red);white-space:nowrap;display:flex;align-items:center;gap:4px}.prompt .kbd{margin-right:8px}.toasts{position:absolute;left:50%;top:108px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toast{background:linear-gradient(90deg,#050608e6,#050608a6);padding:8px 18px 8px 14px;font-size:12.5px;letter-spacing:.06em;border-left:2px solid var(--gold);animation:toast 3.4s forwards;white-space:nowrap;max-width:80vw;overflow:hidden;text-overflow:ellipsis}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}.caption{position:absolute;left:30px;top:30px;font-family:var(--display);font-weight:700;letter-spacing:.14em;font-size:17px;opacity:0;transition:opacity 1s;text-shadow:0 1px 4px #000;padding-left:14px;border-left:2px solid var(--red)}.caption small{display:block;font-family:var(--font);font-weight:500;font-size:10.5px;letter-spacing:.44em;color:var(--ink-dim);margin-top:6px;text-transform:uppercase}.caption.on{opacity:1}.dmg{position:absolute;font:italic 800 20px/1 var(--font);color:#fff;-webkit-text-stroke:1px rgba(0,0,0,.55);text-shadow:0 2px 0 #000,0 0 10px rgba(0,0,0,.7);animation:dmg 1s cubic-bezier(.2,.9,.3,1) forwards;white-space:nowrap;transform:translate(-50%,-50%)}.dmg.big{font-size:30px;color:#ffe08a;text-shadow:0 2px 0 #7a2a00,0 0 18px rgba(255,170,40,.8);animation-name:dmgbig}.dmg.player{color:#ff5a6e;font-size:18px}.dmg.text{font:800 15px/1 var(--display);letter-spacing:.3em;color:#fff;text-shadow:0 0 6px #000,0 0 16px rgba(127,227,255,.9);animation:dmgtext 1.3s ease-out forwards}@keyframes dmg{0%{opacity:0;transform:translate(-50%,-50%) scale(2)}12%{opacity:1;transform:translate(-50%,-50%) scale(.92)}22%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% - 70px)) scale(.8)}}@keyframes dmgbig{0%{opacity:0;transform:translate(-50%,-50%) scale(3) rotate(-8deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(.9)}26%{transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% - 90px)) scale(.9)}}@keyframes dmgtext{0%{opacity:0;letter-spacing:1em}15%{opacity:1;letter-spacing:.3em}80%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)}}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;background:#ffffff80;border-radius:50%}.lock{position:absolute;width:46px;height:46px;margin:-23px;transition:left .05s,top .05s}.lock i{position:absolute;width:12px;height:12px;border:2px solid var(--red-soft)}.lock i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}.lock i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}.lock i:nth-child(3){right:0;bottom:0;border-left:0;border-top:0}.lock i:nth-child(4){left:0;bottom:0;border-right:0;border-top:0}.lock:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;background:var(--red-soft);transform:rotate(45deg)}.lock .lk-bars{display:none;position:absolute;left:50%;top:54px;width:66px;transform:translate(-50%)}.lock.bars .lk-bars{display:block}.lock .lk-bars b{display:block;height:3px;margin-top:2px;background:#0009;box-shadow:0 0 0 1px #00000059}.lock .lk-bars u{display:block;height:100%;text-decoration:none;transition:width .15s}.lock .lk-hp u{width:calc(var(--hp, 1) * 100%);background:var(--red-soft)}.lock .lk-br{height:2px}.lock .lk-br u{width:calc(var(--br, 0) * 100%);background:#ffd27a;box-shadow:0 0 6px #ffc85ab3}.lock.boss .lk-hp{display:none}.lock.broken i{border-color:#ffd27a;animation:lkpulse .5s ease-in-out infinite alternate}.lock.broken:after{background:#ffd27a}.lock.broken .lk-br u{background:#fff}.lock .lk-fin{position:absolute;left:50%;top:66px;transform:translate(-50%);white-space:nowrap;font:800 11px/1 var(--display);letter-spacing:.32em;color:#fff4d6;text-shadow:0 0 6px #000,0 0 14px rgba(255,190,70,.9)}.lock .lk-fin:empty{display:none}@keyframes lkpulse{0%{transform:scale(1)}to{transform:scale(1.25)}}.strike{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);text-align:center;opacity:0;pointer-events:none}.strike .st-k{font:800 92px/1 var(--display);color:#fff;text-shadow:4px 4px 0 var(--red),0 0 30px rgba(0,0,0,.8)}.strike .st-t{margin-top:6px;font:700 12px/1 var(--font);letter-spacing:.8em;padding-left:.8em;color:#fff;text-shadow:0 0 8px #000}.strike.finish .st-k{font-size:128px;color:#fff4d6;text-shadow:5px 5px 0 #b8121f,0 0 40px rgba(255,190,80,.7)}.strike.on{animation:strike 1.15s cubic-bezier(.2,.9,.3,1) forwards}.clash{position:absolute;left:50%;bottom:25%;transform:translate(-50%);width:min(460px,80vw);text-align:center;opacity:0;pointer-events:none;transition:opacity .15s;--p: .5}.clash.on{opacity:1}.clash .cl-k{font:800 15px/1 var(--display);letter-spacing:.5em;padding-left:.5em;color:#fff;text-shadow:2px 2px 0 var(--red),0 0 12px #000;margin-bottom:8px}.clash .cl-bar{position:relative;height:8px;background:#8a0f1c;box-shadow:0 0 0 1px #000000b3,0 0 16px #ff283c59;overflow:hidden}.clash .cl-bar i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p) * 100%);background:linear-gradient(90deg,#cfe6ff,#fff);box-shadow:0 0 12px #fff}.clash .cl-bar b{position:absolute;top:-4px;bottom:-4px;left:calc(var(--p) * 100%);width:3px;margin-left:-1px;background:#fff4d6;box-shadow:0 0 10px 3px #ffdc8ce6}.clash .cl-names{display:flex;justify-content:space-between;margin-top:6px;font:700 10px/1 var(--font);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 0 6px #000}.clash .cl-p{margin-top:10px;font:800 13px/1 var(--display);letter-spacing:.36em;padding-left:.36em;color:#fff4d6;text-shadow:0 0 10px rgba(255,190,70,.9),0 0 4px #000;animation:clashp .22s ease-in-out infinite alternate}@keyframes clashp{0%{transform:scale(1)}to{transform:scale(1.12)}}.bark{position:absolute;left:50%;bottom:72px;transform:translate(-50%);max-width:min(620px,86vw);text-align:center;opacity:0;pointer-events:none}.bark .bk-n{font:700 10px/1 var(--font);letter-spacing:.34em;padding-left:.34em;text-transform:uppercase;color:var(--red-soft);text-shadow:0 0 6px #000;margin-bottom:5px}.bark.me .bk-n{color:#ffb36a}.bark .bk-t{font-size:calc(15px * var(--sub, 1));line-height:1.45;color:#fff;text-shadow:0 1px 2px #000,0 0 12px rgba(0,0,0,.9);font-style:italic}.bark.on{animation:bark 1s ease-out forwards}@keyframes bark{0%{opacity:0;transform:translate(-50%,6px)}18%{opacity:1;transform:translate(-50%)}to{opacity:1;transform:translate(-50%)}}.hud.cine .bark{bottom:9.5vh}@keyframes strike{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8) skew(-8deg)}12%{opacity:1;transform:translate(-50%,-50%) scale(1) skew(-8deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(.96) skew(-8deg)}to{opacity:0;transform:translate(-50%,-50%) scale(.9) skew(-8deg)}}.fps{position:absolute;left:10px;top:10px;font:11px/1.4 ui-monospace,Menlo,monospace;color:#9f9;background:#0009;padding:6px 8px;white-space:pre}.flight-hud{position:absolute;left:50%;bottom:128px;transform:translate(-50%);font-size:10px;letter-spacing:.34em;color:var(--ink-dim);text-transform:uppercase}.compass{position:absolute;right:30px;top:30px;width:196px;height:196px}.boss{position:absolute;left:50%;top:28px;transform:translate(-50%);width:clamp(260px,calc(100vw - 580px),700px);text-align:center}.hud.boss-on .caption{opacity:0}.boss .ti{font-size:10.5px;letter-spacing:.5em;color:var(--ink-dim);text-transform:uppercase;padding-left:.5em}.boss .n{font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:.24em;padding-left:.24em;text-shadow:0 2px 8px #000;display:flex;align-items:center;gap:16px;justify-content:center;margin:3px 0 2px}.boss .n:before,.boss .n:after{content:"";flex:1;max-width:150px;height:1px;background:linear-gradient(90deg,transparent,var(--red-soft))}.boss .n:after{transform:scaleX(-1)}.boss .sub{font-size:10.5px;letter-spacing:.4em;color:var(--ink-faint);text-transform:uppercase;margin:2px 0 8px;font-variant-numeric:tabular-nums}.boss .sub.hold{color:var(--cyan)}.boss .bar2{height:9px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);box-shadow:inset 0 0 0 1px #e23a5073;overflow:visible}.boss .bar2 i.v{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 50%),linear-gradient(90deg,#5a000e,#c8102e 70%,#ff4a5e)}.boss .bar2 .ticks{display:none}.boss .notch{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.75;transform:translate(-1px)}.boss .notch.past{opacity:.2}.boss.hit .bar2{animation:bosshit .18s}@keyframes bosshit{0%{filter:brightness(2)}to{filter:none}}.boss.aizen .n{text-shadow:0 2px 8px #000,-1px 0 0 rgba(185,162,255,.6),1px 0 0 rgba(127,227,255,.35)}.boss.aizen .n:before,.boss.aizen .n:after{background:linear-gradient(90deg,transparent,var(--violet))}.boss.aizen .bar2{box-shadow:inset 0 0 0 1px #b9a2ff8c}.boss.aizen .bar2 i.v{background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 50%),linear-gradient(90deg,#2a0a4a,#7a52d8 60%,#e8dcff)}.boss.aizen[data-phase="1"] .bar2{box-shadow:inset 0 0 0 1px #b9a2ffcc,0 0 10px #b9a2ff59}.boss.aizen[data-phase="2"] .bar2{box-shadow:inset 0 0 0 1px #e8dcff,0 0 16px #b9a2ff8c}.boss.aizen[data-phase="3"] .bar2,.boss.aizen[data-phase="4"] .bar2{box-shadow:inset 0 0 0 1px #fff,0 0 22px #fff9}.boss-intro{position:absolute;left:0;right:0;top:38%;transform:translateY(-50%);text-align:center;pointer-events:none;opacity:0}.boss-intro.on{animation:bossintro 2.6s var(--ease) forwards}.boss-intro .bi-rule{height:1px;margin:0 auto;width:0;background:linear-gradient(90deg,transparent,var(--red-soft),transparent)}.boss-intro.on .bi-rule{animation:birule 1s var(--ease) forwards}.boss-intro .bi-ti{font-size:11px;letter-spacing:.6em;color:var(--ink-dim);text-transform:uppercase;margin:14px 0 6px;padding-left:.6em}.boss-intro .bi-note{font-size:10px;letter-spacing:.5em;color:var(--red-soft);text-transform:uppercase;margin-top:10px;padding-left:.5em}.boss-intro .bi-n{font-family:var(--display);font-weight:800;font-size:clamp(34px,5vw,66px);letter-spacing:.14em;padding-left:.14em;text-shadow:0 4px 24px #000}.boss-intro.aizen .bi-rule{background:linear-gradient(90deg,transparent,var(--violet),transparent)}@keyframes bossintro{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes birule{to{width:min(760px,80vw)}}.phase-banner{position:absolute;left:50%;top:104px;transform:translate(-50%);font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:var(--ink);padding:7px 22px 7px 26px;background:linear-gradient(90deg,transparent,rgba(5,6,8,.85),transparent);opacity:0;pointer-events:none;white-space:nowrap}.phase-banner b{color:var(--red-soft);font-weight:700;margin-right:12px}.phase-banner.aizen b{color:var(--violet)}.phase-banner.on{animation:phasein 3s var(--ease) forwards}@keyframes phasein{0%{opacity:0;letter-spacing:.9em}15%{opacity:1;letter-spacing:.5em}80%{opacity:1}to{opacity:0}}.form-banner{position:absolute;left:7vw;top:50%;transform:translateY(-50%);pointer-events:none;opacity:0;display:flex;align-items:center;gap:22px}.form-banner.on{animation:formin 1.9s var(--ease) forwards}.form-banner .fb-kanji{font-family:var(--display);font-weight:800;font-size:clamp(64px,9vw,128px);line-height:.9;color:#fff;text-shadow:0 0 30px var(--fb-c, rgba(200,16,46,.6));writing-mode:vertical-rl}.form-banner .fb-txt{border-left:2px solid var(--fb-c, var(--red));padding-left:16px}.form-banner .fb-n{font-family:var(--display);font-weight:700;font-size:clamp(22px,2.6vw,34px);letter-spacing:.14em}.form-banner .fb-t{font-size:10.5px;letter-spacing:.44em;color:var(--ink-dim);text-transform:uppercase;margin-top:6px}@keyframes formin{0%{opacity:0;transform:translate(-24px,-50%)}14%{opacity:1;transform:translateY(-50%)}74%{opacity:1}to{opacity:0;transform:translate(10px,-50%)}}.letterbox:before,.letterbox:after{content:"";position:fixed;left:0;right:0;height:0;background:#000;z-index:12;transition:height .5s var(--ease)}.letterbox:before{top:0}.letterbox:after{bottom:0}.letterbox.on:before,.letterbox.on:after{height:8vh}.dialogue{position:fixed;left:50%;bottom:6.5vh;transform:translate(-50%);width:min(1040px,94vw);z-index:39;pointer-events:auto;cursor:pointer;display:none}.dialogue.on{display:block;animation:dlgin .22s var(--ease)}@keyframes dlgin{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.dialogue .plate{display:inline-block;font-family:var(--display);font-weight:700;font-size:calc(18px * var(--sub));letter-spacing:.14em;padding:7px 20px 7px 16px;background:#050608f0;border-left:3px solid var(--red);margin-bottom:-1px;position:relative}.dialogue .plate:after{content:"";position:absolute;left:16px;right:20px;bottom:3px;height:1px;background:currentColor;opacity:.35}.dialogue .box{background:linear-gradient(180deg,#050608f0,#050608e0);border-top:1px solid var(--line-2);padding:20px 30px 24px;min-height:104px;max-height:34vh;overflow-y:auto;font-size:calc(19px * var(--sub));line-height:1.65;letter-spacing:.01em;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);overflow-wrap:anywhere;scrollbar-width:thin}.dialogue .box.think{font-style:italic;color:#d4e4ee;border-top-color:#7fe3ff59}.dialogue .box.narrate{text-align:center;color:var(--ink-dim);font-family:var(--display);font-size:calc(18px * var(--sub));background:linear-gradient(180deg,#050608d1,#050608b3);border-top-color:transparent}.dialogue .next{position:absolute;right:22px;bottom:16px;width:9px;height:9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);opacity:0;transition:opacity .2s}.dialogue .next.on{opacity:.85;animation:bob 1.1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px) rotate(45deg)}}.choices{position:fixed;right:7vw;bottom:30vh;z-index:39;display:flex;flex-direction:column;gap:6px;pointer-events:auto;width:min(460px,86vw);max-height:56vh;overflow-y:auto}.choice{all:unset;cursor:pointer;background:#050608e6;border-left:2px solid transparent;padding:13px 18px 13px 48px;font-size:calc(16px * var(--sub));line-height:1.45;position:relative;overflow-wrap:anywhere;transition:background .12s,border-color .12s}.choice:hover,.choice.sel{border-left-color:var(--red);background:linear-gradient(90deg,#3e0a12f5,#050608f0)}.choice.sel .tone{color:var(--red-soft)}.choice .tone{display:block;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}.choice .n{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.choice.sel .n{color:var(--red-soft)}.choices .prompt-q{align-self:flex-start;font-size:10.5px;letter-spacing:.32em;color:var(--ink);text-transform:uppercase;margin-bottom:2px;padding:7px 14px 7px 12px;background:#050608e0;border-left:2px solid var(--gold)}.title-card{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;opacity:0;transition:opacity 1.2s;pointer-events:none;text-align:center}.title-card.on{opacity:1}.title-card .t{font-family:var(--display);font-weight:700;font-size:clamp(28px,5vw,66px);letter-spacing:.2em;padding-left:.2em}.title-card .s{margin-top:18px;font-size:12px;letter-spacing:.7em;color:var(--red-soft);text-transform:uppercase;padding-left:.7em}.title-card.on .t:after{content:"";display:block;height:1px;width:0;margin:22px auto 0;background:var(--red);animation:drawline2 1.2s var(--ease) .3s forwards}@keyframes drawline2{to{width:120px}}.fade{position:fixed;inset:0;z-index:38;background:#000;opacity:0;pointer-events:none}.flash{position:fixed;inset:0;z-index:13;pointer-events:none;opacity:0;mix-blend-mode:screen}.vignette{position:fixed;inset:0;z-index:11;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);opacity:.7}.vignette.danger{background:radial-gradient(ellipse at center,transparent 45%,rgba(120,0,10,.5) 100%);opacity:1;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.6}}.defeat{position:fixed;inset:0;z-index:36;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#280006d1,#000000f0);pointer-events:auto;animation:fadein 1s;text-align:center;padding:20px}.defeat .h{font-family:var(--display);font-weight:800;font-size:clamp(38px,6vw,72px);letter-spacing:.3em;color:var(--red-soft);padding-left:.3em}.defeat .p{color:var(--ink-dim);max-width:560px;line-height:1.75;margin:18px 20px 34px;font-size:14px}.defeat .opts{display:flex;flex-direction:column;gap:10px;min-width:min(340px,86vw)}.defeat .opts .btn{justify-content:center;padding:14px;font-size:12.5px}.defeat .opts .btn small{display:block;font-size:10px;letter-spacing:.1em;text-transform:none;color:var(--ink-faint);margin-top:3px}.mapview{position:relative;width:100%;height:100%;background:var(--bg1);overflow:hidden;cursor:crosshair;touch-action:none}.mapview canvas{width:100%;height:100%;display:block}.map-side{position:absolute;right:0;top:0;bottom:0;width:270px;background:#050608e6;padding:18px 18px 18px 20px;overflow:auto;border-left:1px solid var(--line);scrollbar-width:thin}.map-side h3{margin-top:18px!important}.map-side h3:first-child{margin-top:0!important}.map-side .ft{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:var(--ink-dim);border-bottom:1px solid var(--line);width:100%}.map-side .ft:hover,.map-side .ft:focus-visible{color:var(--ink)}.map-side .ft.on{color:var(--ink)}.map-side .ft.on:before{content:"";width:6px;height:6px;background:var(--red);transform:rotate(45deg);margin-right:10px;flex:none}.map-side .ft.locked{opacity:.65;cursor:default}.map-side .ft small{font-size:10.5px;letter-spacing:.2em;color:var(--ink-faint);text-transform:uppercase}.map-legend{position:absolute;left:14px;bottom:12px;font-size:10.5px;color:var(--ink-dim);background:#050608c7;padding:8px 12px;line-height:1.8;letter-spacing:.04em}.map-zoom{position:absolute;left:14px;top:14px;display:flex;flex-direction:column;gap:4px}.map-zoom button{all:unset;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;background:#050608d9;border:1px solid var(--line-2);font-size:16px;color:var(--ink)}.map-zoom button:hover{border-color:var(--line-3)}.shop-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.shop-ic{width:56px;height:56px;object-fit:contain;background:radial-gradient(circle at 50% 40%,#ffffff14,#0000004d);border:1px solid var(--line)}.shop-fx{font-size:11.5px;color:#8fd8a0;margin-top:3px}.credits{position:fixed;inset:0;z-index:41;background:#000;overflow:hidden;pointer-events:auto}.credits .roll{position:absolute;left:0;right:0;text-align:center;top:100%;animation:roll 70s linear forwards}body.reduce-motion .credits .roll{animation:roll 70s linear forwards!important}@media(prefers-reduced-motion:reduce){.credits .roll{animation-duration:70s!important}}.credits .roll h1{font-family:var(--display);letter-spacing:.3em;font-weight:700}.credits .roll h4{font-size:11px;letter-spacing:.44em;color:var(--red-soft);margin:42px 0 10px;text-transform:uppercase;font-weight:500}.credits .roll p{color:var(--ink-dim);margin:6px;font-size:14px}@keyframes roll{to{transform:translateY(calc(-100% - 100vh))}}.drill{position:absolute;left:50%;top:84px;transform:translate(-50%);text-align:center;background:linear-gradient(90deg,transparent,rgba(5,6,8,.85),transparent);padding:10px 40px}.drill .h{font-size:10.5px;letter-spacing:.4em;color:var(--cyan);text-transform:uppercase}.drill .t{font-size:15px;margin-top:4px}.tut{position:absolute;left:30px;top:30px;width:min(360px,42vw);padding:14px 20px 14px 18px;border-left:2px solid var(--cyan);background:linear-gradient(100deg,#050608db,#0506088c 75%,#05060833);animation:tutin .35s var(--ease)}.tut-k{font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:var(--cyan)}.tut-h{font-family:var(--display);font-size:22px;margin:4px 0 6px;letter-spacing:.04em}.tut-t{font-size:13px;line-height:1.6;color:var(--ink-dim)}.tut-t .kbd{margin:0 2px}.tut-parts{list-style:none;margin:10px 0 0;padding:0;font-size:12px;color:var(--ink-faint)}.tut-parts li{padding:2px 0 2px 20px;position:relative}.tut-parts li:before{content:"";position:absolute;left:2px;top:7px;width:9px;height:9px;border:1px solid var(--line-3)}.tut-parts li.on{color:var(--ink)}.tut-parts li.on:before{background:var(--cyan);border-color:var(--cyan)}.tut-n{margin-top:8px;font-size:12px;letter-spacing:.14em;color:var(--ink);font-variant-numeric:tabular-nums}.tut-bar{margin-top:10px;height:2px;background:var(--line)}.tut-bar i{display:block;height:100%;background:var(--cyan);transition:width .2s}.tut-f{margin-top:10px;font-size:10.5px;letter-spacing:.14em;color:var(--ink-faint)}.tut.ok{border-left-color:var(--gold)}.tut.ok .tut-k{color:var(--gold)}.tut.ok .tut-bar i{width:100%!important;background:var(--gold)}.tut.end{left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,88vw);padding:24px 28px;pointer-events:auto;border-left-color:var(--gold);animation:none}.tut.end .tut-k{color:var(--gold)}.tut-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}@keyframes tutin{0%{opacity:0;transform:translate(-12px)}}.tut-offer{align-items:center;justify-content:center;z-index:40}.tut-offer .box{width:min(480px,88vw);padding:26px 30px;border-left:2px solid var(--cyan);background:#050608b3}.tut-offer .k{font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:var(--cyan)}.tut-offer .h{font-family:var(--display);font-size:24px;margin:6px 0 10px}.tut-offer p{font-size:13px;line-height:1.6;color:var(--ink-dim);margin:0 0 18px}.tut-offer .row{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:760px){.tut{left:16px;top:16px;width:min(320px,calc(100vw - 32px));padding:10px 14px}.tut-h{font-size:18px}.tut-t{font-size:12px}}.help-overlay{position:absolute;left:30px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--ink-dim);line-height:2;background:#05060880;padding:12px 16px}.inv{display:grid;grid-template-columns:1fr minmax(320px,40%);height:100%;min-height:0}.inv-left{display:flex;flex-direction:column;min-height:0;padding:22px 22px 0 28px;border-right:1px solid var(--line)}.inv-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.inv-coll{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.inv-filters{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px}.inv-chip{all:unset;cursor:pointer;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding:7px 11px;border:1px solid var(--line);color:var(--ink-dim);display:inline-flex;gap:7px;align-items:center}.inv-chip b{font-weight:700;color:var(--ink-faint);font-size:10px}.inv-chip:hover{color:var(--ink);border-color:var(--line-2)}.inv-chip.on{color:var(--ink);border-color:var(--red);background:#c8102e29}.inv-chip.on b{color:var(--red-soft)}.inv-sort{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:10px;letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase}.inv-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;align-content:start;padding-bottom:22px;scrollbar-width:thin}.inv-slot{all:unset;cursor:pointer;position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#ffffff17,#00000059 75%);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:border-color .12s,background .12s}.inv-slot img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.55));pointer-events:none;transition:transform .15s}.inv-slot:hover,.inv-slot:focus-visible{border-color:var(--line-3);outline:none}.inv-slot:hover img{transform:scale(1.06) translateY(-2px)}.inv-slot.sel{border-color:var(--ink);background:radial-gradient(circle at 50% 38%,#ffffff29,#00000059 75%)}.inv-slot .n{position:absolute;right:6px;bottom:4px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;font-variant-numeric:tabular-nums}.inv-slot .e{position:absolute;left:6px;top:4px;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--gold);text-shadow:0 1px 2px #000}.inv-slot:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px}.r-common:after{background:#8a8a8a}.r-uncommon:after{background:#5ac87a}.r-rare:after{background:#5a9aff}.r-legendary:after{background:linear-gradient(90deg,#e8a030,#f8e080,#e8a030)}.inv-detail{display:flex;flex-direction:column;min-height:0;overflow:auto;padding:18px 26px 22px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%)}.inv-view{width:100%;aspect-ratio:520 / 360;cursor:grab;background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.07),transparent 65%);touch-action:none}.inv-view:active{cursor:grabbing}.inv-hint{text-align:center;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);margin:-6px 0 10px}.inv-tags{display:flex;gap:10px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);flex-wrap:wrap}.inv-tags .rar{font-weight:700}.inv-tags .rar.r-common{color:#aaa}.inv-tags .rar.r-uncommon{color:#6ad88a}.inv-tags .rar.r-rare{color:#7ab0ff}.inv-tags .rar.r-legendary{color:#f0c050}.inv-tags .rar:after{display:none}.inv-tags .eqd{color:var(--gold)}.inv-name{font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:.03em;margin:6px 0 4px}.inv-name span{font-family:var(--font);font-size:14px;color:var(--ink-faint);font-weight:400}.inv-desc{margin:4px 0 10px!important}.inv-fx{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:5px}.inv-fx li{font-size:13px;padding-left:18px;position:relative}.inv-fx li:before{content:"";position:absolute;left:2px;top:6px;width:7px;height:7px;transform:rotate(45deg)}.inv-fx li.g{color:#9ae0aa}.inv-fx li.g:before{background:#5ac87a}.inv-fx li.b{color:#f0a0a0}.inv-fx li.b:before{background:#d85a5a}.inv-note{font-family:var(--display);font-style:italic;color:var(--ink-faint)!important;font-size:13px!important}.inv-meta{font-size:12px;color:var(--ink-faint);margin-top:6px}.inv-meta b{color:var(--gold);font-weight:700}.inv-actions{display:flex;gap:8px;margin-top:16px}.inv-actions .btn{flex:1;justify-content:center;padding:12px 16px}.chr{display:grid;grid-template-columns:minmax(300px,40%) 1fr;height:100%;min-height:0}.chr-stage{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0;background:#08090c}.chr-view{position:relative;flex:1;min-height:0}.chr-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.chr-view canvas:active{cursor:grabbing}.chr-hint{position:absolute;left:0;right:0;top:12px;text-align:center;font-size:10.5px;letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase;pointer-events:none}.chr-plate{display:flex;align-items:center;gap:18px;padding:16px 22px 18px;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(200,16,46,.12),transparent 70%)}.chr-plate .kj{font-family:var(--display);font-size:34px;font-weight:800;color:#fff;line-height:1;text-shadow:0 0 18px rgba(200,16,46,.5)}.chr-plate .k{font-size:10.5px;letter-spacing:.44em;color:var(--red-soft);text-transform:uppercase}.chr-plate .n{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.04em;margin-top:3px}.chr-plate .t{font-size:10.5px;letter-spacing:.24em;color:var(--ink-dim);text-transform:uppercase;margin-top:3px}.chr-body{overflow:auto;padding:22px 30px 28px;min-height:0;scrollbar-width:thin}.road{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}.road-step{display:grid;grid-template-columns:52px 1fr;align-items:center;column-gap:10px;padding:10px 12px 10px 8px;border:1px solid var(--line);background:#ffffff04;color:var(--ink-faint)}.road-step .rk{grid-row:1 / span 2;font-family:var(--display);font-size:18px;white-space:nowrap;letter-spacing:-.04em;font-weight:700;text-align:center;color:var(--ink-faint)}.road-step .rn{font-size:12.5px;line-height:1.3}.road-step .rn small{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px}.road-step .rs{grid-column:2;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-top:3px}.road-step .rs:empty{display:none}.road-step.cur .rs{color:#ff8a9a}.road-step.on{color:var(--ink);border-color:var(--line-2)}.road-step.on .rk{color:var(--ink)}.road-step.cur{border-color:var(--red);background:linear-gradient(90deg,#c8102e33,#c8102e0a)}.road-step.cur .rk{color:#fff;text-shadow:0 0 12px rgba(200,16,46,.7)}.road-step.cur .rs{color:var(--red-soft)}.jr{display:grid;grid-template-columns:minmax(280px,36%) 1fr;height:100%;min-height:0}.jr-list{border-right:1px solid var(--line);overflow:auto;padding:18px 0 24px;scrollbar-width:thin}.jr-list h3{padding:0 22px}.jr-item{all:unset;cursor:pointer;display:block;width:100%;padding:11px 22px 11px 24px;border-left:2px solid transparent}.jr-item .t{font-size:14px;font-weight:700;letter-spacing:.02em}.jr-item .s{font-size:11.5px;color:var(--ink-faint);margin-top:3px;line-height:1.45}.jr-item:hover,.jr-item:focus-visible{background:#ffffff08;outline:none}.jr-item.on{border-left-color:var(--red);background:linear-gradient(90deg,rgba(200,16,46,.14),transparent)}.jr-item.done .t{color:var(--ink-dim);font-weight:500}.jr-item .tag{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan)}.jr-item.main .tag{color:var(--gold)}.jr-detail{overflow:auto;padding:24px 32px 30px;min-height:0;scrollbar-width:thin}.jr-ch{font-size:10px;letter-spacing:.44em;color:var(--red-soft);text-transform:uppercase}.jr-title{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:.04em;margin:8px 0 10px}.jr-step{margin:18px 0;padding:14px 18px;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(226,195,111,.08),transparent)}.jr-step .k{font-size:10.5px;letter-spacing:.38em;color:var(--gold);text-transform:uppercase}.jr-step .v{font-size:15px;margin-top:6px;line-height:1.5}.jr-where{font-size:12px;color:var(--ink-dim);letter-spacing:.08em;margin-top:8px}.jr-prog{height:3px;background:#ffffff14;margin-top:16px}.jr-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold))}.jr-progn{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);margin-top:8px}.jr-past{list-style:none;padding:0;margin:14px 0 0}.jr-past li{font-size:13px;color:var(--ink-faint);padding:3px 0 3px 22px;position:relative;text-decoration:line-through;text-decoration-color:#ffffff2e}.jr-past li:before{content:"✓";position:absolute;left:2px;color:var(--gold);text-decoration:none;opacity:.7}.jr-reward{margin:4px 0 18px;padding:12px 18px;border-left:2px solid var(--line-2);background:#ffffff05}.jr-reward .k{font-size:10.5px;letter-spacing:.38em;color:var(--ink-faint);text-transform:uppercase}.jr-reward .v{font-size:14px;margin-top:6px;color:var(--gold)}.slots{display:grid;gap:10px}.slot-card{position:relative;display:grid;grid-template-columns:74px 1fr auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--line);background:linear-gradient(160deg,#ffffff09,#ffffff03);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.slot-card .sn{font-family:var(--display);font-size:30px;font-weight:700;color:var(--ink-faint);text-align:center;line-height:1}.slot-card .sn small{display:block;font-family:var(--font);font-size:10px;letter-spacing:.3em;text-transform:uppercase;margin-top:6px}.slot-card .st{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:.03em}.slot-card .sd{font-size:12px;color:var(--ink-dim);line-height:1.7;margin-top:3px;letter-spacing:.02em}.slot-card .sa{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.slot-card.empty .st{color:var(--ink-faint);font-weight:500}.slot-card.damaged{border-color:#e23a5066}.slot-card.damaged .st{color:#ff9aa6}.flashback{position:fixed;inset:0;z-index:30;background:#000;opacity:0;transition:opacity .35s ease;pointer-events:none;display:flex;align-items:center;justify-content:center}.flashback.on{opacity:1}.flashback img{width:100%;height:100%;object-fit:cover;filter:grayscale(.55) sepia(.25) contrast(1.08) brightness(.9);animation:fbdrift 9s ease-out forwards}.flashback .fb-place{font-family:var(--display);letter-spacing:.3em;color:#d8d2c4;font-size:22px;text-transform:uppercase;opacity:.85}.flashback:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #000000d9}@keyframes fbdrift{0%{transform:scale(1)}to{transform:scale(1.06)}}@media(max-width:900px){.main-menu{grid-template-columns:1fr;background:linear-gradient(180deg,#05060866,#050608eb 55%)}.main-menu .left{padding:7vh 24px 24px}.mm-vert{display:none}.mm-list{margin-top:4vh}.mbtn{padding:8px 0}.chr,.jr{grid-template-columns:1fr;grid-template-rows:auto 1fr}.chr-stage{height:52vh;border-right:0;border-bottom:1px solid var(--line)}.jr-list{max-height:34vh;border-right:0;border-bottom:1px solid var(--line)}.settings label,.settings .srow{grid-template-columns:1fr;gap:6px}.settings label>span:last-child,.settings .srow>span:last-child{text-align:left}.stat{grid-template-columns:1fr 1fr 60px}.panel-body{overflow:auto!important}.inv,.chr,.jr{display:flex;flex-direction:column;height:auto}.inv-left{border-right:0;padding:18px 16px 0}.inv-grid{overflow:visible}.inv-detail{border-top:1px solid var(--line);overflow:visible}.inv-view{max-height:34vh}.chr-body,.jr-detail,.jr-list{overflow:visible;max-height:none}}@media(max-width:760px){.minimap{width:120px;height:120px;right:14px;top:14px}.mm-label{width:120px;top:140px;right:14px;letter-spacing:.14em;font-size:9.5px}.mm-label.long{width:140px;right:4px}.objective{top:162px;right:14px;max-width:200px}.slot{width:44px;height:44px}.slot.ult{width:54px;height:54px}.hotbar{gap:8px;padding:14px 14px 24px 30px}.slot .lbl{display:none}.combo{right:16px}.combo b{font-size:38px}.vitals{width:max(220px,calc(100vw - 360px));left:14px;bottom:14px}.map-side{width:180px}.dialogue .box{padding:16px 18px 20px;font-size:calc(16px * var(--sub));max-height:40vh}.choices{right:3vw;bottom:34vh}.boss{width:calc(100vw - 170px);left:14px;transform:none}.slot-card{grid-template-columns:1fr}.slot-card .sa{justify-content:flex-start}.pz-head{flex-wrap:wrap;padding:14px 16px 10px}.panel-body{padding:18px 16px 24px}}@media(max-width:480px){.vitals{bottom:92px;width:calc(100vw - 28px)}.hotbar{gap:6px;padding:10px 12px 22px 22px}.slot{width:40px;height:40px}.slot.ult{width:48px;height:48px}.objective{max-width:170px;padding-left:20px}}@media(max-height:640px){.dialogue .box{max-height:30vh}}@media(max-height:640px)and (min-width:761px){.minimap{width:160px;height:160px}.mm-label{width:160px;top:196px}.mm-label.long{width:200px;right:10px}.objective{top:220px}}.panel.inspect .panel-body{display:grid;grid-template-columns:minmax(260px,1fr) 1fr;gap:26px;align-items:center}.inspect-view{width:100%;aspect-ratio:520 / 360;cursor:grab;background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.08),transparent 65%);touch-action:none}.inspect-text p{font-size:14px;line-height:1.65;color:var(--ink-dim);white-space:pre-line}.inspect-text .row{margin-top:20px;gap:10px;display:flex}@media(max-width:760px){.panel.inspect .panel-body{grid-template-columns:1fr}}.job{position:absolute;left:30px;top:28px;max-width:320px;padding:9px 16px 10px 14px;border-left:2px solid var(--gold);background:linear-gradient(90deg,#050608c7,#05060833)}.job .h{font-size:10.5px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase}.job .t{font-size:13.5px;margin-top:4px;text-shadow:0 1px 3px #000}.hud.combat .job{opacity:.6}@media(max-width:760px){.job{left:14px;top:14px;max-width:200px}}.job-row{display:grid;grid-template-columns:1fr auto;gap:18px;padding:14px 4px;border-bottom:1px solid var(--line);align-items:center}.job-row.on{border-left:2px solid var(--gold);padding-left:12px;background:#e2c36f0d}.job-row .jk{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--red-soft)}.job-row .jt{font-weight:600;margin-top:3px}.job-row .jd{font-size:12.5px;color:var(--ink-dim);margin-top:3px;line-height:1.5}.job-row .jr{text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.job-row .js{font-size:11px;color:var(--ink-faint);letter-spacing:.08em}.job-cur{display:flex;justify-content:space-between;align-items:center;margin:4px 0 14px;padding:12px 16px;border-left:2px solid var(--gold);background:#e2c36f12}.job-cur .k{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.job-cur .v{margin-top:3px}.shop-cats{margin:4px 0 10px}.shop-btns{display:flex;gap:6px}.versus .vs-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;align-items:start}.versus .vs-list h3:first-child{margin-top:0}.vs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:6px}.vs-pick{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;background:#ffffff08;border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;font:inherit}.vs-pick b{font-size:13px;font-weight:600;letter-spacing:.02em}.vs-pick small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.vs-pick:hover,.vs-pick:focus-visible{border-color:var(--line-3);background:#ffffff0f;outline:none}.vs-pick.on{border-color:var(--red-soft);background:#c8102e24;box-shadow:inset 2px 0 0 var(--red)}.vs-card{position:sticky;top:0;padding:22px 22px 20px;border:1px solid var(--line-2);background:#ffffff08}.vs-card .vs-k{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--red-soft)}.vs-card .vs-n{font:700 24px/1.15 var(--display);letter-spacing:.05em;margin-top:8px}.vs-card .vs-n2{font:700 17px/1.2 var(--display);letter-spacing:.04em}.vs-card .vs-t{font-size:11px;letter-spacing:.12em;color:var(--ink-dim);margin-top:4px}.vs-card .vs-vs{font:800 30px/1 var(--display);letter-spacing:.2em;color:var(--red);margin:18px 0 14px;text-shadow:3px 3px 0 rgba(0,0,0,.6)}.vs-card .vs-me{display:flex;align-items:center;gap:14px}.vs-card .vs-mark{flex:none;width:54px;height:54px;display:grid;place-items:center;font:800 18px/1 var(--display);color:#fff;background:var(--c);border:1px solid rgba(255,255,255,.25);writing-mode:vertical-rl;letter-spacing:.05em}.vs-card .vs-row{display:grid;gap:6px;margin-top:16px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint)}.vs-card select{font:13px var(--font);color:var(--ink);background:var(--bg2);border:1px solid var(--line-2);padding:8px;letter-spacing:0;text-transform:none}.vs-card .vs-note{font-size:12px!important;margin:16px 0!important;color:var(--ink-faint)!important}.vs-card .vs-go{width:100%;box-sizing:border-box;margin:0;justify-content:center;padding:14px;font-size:13px}@media(max-width:760px){.versus .vs-body{grid-template-columns:1fr}.vs-card{position:static;order:-1}}.vs-result{background:radial-gradient(ellipse at center,#0a0c12d6,#000000f2)}.vs-result.won .h{color:#fff}.vs-result .h{font-size:clamp(30px,4.6vw,56px)}.vs-result .opts{flex-direction:row;flex-wrap:wrap;justify-content:center;min-width:0;width:min(640px,92vw)}.vs-result .opts .btn{flex:1 1 180px}.vs-result .vs-grade{font:800 clamp(64px,11vh,120px)/1 var(--display);color:#fff;text-shadow:6px 6px 0 var(--red),0 0 40px rgba(0,0,0,.8);margin-bottom:4px;animation:strikein .6s cubic-bezier(.2,.9,.3,1)}.vs-result .vs-grade.g-S{color:#fff4d6;text-shadow:6px 6px 0 #b8121f,0 0 50px rgba(255,190,80,.8)}.vs-result .vs-grade.g-D{color:#8a8f99}.vs-result .p{margin:10px 20px 18px}.vs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:0 auto 22px;width:min(640px,92vw)}.vs-stats>div{background:#08090ceb;padding:12px 8px;display:grid;gap:5px}.vs-stats b{font:700 20px/1 var(--display);font-variant-numeric:tabular-nums}.vs-stats span{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}@media(max-width:560px){.vs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes strikein{0%{opacity:0;transform:scale(1.8) skew(-8deg)}to{opacity:1;transform:none}}.skip-hint{position:fixed;right:22px;top:calc(8vh + 14px);z-index:40;display:none;align-items:center;gap:8px;font:600 10px/1 var(--font);letter-spacing:.24em;text-transform:uppercase;color:#ffffff8c;text-shadow:0 0 6px #000;--k: 0}.skip-hint.on{display:flex}.skip-hint i{position:relative;width:38px;height:3px;background:#ffffff2e;overflow:hidden}.skip-hint i:after{content:"";position:absolute;inset:0;width:calc(var(--k) * 100%);background:#fff}.cloud-code{margin-top:22px;padding:16px 18px;border:1px solid var(--line-2);background:#ffffff08}.cloud-code .cc-h{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--red-soft)}.cloud-code p{font-size:13px!important;margin:8px 0 10px!important}.cloud-code .cc-code{font:700 22px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#fff;user-select:all}.cloud-code .cc-off{font-size:12px;color:var(--ink-faint)}.cloud-code .cc-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.cloud-code .cc-in{flex:1 1 180px;font:15px ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--bg2);border:1px solid var(--line-2);padding:8px 10px}.cloud-code .cc-msg{margin-top:8px;font-size:12px;color:var(--ink-dim);min-height:1em}.tcard{position:fixed;left:0;right:0;top:50%;height:0;z-index:13;pointer-events:none;opacity:0;--tc: #c8102e}.tcard .tc-ink{position:absolute;left:-5%;right:-5%;top:-70px;height:140px;background:linear-gradient(90deg,transparent,var(--tc) 14%,var(--tc) 86%,transparent);transform:skewY(-4deg) scaleX(0);transform-origin:left center;opacity:.88;mix-blend-mode:normal;box-shadow:0 0 60px #0009}.tcard .tc-k{position:absolute;left:50%;top:50%;transform:translate(-150%,-54%);font:900 clamp(110px,17vw,230px)/1 var(--display);color:#fff;text-shadow:6px 6px 0 #000,0 0 50px rgba(0,0,0,.6);white-space:nowrap}.tcard .tc-txt{position:absolute;left:50%;top:50%;transform:translate(-8%,-50%);text-align:left}.tcard .tc-top{font:800 clamp(16px,2.2vw,26px)/1 var(--display);letter-spacing:.6em;color:#fff;text-shadow:0 0 10px #000}.tcard .tc-name{margin-top:10px;font:700 clamp(28px,4.6vw,64px)/1 var(--display);letter-spacing:.06em;color:#fff;text-shadow:4px 4px 0 #000,0 0 30px rgba(0,0,0,.7);white-space:nowrap}.tcard.on{animation:tcard 2.3s cubic-bezier(.2,.9,.3,1) forwards}.tcard.on .tc-ink{animation:tcink 2.3s cubic-bezier(.2,.9,.3,1) forwards}.tcard.on .tc-k{animation:tck 2.3s cubic-bezier(.2,.9,.3,1) forwards}.tcard.on .tc-txt{animation:tctxt 2.3s cubic-bezier(.2,.9,.3,1) forwards}@keyframes tcard{0%{opacity:0}6%{opacity:1}84%{opacity:1}to{opacity:0}}@keyframes tcink{0%{transform:skewY(-4deg) scaleX(0)}14%{transform:skewY(-4deg) scaleX(1)}to{transform:skewY(-4deg) scaleX(1.02)}}@keyframes tck{0%{opacity:0;transform:translate(-150%,-54%) scale(2.2)}12%{opacity:1;transform:translate(-150%,-54%) scale(1)}to{transform:translate(-152%,-54%) scale(.97)}}@keyframes tctxt{0%,14%{opacity:0;transform:translate(4%,-50%)}26%{opacity:1;transform:translate(-8%,-50%)}to{transform:translate(-10%,-50%)}}.impact{position:fixed;inset:0;z-index:12;pointer-events:none;opacity:0;backdrop-filter:invert(1) grayscale(1) contrast(3);-webkit-backdrop-filter:invert(1) grayscale(1) contrast(3)}.impact.on{animation:impactf .09s steps(1) forwards}.impact.on.big{animation:impactb .16s steps(1) forwards}@keyframes impactf{0%{opacity:1}to{opacity:0}}@keyframes impactb{0%{opacity:1}50%{opacity:1;backdrop-filter:grayscale(1) contrast(4) brightness(1.3);-webkit-backdrop-filter:grayscale(1) contrast(4) brightness(1.3)}to{opacity:0}}.speedlines{position:fixed;inset:-10%;z-index:4;pointer-events:none;opacity:0;transition:opacity .25s;--sl: #fff;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 2.2deg,color-mix(in srgb,var(--sl) 22%,transparent) 2.4deg 2.7deg,transparent 2.9deg 5.1deg,color-mix(in srgb,var(--sl) 12%,transparent) 5.3deg 5.5deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 30%,#000 72%);mask-image:radial-gradient(circle at 50% 50%,transparent 30%,#000 72%)}.speedlines.on{opacity:1;animation:speedl .12s steps(2) infinite}@keyframes speedl{0%{transform:rotate(0) scale(1)}to{transform:rotate(1.3deg) scale(1.03)}}.callout{position:absolute;left:50%;top:64%;transform:translate(-50%) skew(-10deg);text-align:center;opacity:0;pointer-events:none}.callout .co-who{font:700 10px/1 var(--font);letter-spacing:.4em;text-transform:uppercase;color:var(--red-soft);text-shadow:0 0 6px #000;margin-bottom:4px}.callout .co-who:empty{display:none}.callout .co-name{font:800 clamp(22px,3.2vw,40px)/1 var(--display);letter-spacing:.08em;color:#fff;text-shadow:3px 3px 0 #b8121f,0 0 16px rgba(0,0,0,.9);white-space:nowrap}.callout.foe .co-name{text-shadow:3px 3px 0 #2a2a33,0 0 16px rgba(255,40,60,.6)}.callout.on{animation:callout 1.5s cubic-bezier(.2,.9,.3,1) forwards}@keyframes callout{0%{opacity:0;transform:translate(-60%) skew(-10deg) scale(1.3)}12%{opacity:1;transform:translate(-50%) skew(-10deg) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-46%) skew(-10deg)}}.hud.cine .callout{top:70%}@media(max-width:760px){.tcard .tc-k{transform:translate(-50%,-110%)}.tcard .tc-txt{transform:translate(-50%,10%);text-align:center}}