@font-face{font-family:Pixel;src:url(/fonts/fusion-pixel-12px-proportional-latin.ttf);font-display:swap}@font-face{font-family:Pixel;src:url(/fonts/fusion-pixel-12px-proportional-ko.ttf);unicode-range:U+1100-11FF,U+3130-318F,U+AC00-D7AF;font-display:swap}@font-face{font-family:Pixel;src:url(/fonts/fusion-pixel-12px-proportional-ja.ttf);unicode-range:U+3040-30FF,U+31F0-31FF;font-display:swap}@font-face{font-family:Pixel;src:url(/fonts/fusion-pixel-12px-proportional-zh_hans.ttf);unicode-range:U+4E00-9FFF,U+3000-303F,U+FF00-FFEF;font-display:swap}:root{--bg: #14111c;--bg-2: #1f1a2b;--ink: #f4ecd8;--ink-dim: #b6a98d;--gold: #f2c45a;--sel: #5ccbff;--sel-destructive: #ff4040;--red: #e5534b;--green: #5bd17a;--blue: #5aa9f2;--purple: #b07cf2;--grade-common: #ffffff;--grade-rare: #6496ff;--grade-unique: #b450ff;--grade-legendary: #ffa500;--font-scale: 1;--fs-xs: calc(12px * var(--font-scale));--fs-sm: calc(14px * var(--font-scale));--fs-md: calc(16px * var(--font-scale));--fs-lg: calc(20px * var(--font-scale));--fs-xl: calc(24px * var(--font-scale));--tap: 44px;--radius: 0;--dur: 1;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Pixel,system-ui,sans-serif;font-size:var(--fs-md);line-height:1.35;-webkit-font-smoothing:none;font-smooth:never;overscroll-behavior:none}img,.px{image-rendering:pixelated}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#5b4a3a transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){:root{--dur: .35}}.px-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 6px;cursor:pointer;background:none;color:var(--ink);font-size:var(--fs-sm);text-shadow:0 1px 0 #000;transition:transform calc(80ms * var(--dur)),filter calc(80ms * var(--dur))}.px-btn:hover{filter:brightness(1.15)}.px-btn:active{transform:translateY(1px) scale(.98)}.px-btn:disabled{filter:grayscale(1) brightness(.7);cursor:not-allowed}.px-btn.tone-primary .px-btn-label{color:var(--gold)}.px-btn.tone-danger .px-btn-label{color:var(--red)}.px-btn-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 3px;background:url(/res/ui_frame1/ui_notification_dot.png) center / contain no-repeat;image-rendering:pixelated;color:#fff;font-size:10px;line-height:14px;text-align:center;text-shadow:0 0 2px #000;animation:badge-pop calc(.3s * var(--dur)) ease-out}@keyframes badge-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.icon{display:inline-block;flex:none;object-fit:contain}.bar{position:relative;width:100%;background:#000;border:1px solid #000;box-shadow:inset 0 0 0 1px #3a3040;overflow:hidden}.bar-lag,.bar-fill,.bar-shield{position:absolute;top:0;bottom:0;left:0;transition-property:width;transition-timing-function:ease-out}.bar-lag{opacity:.85}.bar-shield{background:repeating-linear-gradient(45deg,#9fd3ff 0 3px,#5aa9f2 3px 6px)}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#000000ed;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-height:88dvh;display:flex;flex-direction:column;outline:none;background-clip:padding-box}.sheet-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sheet-title{flex:1;font-size:var(--fs-lg);color:var(--gold);text-shadow:0 2px 0 #000}.sheet-close{width:var(--tap);height:var(--tap);background:none;border:0;cursor:pointer;font-size:var(--fs-lg);color:var(--ink-dim)}.sheet-close:hover{color:var(--ink)}.sheet-body{overflow:auto;min-height:0}@media(min-width:768px){.sheet-backdrop{align-items:center}.sheet{width:min(560px,92vw);max-height:86dvh}.sheet.wide{width:min(900px,94vw)}}.tip-wrap{position:relative;display:inline-flex}.tip{position:fixed;z-index:300;min-width:180px;max-width:280px;padding:4px 6px;font-size:var(--fs-xs);color:var(--ink);white-space:normal;pointer-events:none;background-color:#17121f;background-clip:padding-box;box-shadow:0 4px 12px #000c;line-height:1.45}.dlg-backdrop{position:fixed;inset:0;z-index:120;background:#000000ed;display:grid;place-items:center;padding:12px}.dlg{width:min(92vw,420px);min-height:170px;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:18px 22px 16px;background-clip:padding-box}.dlg-title{font-size:var(--fs-lg);color:var(--gold);text-shadow:0 2px 0 #000}.dlg-info{font-size:var(--fs-md);white-space:pre-line;line-height:1.45}.dlg-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.dlg-price{display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.dlg-btns{display:flex;gap:8px}.dlg-btns .px-btn{min-width:96px}.tip-wrap.block{display:block}.utip{display:grid;gap:1px;min-width:170px}.utip>b{color:var(--gold);font-weight:400;margin-bottom:2px}.utip-row{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.utip-row>span:first-child{color:var(--ink-dim)}@media(min-width:1100px){.sheet-backdrop{justify-content:flex-start;align-items:stretch;background:#0000008c;padding:6px}.sheet{width:min(620px,44vw);max-height:none;height:100%}.sheet.wide{width:min(900px,60vw)}}:is(.dunit,.iu-unit,.mcell,.sp-cell,.uu-row).on{background-color:#1d3a4a;background-clip:padding-box;box-shadow:0 0 0 2px var(--sel),0 0 10px #5ccbff66}.list{display:grid;gap:6px}.row{display:flex;gap:8px;align-items:center;color:var(--ink)}.row.done{opacity:.6}.row.ready{filter:drop-shadow(0 0 4px var(--gold))}.row .grow,.grow{flex:1;min-width:0;display:grid;gap:2px}.title{font-size:var(--fs-sm);color:var(--gold)}.next{color:var(--green)}.rewards{display:flex;gap:8px;flex-wrap:wrap;font-size:var(--fs-xs);align-items:center}.rewards span{display:inline-flex;align-items:center;gap:2px}.sect{display:flex;align-items:center;gap:8px;justify-content:space-between;color:var(--gold);font-size:var(--fs-sm);margin-top:6px;border-bottom:1px solid #4a3c30;padding-bottom:2px}.col-btn{display:grid;gap:4px}.merchant{display:grid;gap:6px}.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:4px}.mcell{display:grid;justify-items:center;gap:2px;text-align:center;padding-bottom:2px}.mname{font-size:var(--fs-xs);min-height:2.4em}.cur{font-size:var(--fs-xs);color:var(--purple);min-height:36px;display:grid;place-items:center}.spirits{display:grid;gap:8px}.sp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:3px}.sp-cell{display:grid;justify-items:center;gap:1px;background:none;color:var(--ink);cursor:pointer;font-size:10px;padding:2px}.sp-detail{display:grid;gap:8px}.sp-info{display:grid;gap:3px}.sp-opt{display:flex;gap:8px;font-size:var(--fs-sm);padding:3px 4px;border-bottom:1px dotted #3a3040;cursor:pointer}.sp-opt.inactive{color:var(--ink-dim)}.sp-opt.locked{background:#5aa9f222}.sp-opt .grow{display:block}.wq{display:grid;gap:6px}.wq-head{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-sm);flex-wrap:wrap}.wq-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:8px;align-items:center;padding:2px;background-clip:padding-box}.wq-row.ready{box-shadow:0 0 0 1px var(--gold)}.wq-target{width:64px;height:64px;display:grid;place-items:center;box-sizing:border-box}.wq-target .wq-target-img{width:100%;height:100%;object-fit:contain}.wq-main{display:grid;gap:3px;min-width:0}.wq-cat{justify-self:start;padding:0 6px;font-size:var(--fs-xs);color:var(--gold)}.wq-desc{font-size:var(--fs-sm);overflow-wrap:anywhere}.wq-prog{font-size:var(--fs-xs);color:var(--ink-dim);font-variant-numeric:tabular-nums}.wq-bar{position:relative;height:12px;background:url(/res/ui/ui_chargeframea_1.png) 0 0 / 100% 100%;image-rendering:pixelated;margin-right:6px}.wq-fill{position:absolute;left:2px;top:2px;bottom:2px;max-width:calc(100% - 4px);background:0 0 / 100% 100% repeat-x;image-rendering:pixelated;transition:width calc(.4s * var(--dur)) ease-out}.wq-notch{position:absolute;top:-3px;width:4px;height:18px;translate:-50% 0}.wq-rewards{display:flex;gap:10px;flex-wrap:wrap;font-size:var(--fs-xs)}.wq-reward,.wq-rw{display:inline-flex;align-items:center;gap:2px}.wq-btns{display:grid;gap:4px}.wq-btns .px-btn{min-width:70px}.mcell{background:none;color:var(--ink);cursor:pointer;font:inherit;padding:6px 4px}.mcell.on{filter:brightness(1.15)}.mcell.sold{filter:grayscale(.8) brightness(.7)}.mprice{display:flex;align-items:center;gap:3px;font-size:var(--fs-xs);color:var(--gold)}.mtimer{text-align:right;font-size:var(--fs-xs);color:var(--ink-dim)}.mdesc{position:sticky;top:0;z-index:2;display:grid;gap:4px;padding:10px 12px;background-color:#17121f;background-clip:padding-box;min-height:90px;font-size:var(--fs-sm);white-space:pre-line}.mbuy{display:flex;justify-content:flex-end;align-items:center;gap:10px}.mbuy span{display:inline-flex;align-items:center;gap:4px}.buycheck{display:flex;gap:10px;align-items:flex-start}.buycheck .dim{white-space:pre-line;max-height:140px;overflow:auto}.rslot{position:relative;display:grid;place-items:center;padding:0;border:0;background:url(/res/ui/ui_panelsa_08_2_0.png) 0 0 / 100% 100%;image-rendering:pixelated;flex:none}button.rslot{cursor:pointer}button.rslot:hover{filter:brightness(1.15)}.rslot-icon{width:75%;height:75%;object-fit:contain}.rslot-gem{position:absolute;left:11%;top:11%;width:14%;height:14%;-webkit-mask:url(/res/ui/ui_gemsd_gray.png) center / contain no-repeat;mask:url(/res/ui/ui_gemsd_gray.png) center / contain no-repeat}.rslot-qty{position:absolute;right:9%;bottom:5%;font-size:var(--fs-sm);color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 0 #000}.rslot-refine{position:absolute;right:6%;bottom:6%;padding:0 3px;background:#121419eb;font-size:var(--fs-xs);color:var(--gold)}.rslot-lock{position:absolute;right:6%;top:6%;width:22%;height:22%}.openres{display:grid;gap:10px}.or-info{font-size:var(--fs-md);color:var(--ink)}.or-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;justify-items:center;max-height:50vh;overflow:auto;padding:2px}.or-head{display:flex;gap:12px;align-items:center}.or-names{display:grid;gap:2px}.or-name{font-size:var(--fs-lg);text-shadow:0 2px 0 #000}.or-grade{font-size:var(--fs-md)}.or-link{justify-self:start;background:none;border:0;padding:0;color:var(--ink-dim);cursor:pointer;font:inherit;font-size:var(--fs-xs);text-decoration:underline}.or-opts{display:grid;gap:8px;margin-top:8px}.or-sec{display:grid;gap:2px}.or-sec-title{font-size:var(--fs-sm);color:var(--gold);border-bottom:1px solid #4a3c30;padding-bottom:2px}.or-row{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-sm);padding:2px 4px}.or-row-desc{color:var(--ink);font-variant-numeric:tabular-nums}.or-fx{font-size:var(--fs-xs);color:var(--purple);white-space:pre-line;padding:2px 4px}.or-count{font-size:var(--fs-sm);color:var(--ink-dim)}.or-prompt{font-size:var(--fs-sm);color:var(--ink)}.or-actions{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;flex-wrap:wrap}.or-main-btns{display:flex;gap:6px;flex-wrap:wrap}.or-main-btns>*{min-height:56px}.or-side-btns{display:flex;gap:6px}.or-reveal{display:grid}.orep{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid #4a3c30}.orep-title{font-size:var(--fs-lg);color:var(--gold);text-shadow:0 2px 0 #000}.orep-line{font-size:var(--fs-sm);display:flex;flex-wrap:wrap;align-items:center;gap:6px}.orep-line b{font-weight:400;color:var(--gold);font-variant-numeric:tabular-nums}.orep-line.warn{color:#ffb86b}.orep-line.good{color:var(--green)}.coins-inline{display:inline-flex;gap:8px;align-items:center}.coins-inline>span{display:inline-flex;gap:2px;align-items:center}.offline-loading{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#0b0812cc}.ol-box{display:flex;gap:10px;align-items:center;padding:14px 18px;background:#1a1424;border:2px solid var(--gold);font-size:var(--fs-md)}.ol-spinner{width:18px;height:18px;border:3px solid #4a3c30;border-top-color:var(--gold);border-radius:50%;animation:ol-spin calc(.8s * var(--dur)) linear infinite}@keyframes ol-spin{to{transform:rotate(360deg)}}.rslot-e{position:absolute;left:6%;top:6%;min-width:30%;padding:0 2px;background:#121419eb;color:#9fd3ff;font-size:var(--fs-xs);text-align:center}.rslot.sel{outline:2px solid var(--gold);outline-offset:-2px;filter:brightness(1.2)}.rs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;max-height:50vh;overflow:auto}.rs-cell{display:grid;justify-items:center;gap:2px;text-align:center}.rs-amt{font-size:var(--fs-sm);color:var(--gold);font-variant-numeric:tabular-nums}.rs-name{font-size:var(--fs-xs);color:var(--ink-dim);overflow-wrap:anywhere}.diary{display:grid;gap:6px;max-height:60vh;overflow:auto}.diary-entry{min-height:56px;padding:6px 14px;background:none;color:var(--ink);font:inherit;font-size:var(--fs-md);text-align:left;cursor:pointer}.diary-entry:hover{filter:brightness(1.15)}.diary-body{white-space:pre-line;font-size:var(--fs-sm);line-height:1.6;margin:0 0 8px}.toast{position:fixed;left:50%;bottom:96px;translate:-50% 0;z-index:400;max-width:min(90vw,420px);padding:10px 16px;background:#17121f;border:2px solid var(--gold);color:var(--ink);font-size:var(--fs-sm);text-align:center;box-shadow:0 6px 18px #000c}.mdetail{display:grid;gap:8px}.md-top{display:flex;gap:12px;align-items:center}.md-portrait{width:96px;height:96px;image-rendering:pixelated;background:#1b1626;border:1px solid #3a3040}.md-skills{flex:1;display:grid;gap:4px;min-width:0}.md-skill{display:grid;gap:1px;padding:4px 8px;background:#1b1626;border:1px solid #4a3c30;color:var(--ink);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer}.md-skill.on,.md-stat.on,.md-drop.on .rslot{border-color:var(--sel);box-shadow:inset 0 0 0 1px var(--sel)}.md-desc{min-height:54px;padding:6px 8px;background:#1e1e1e;border:1px solid #3a3040;font-size:var(--fs-xs);white-space:pre-line}.md-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.md-stat{display:flex;justify-content:space-between;gap:6px;padding:3px 6px;background:none;border:1px solid transparent;border-bottom:1px dotted #3a3040;color:var(--ink);font:inherit;font-size:var(--fs-xs);cursor:pointer;text-align:left}.md-stat b{font-weight:400;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.md-drops{display:flex;flex-wrap:wrap;gap:6px}.md-drop{position:relative}.md-cnt{position:absolute;right:3px;bottom:1px;font-size:var(--fs-xs);text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none}.ustat-list{display:grid;gap:6px}.md-stat.ehead{grid-column:1 / -1;cursor:default;color:var(--gold);border-bottom-color:#4a3c30}.md-stat.special span{color:var(--purple)}.codex{display:grid;gap:8px}.ptabs.sub{margin-bottom:4px}.cx-sec{display:grid;gap:6px}.cx-title{margin:0;color:var(--gold);font-weight:400;font-size:var(--fs-md);border-bottom:1px solid #4a3c30;padding-bottom:2px}.cx-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.cx-tile{aspect-ratio:1;display:grid;place-items:center;background:none;border:0;cursor:pointer;padding:0}.cx-tile:hover{filter:brightness(1.2)}.info{display:grid;gap:8px}.ptabs{display:flex;gap:2px;overflow-x:auto}.ptabs button{flex:1 0 auto;min-height:34px;padding:0 8px;background:#241d30;border:1px solid #4a3c30;color:var(--ink-dim);cursor:pointer;font:inherit;font-size:var(--fs-xs);white-space:nowrap}.ptabs button.on{color:var(--sel);border-color:var(--sel)}.pselect{width:100%;min-height:var(--tap);background:var(--bg-2);color:var(--ink);border:1px solid #4a3c30;font:inherit;font-size:var(--fs-sm)}.pbody{display:grid;gap:8px;max-height:62vh;overflow:auto;padding-right:2px}.pbody h4{margin:6px 0 2px;color:var(--gold);font-weight:400;font-size:var(--fs-sm)}.ptable{width:100%;border-collapse:collapse;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.ptable th{text-align:left;color:var(--ink-dim);font-weight:400;border-bottom:1px solid #4a3c30;padding:3px 4px}.ptable td{padding:3px 4px;border-bottom:1px dotted #3a3040}.ptable td:not(:first-child),.ptable th:not(:first-child){text-align:right}.pname{display:inline-flex;align-items:center;gap:4px}.pnotes{margin:0;padding-left:16px;font-size:var(--fs-xs);color:var(--ink-dim);display:grid;gap:2px}p.pnotes{padding-left:0}.pdrop summary{cursor:pointer;padding:4px 0;font-size:var(--fs-sm)}.faq section{display:grid;gap:2px}.faq h4{margin:4px 0}.faq details{border-bottom:1px dotted #3a3040;padding:4px 0}.faq summary{cursor:pointer;font-size:var(--fs-sm)}.faq p{margin:4px 0 2px 12px;font-size:var(--fs-xs);color:var(--ink-dim);white-space:pre-line}.dslot-wrap{container-type:inline-size;width:100%}.dslot{--u: calc(100cqw / 1050);position:relative;width:100%;aspect-ratio:1050 / 350;cursor:pointer;color:var(--ink);transition:filter calc(.12s * var(--dur));outline-offset:2px}.dslot:hover{filter:brightness(1.08)}.dslot-wrap.locked .dslot{cursor:not-allowed;filter:grayscale(.9) brightness(.55)}.ds-banner{position:absolute;left:calc(21 * var(--u));top:calc(20 * var(--u));width:calc(1008 * var(--u));height:calc(306 * var(--u));background-size:cover;background-position:center;image-rendering:pixelated}.ds-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000a,#0005 55%,#0000 80%)}.ds-frame{position:absolute;inset:0;pointer-events:none}.ds-status{animation:ds-pulse calc(1.4s * var(--dur)) ease-in-out infinite}@keyframes ds-pulse{50%{opacity:.45}}.ds-name{position:absolute;left:calc(45 * var(--u));top:calc(45 * var(--u));width:calc(800 * var(--u));height:calc(56 * var(--u));display:flex;align-items:center;gap:6px;font-size:max(11px,calc(42 * var(--u)));text-shadow:0 2px 0 #000;white-space:nowrap;overflow:hidden}.ds-name .diff{position:static;font-size:max(9px,calc(28 * var(--u)))}.ds-state{position:absolute;left:calc(45 * var(--u));top:calc(100 * var(--u));width:calc(620 * var(--u));height:calc(50 * var(--u));display:flex;align-items:center;gap:8px;font-size:max(10px,calc(36 * var(--u)));text-shadow:0 1px 0 #000;white-space:nowrap}.ds-prog,.phase-waiting{color:var(--ink-dim)}.ds-penalty{position:absolute;left:calc(547 * var(--u));top:calc(45 * var(--u));height:calc(56 * var(--u));display:flex;align-items:center;font-size:max(9px,calc(32 * var(--u)));color:var(--red);text-shadow:0 1px 0 #000;white-space:nowrap}.ds-party{position:absolute;left:calc(55 * var(--u));bottom:calc(60 * var(--u));height:calc(128 * var(--u));display:flex;gap:calc(10 * var(--u))}.ds-unit{position:relative;width:calc(118 * var(--u));height:calc(128 * var(--u))}.ds-face{position:absolute;left:50%;top:calc(10 * var(--u));translate:-50% 0;width:calc(96 * var(--u));height:calc(96 * var(--u));object-fit:contain}.ds-hp{position:absolute;left:50%;bottom:calc(10 * var(--u));translate:-50% 0;width:calc(96 * var(--u));height:max(3px,calc(10 * var(--u)));background:#000}.ds-hp i{display:block;height:100%;background-color:#d33;background-size:100% 100%;image-rendering:pixelated;transition:width calc(.3s * var(--dur))}.ds-spirit{position:absolute;right:calc(45 * var(--u));top:calc(25 * var(--u));width:calc(130 * var(--u));height:calc(130 * var(--u));display:grid;place-items:center}.ds-spirit img{width:calc(96 * var(--u));height:calc(96 * var(--u));object-fit:contain}.ds-spirit .ds-plus{width:calc(32 * var(--u));height:calc(32 * var(--u));opacity:.6}.ds-sp-lv{position:absolute;right:calc(10 * var(--u));bottom:calc(6 * var(--u));font-size:max(8px,calc(30 * var(--u)));text-shadow:0 1px 0 #000,0 0 2px #000}.ds-loot{position:absolute;right:calc(45 * var(--u));bottom:calc(50 * var(--u));width:calc(128 * var(--u));height:calc(128 * var(--u));padding:0;background:none;border:0;cursor:pointer;transition:transform calc(.12s * var(--dur))}.ds-loot img{width:100%;height:100%}.ds-loot span{position:absolute;left:50%;bottom:calc(-6 * var(--u));translate:-50% 0;font-size:max(9px,calc(28 * var(--u)));color:var(--ink);text-shadow:0 1px 0 #000,0 0 3px #000;white-space:nowrap}.ds-loot:not(:disabled):hover{transform:scale(1.06)}.ds-loot:not(:disabled) img{animation:ds-bob calc(1.6s * var(--dur)) ease-in-out infinite}.ds-loot:disabled{cursor:default;filter:brightness(.7)}.ds-loot.full span{color:var(--red)}@keyframes ds-bob{50%{transform:translateY(calc(-4 * var(--u)))}}.ds-gem{position:absolute;right:calc(30 * var(--u));top:calc(25 * var(--u));width:calc(60 * var(--u));height:calc(60 * var(--u))}.ds-gem.used{filter:grayscale(1) brightness(.6)}.ds-lock{position:absolute;inset:0;display:grid;place-items:center}.dlist.dslots{display:flex;flex-direction:column;gap:6px}.raid-count{display:flex;align-items:center;gap:10px;min-height:60px;padding:6px 16px;font-size:var(--fs-md);text-shadow:0 1px 0 #000}.dpopup{display:flex;flex-direction:column;gap:6px;padding:0 2px 2px;background-clip:padding-box;max-width:640px;margin:0 auto;width:100%}.dp-head{display:flex;align-items:baseline;gap:8px;padding:2px 4px}.dp-title{flex:1;font-size:var(--fs-lg);color:var(--ink);text-shadow:0 2px 0 #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-info{font-size:var(--fs-md);color:var(--ink-dim);white-space:nowrap}.dp-foot{display:flex;align-items:center;justify-content:space-between;gap:6px}.dp-center{flex:1;display:flex;justify-content:center}.speed{display:flex;gap:2px}.speed button{min-width:34px;min-height:32px;background:#241d30;border:1px solid #4a3c30;color:var(--ink-dim);cursor:pointer;font-size:var(--fs-sm)}.speed button.on{color:var(--sel);border-color:var(--sel)}.speed button:disabled{opacity:.4;cursor:default}.bf-wrap{container-type:inline-size;width:100%}.bf-field{--u: calc(100cqw / 960);position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#111 center / cover no-repeat;image-rendering:pixelated}.bf-frame{position:absolute;inset:0;pointer-events:none;filter:brightness(.283);z-index:6}.bf-row{position:absolute;left:0;right:0;height:calc(200 * var(--u));display:flex;justify-content:center;align-items:flex-end;gap:calc(14 * var(--u))}.bf-row.a1{bottom:calc(50 * var(--u))}.bf-row.a2{bottom:calc(250 * var(--u))}.bf-row.m1{bottom:calc(450 * var(--u))}.bf-row.m2{bottom:calc(650 * var(--u))}.bf-raid{position:absolute;left:0;right:0;bottom:calc(450 * var(--u));height:calc(320 * var(--u));display:flex;justify-content:center;align-items:flex-end;gap:calc(8 * var(--u))}.bf-add{display:flex;gap:calc(6 * var(--u));align-items:flex-end;min-width:calc(130 * var(--u))}.bf-add.left{justify-content:flex-end}.bf-spirit{position:absolute;top:calc(30 * var(--u));right:calc(30 * var(--u));width:calc(130 * var(--u));height:calc(130 * var(--u));display:grid;place-items:center;z-index:2;box-sizing:border-box}.bf-spirit .bf-spirit-img{width:100%;height:100%;object-fit:contain}.bf-turn{position:absolute;left:calc(30 * var(--u));top:calc(26 * var(--u));font-size:max(10px,calc(30 * var(--u)));color:#fff;text-shadow:0 1px 0 #000,0 0 3px #000;z-index:5;font-variant-numeric:tabular-nums}.bs{position:relative;flex:none;width:calc(130 * var(--u));height:calc(200 * var(--u))}.bs.boss{width:calc(194 * var(--u));height:calc(310 * var(--u))}.bs-status{position:absolute;top:0;left:50%;translate:-50% 0;height:calc(40 * var(--u));display:flex;gap:calc(4 * var(--u));z-index:3}.bs.boss .bs-status{width:calc(172 * var(--u));height:calc(84 * var(--u));flex-wrap:wrap;justify-content:center}.bs-st{position:relative;width:calc(40 * var(--u));height:calc(40 * var(--u));animation:st-pop calc(.24s * var(--dur)) ease-out}.bs-st img{width:100%;height:100%;display:block}.bs-st b{position:absolute;right:-2px;bottom:-2px;font-size:max(8px,calc(16 * var(--u)));line-height:1;color:#fff;font-weight:400;text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000}@keyframes st-pop{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.bs-portrait{position:absolute;left:50%;bottom:calc(32 * var(--u));translate:-50% 0;width:calc(128 * var(--u));height:calc(128 * var(--u))}.bs.boss .bs-portrait{bottom:calc(34 * var(--u));width:calc(192 * var(--u));height:calc(192 * var(--u))}.bs-portrait .portrait{width:100%;height:100%;object-fit:contain;display:block}.bs-portrait .flash{position:absolute;inset:0;opacity:0;mix-blend-mode:multiply;pointer-events:none;-webkit-mask:var(--mask) center / contain no-repeat;mask:var(--mask) center / contain no-repeat}.bs-dead{position:absolute;inset:0;width:100%;height:100%}.bs.dead .portrait{filter:grayscale(1) brightness(.5)}.bs.dying:not(.unit){animation:bs-out calc(.32s * var(--dur)) ease-in forwards;animation-delay:calc(.2s * var(--dur))}@keyframes bs-out{to{opacity:0;transform:translateY(-4px) scale(.92)}}.bs.actor .bs-portrait:after{content:"";position:absolute;left:10%;right:10%;bottom:-3px;height:3px;background:var(--gold);box-shadow:0 0 6px var(--gold)}.bs.next:not(.actor) .bs-portrait:after{content:"";position:absolute;left:25%;right:25%;bottom:-3px;height:2px;background:#ffca4080}.bs-vfx{position:absolute;left:50%;bottom:calc(32 * var(--u));translate:-50% 0;width:calc(128 * var(--u));height:calc(128 * var(--u));pointer-events:none;overflow:visible;z-index:4}.bs.boss .bs-vfx{bottom:calc(34 * var(--u));width:calc(192 * var(--u));height:calc(192 * var(--u))}.bs-bar{position:absolute;left:0;right:0;background:url(/res/ui/ui_chargeframea_1.png) 0 0 / 100% 100%;image-rendering:pixelated}.bs-hp{bottom:calc(16 * var(--u));height:calc(16 * var(--u))}.bs-mp{bottom:0;height:calc(17 * var(--u))}.bs.boss .bs-hp{bottom:calc(14 * var(--u));height:calc(20 * var(--u))}.bs.boss .bs-mp{height:calc(15 * var(--u))}.bs-fill-area{position:absolute;left:calc(3 * var(--u));right:calc(3 * var(--u));top:50%;translate:0 -50%;height:calc(10 * var(--u));overflow:hidden}.bs-mp .bs-fill-area{height:calc(11 * var(--u))}.bs.boss .bs-hp .bs-fill-area{height:calc(16 * var(--u))}.bs.boss .bs-mp .bs-fill-area{height:calc(10 * var(--u))}.bs-fill{position:absolute;left:0;top:0;bottom:0;background:0 0 / 100% 100%;image-rendering:pixelated;transition:width calc(.16s * var(--dur)) ease-out}.bs-fill.hp{background-image:url(/res/ui/ui_bar3.png)}.bs-fill.mp{background-image:url(/res/ui/ui_bar5.png)}.bs-fill.shield{background-image:url(/res/ui/ui_bar2.png);opacity:.75}.bs-fill.maxmp{width:100%;background-image:url(/res/ui/ui_bar2.png);animation:maxmp calc(.7s * var(--dur)) ease-in-out infinite alternate}@keyframes maxmp{0%{opacity:.35}to{opacity:.95}}.bs-lag{position:absolute;left:0;top:0;bottom:0;background:#f4ecd8;transition:width calc(.5s * var(--dur)) ease-in calc(.25s * var(--dur))}.vfx-cross{position:absolute;width:34px;height:34px;filter:drop-shadow(0 0 2px #65ff97)}.vfx-sheet{position:absolute;left:50%;top:50%;translate:-50% -50%;background-repeat:no-repeat}.vfx-impact{position:absolute;left:50%;top:50%;width:72px;height:72px;filter:sepia(1) saturate(3) hue-rotate(5deg)}.float-num{position:absolute;top:20%;font-size:var(--fs-lg);white-space:nowrap;text-shadow:0 2px 0 #000,0 0 3px #000;pointer-events:none;z-index:7}.float-num.big{font-size:var(--fs-xl)}.float-num.tone-dmg{color:#fff}.float-num.tone-crit{color:var(--gold)}.float-num.tone-dot{color:#c58bff}.float-num.tone-heal,.float-num.tone-healcrit{color:var(--green)}.float-num.tone-shield{color:#9fd3ff}.float-num.tone-miss{color:var(--ink-dim);font-size:var(--fs-md)}.skill-banner{position:absolute;left:50%;top:-14px;padding:1px 6px;background:#000c;border:1px solid var(--gold);color:var(--gold);font-size:var(--fs-xs);white-space:nowrap;z-index:8;transform-origin:center}.time-slider{position:relative;height:6px;margin:0 2.5%;background:#0008;overflow:hidden}.ts-fill{position:absolute;inset:0;background:url(/res/ui/time_slider_bar_0.png) 0 0 / 100% 100%;image-rendering:pixelated;transform-origin:center;transform:scaleX(0)}.ts-fill.run{animation:ts-grow linear forwards}@keyframes ts-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.turn-strip{display:flex;align-items:center;justify-content:center;gap:3px;min-height:26px;overflow:hidden}.turn-strip .tok{width:24px;height:24px;border:2px solid #4a3c30;background:#120f19;display:grid;place-items:center;transition:transform calc(.2s * var(--dur))}.turn-strip .tok img{width:20px;height:20px;object-fit:contain}.turn-strip .tok.ally{border-color:#5aa9f2}.turn-strip .tok.enemy{border-color:#e5534b}.turn-strip .tok.first{transform:scale(1.15);border-color:var(--gold)}.logbox{position:relative;display:flex;flex-direction:column;background:#1e1e1e;min-height:0;height:clamp(150px,26vh,260px);padding:4px}.logbox-frame{position:absolute;inset:0;pointer-events:none;filter:brightness(.283)}.log-filters{display:flex;gap:2px;padding:0 2px 2px;border-bottom:1px solid #333;position:relative;z-index:1}.log-filters button{flex:1;min-height:26px;background:none;border:0;color:var(--ink-dim);cursor:pointer;font-size:var(--fs-xs)}.log-filters button.on{color:var(--sel);box-shadow:inset 0 -2px 0 var(--sel)}.log-lines{overflow:auto;padding:4px 8px;font-size:var(--fs-sm);line-height:1.45;min-height:0;flex:1}.log-row{padding:1px 0}.log-latest{position:absolute;right:10px;bottom:10px;width:34px;height:34px;display:grid;place-items:center;background:#241d30;border:1px solid var(--gold);cursor:pointer;z-index:2}.log-latest img{width:20px;transform:rotate(180deg)}.result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0b0812d8;animation:result-in calc(.3s * var(--dur)) ease-out;z-index:9;padding:12px}@keyframes result-in{0%{opacity:0}}.result-title{font-size:28px;letter-spacing:2px;text-shadow:0 3px 0 #000;animation:title-pop calc(.45s * var(--dur)) cubic-bezier(.2,1.6,.4,1)}.result.win .result-title{color:var(--gold)}.result.lose .result-title,.result.timeout .result-title{color:var(--red)}@keyframes title-pop{0%{transform:scale(.4);opacity:0}}.summary{width:min(360px,100%);display:grid;gap:4px}.sum-row{display:grid;grid-template-columns:28px 1fr 2fr auto;align-items:center;gap:6px;font-size:var(--fs-xs)}.sum-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sum-bars{display:grid;gap:1px}.sb{display:block;height:4px;transition:width calc(.6s * var(--dur)) ease-out}.sb.dmg{background:var(--red)}.sb.heal{background:var(--green)}.sum-num{font-variant-numeric:tabular-nums;color:var(--ink-dim)}.bs>.tip-wrap{position:absolute;inset:0;display:block}.battle-tab:has(>.dpopup){height:100%;min-height:0}.battle-tab>.dpopup{flex:1;min-height:0}.dpopup .logbox{flex:1 1 120px;height:auto;min-height:110px}.main-single .battle-tab:has(>.dpopup){position:fixed;inset:0;z-index:40;max-width:560px;margin:0 auto;height:auto;overflow:hidden;padding:max(6px,env(safe-area-inset-top)) 6px max(6px,env(safe-area-inset-bottom));background:url(/res/all_image/bg_castle3.png) center / cover no-repeat,var(--bg)}.main-single .battle-tab>.dpopup .logbox{min-height:160px}.battle-tab{padding:6px;display:flex;flex-direction:column;gap:6px;min-height:100%}.list-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-sm);color:var(--ink-dim)}.resume{width:100%}.dlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.dcard{display:flex;flex-direction:column;gap:4px;padding:0;background:none;color:var(--ink);cursor:pointer;text-align:left;transition:transform calc(.12s * var(--dur)),filter calc(.12s * var(--dur))}.dcard:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.dcard.watched{filter:drop-shadow(0 0 4px var(--gold))}.dcard.locked{filter:grayscale(.9) brightness(.6);cursor:not-allowed}.dbanner{position:relative;aspect-ratio:336 / 120;background-size:cover;background-position:center;image-rendering:pixelated}.diff{position:absolute;left:2px;top:2px;font-size:10px;padding:0 4px;background:#000a}.diff-Hard{color:var(--red)}.diff-Normal{color:var(--green)}.diff-Raid{color:var(--purple)}.clear-badge{position:absolute;right:3px;top:1px;color:var(--gold);text-shadow:0 1px 0 #000}.lock{position:absolute;inset:0;display:grid;place-items:center;background:#0006}.dinfo{display:grid;gap:3px;padding:0 2px 2px}.dname{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmeta{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;color:var(--ink-dim)}.phase-exploring{color:var(--green)}.phase-battling{color:var(--red);animation:blink calc(.8s * var(--dur)) steps(2) infinite}.phase-reviving{color:var(--purple)}@keyframes blink{50%{opacity:.4}}.penalty{color:var(--red)}.loot{color:var(--gold)}.dparty{display:flex;gap:2px;min-height:22px}.hint{color:var(--ink-dim);font-size:var(--fs-sm);margin:0 0 8px}.deploy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px}.dunit{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px;min-height:92px;background:none;color:var(--ink);cursor:pointer}.dunit:disabled{filter:grayscale(1) brightness(.55);cursor:not-allowed}.dunit.on{transform:translateY(-2px)}.dlv{font-size:10px;color:var(--gold)}.dnm{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order{position:absolute;top:2px;left:4px;width:16px;height:16px;background:var(--gold);color:#000;font-size:11px;display:grid;place-items:center}.away{position:absolute;bottom:2px;font-size:9px;color:var(--red)}.sheet-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:10px;position:sticky;bottom:0}.run-nav{display:flex;gap:4px;align-items:center}.run-tabs{flex:1;display:flex;gap:2px;overflow:auto}.run-tabs button{min-height:32px;padding:0 6px;background:#241d30;border:1px solid #4a3c30;color:var(--ink-dim);cursor:pointer;white-space:nowrap;font-size:var(--fs-xs)}.run-tabs button.on{color:var(--sel);border-color:var(--sel)}.runpanel{display:flex;flex-direction:column;gap:6px}.run-head{display:flex;align-items:center;gap:8px}.phase-chip{font-size:var(--fs-xs);color:var(--green)}.explore-field{position:relative;height:180px;background-size:cover;background-position:center bottom;image-rendering:pixelated;border:2px solid #4a3c30;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px}.walkers{display:flex;gap:10px}.walker{width:48px;display:grid;gap:2px}.walker img{width:48px;height:48px;object-fit:contain}.walker.dead img{filter:grayscale(1) brightness(.4)}.run-stats{display:flex;gap:12px;font-size:var(--fs-xs);color:var(--ink-dim);flex-wrap:wrap}.run-stats b{color:var(--ink);font-weight:400}.run-log{background:#0d0a14cc;border:1px solid #3a3040;padding:4px 6px;font-size:var(--fs-xs);max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:1px}.rl{animation:rl-in calc(.22s * var(--dur)) ease-out}@keyframes rl-in{0%{opacity:0;transform:translate(-6px)}}.rl.good{color:var(--green)}.rl.bad{color:var(--red)}.rl.battle{color:var(--gold)}.rl.info{color:var(--ink-dim)}.bf-phase{position:absolute;left:50%;top:40%;translate:-50% -50%;padding:2px 10px;background:#000a;color:var(--ink);font-size:var(--fs-md);z-index:5;white-space:nowrap}.run-stats{align-items:center;padding:0 4px}.diff-row{display:flex;gap:3px;margin-bottom:6px}.diff-btn{flex:1;min-height:34px;background:#241d30;border:1px solid #4a3c30;color:var(--ink-dim);cursor:pointer;font:inherit;font-size:var(--fs-sm)}.diff-btn.on{color:var(--sel);border-color:var(--sel)}.diff-btn:disabled{opacity:.4;cursor:default}.env{display:grid;gap:2px;padding:6px 8px;margin-bottom:6px;background:#1e1e1e;border:1px solid #3a3040;font-size:var(--fs-xs)}.env p{margin:0}.dpreset{position:absolute;left:2px;bottom:2px;min-width:18px;padding:0 3px;font-size:10px;color:#000;font-weight:700;text-align:center;border:1px solid #000}.dunit{position:relative}.phase-paused{color:var(--gold)}.raid-confirm{display:grid;gap:10px}.raid-confirm .rc-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.raid-confirm .stepper{display:flex;align-items:center;gap:6px}.raid-confirm .stepper b{min-width:2.5ch;text-align:center;font-size:1.2em}.dlist>.weekly-toggle{grid-column:1 / -1}.rchange{display:grid;gap:8px}.rc-info{font-size:var(--fs-md);color:var(--ink-dim)}.rc-current{display:flex;align-items:center;gap:10px}.rc-cur-name{flex:1;font-size:var(--fs-md)}.rc-empty{opacity:.6}.rc-list-title{font-size:var(--fs-sm);color:var(--gold);border-bottom:1px solid #4a3c30;padding-bottom:2px}.rc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));justify-items:center;gap:4px;max-height:190px;overflow:auto;padding:4px;background:#0d0a14b0;border:1px solid #3a3040}.rc-list>.dim{grid-column:1 / -1}.rc-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.rc-desc{display:grid;gap:4px;padding:8px;background:#1e1e1e;border:1px solid #3a3040;min-height:160px;max-height:42vh;overflow:auto}.rc-desc-head{display:grid;gap:2px}.rc-desc-head b{font-weight:400;font-size:var(--fs-md)}.rc-deltas{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:var(--fs-xs)}.rc-deltas .up{color:var(--green)}.rc-deltas .down{color:var(--red)}.rc-actions{display:flex;flex-direction:column;gap:4px;min-width:110px}.rc-actions .px-btn{min-height:38px}.retire,.tchange{display:grid;gap:8px}.retire-unit{display:flex;align-items:center;gap:10px;font-size:var(--fs-md)}.retire-unit b{font-weight:400;color:var(--gold)}.retire-reward{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#1e1e1e;border:1px solid #3a3040;font-size:var(--fs-sm)}.retire .pre,.retire .warn{white-space:pre-line;margin:0;font-size:var(--fs-sm)}.warn{color:#ffb86b}.um-actions{display:flex;justify-content:flex-end;gap:6px}.tc-item{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm)}.tc-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;max-height:50vh;overflow:auto}.tc-col{display:grid;gap:3px;align-content:start;min-width:0}.tc-head{text-align:center;color:var(--gold);border-bottom:1px solid #4a3c30}.tc-opt{display:flex;flex-direction:column;align-items:flex-start;gap:0;overflow-wrap:anywhere;min-height:36px;padding:2px 8px;background:#1b1626;border:1px solid #4a3c30;color:var(--ink);cursor:pointer;font:inherit;font-size:var(--fs-xs);text-align:left}.tc-opt.on{border-color:#5ccbff;box-shadow:inset 0 0 0 1px #5ccbff;color:#fff}.tc-fixed{padding:8px;font-size:var(--fs-xs)}.ucard.retire-mode:after{content:attr(data-retire);position:absolute;inset:0;display:grid;place-items:center;background:#000a;color:#ff6b6b;font-size:11px;text-align:center;padding:4px}.rpower{display:grid;gap:8px}.rp-head{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.rp-head b{color:var(--gold);font-weight:400}.rp-body{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.rp-graph{position:relative;flex:none;background:radial-gradient(circle at center,#2a2038,#0d0a14 70%);border:1px solid #3a3040;margin:0 auto}.rp-edges{position:absolute;inset:0;pointer-events:none}.rp-edges line{stroke:#4a3c50;stroke-width:2}.rp-edges line.on{stroke:var(--gold)}.rp-node{position:absolute;display:grid;place-items:center;padding:0;background:#1b1626;border:2px solid #4a3c50;border-radius:50%;cursor:pointer}.rp-node img{width:80%;height:80%;object-fit:contain}.rp-node.locked img{filter:grayscale(1) brightness(.45)}.rp-node.inv{border-color:var(--gold);box-shadow:0 0 6px #ffca4088}.rp-node.special{border-radius:4px}.rp-node.omen{border-radius:30%}.rp-node.sel{outline:2px solid #5ccbff;outline-offset:1px}.rp-lv{position:absolute;bottom:-9px;left:50%;translate:-50% 0;padding:0 2px;background:#000c;font-size:9px;color:var(--ink);white-space:nowrap}.rp-desc{flex:1;min-width:220px;display:grid;gap:4px;align-content:start}.rp-name{display:flex;align-items:center;gap:6px;font-size:var(--fs-md);color:var(--gold)}.rp-text{margin:0;font-size:var(--fs-xs);white-space:pre-line}.rp-eff{font-size:var(--fs-xs);color:var(--green)}.rp-actions{display:flex;gap:6px}.rp-actions .px-btn{flex:1;font-size:var(--fs-lg)}.rp-presets{display:flex;gap:6px}.rp-presets .px-btn{min-width:48px}.barracks{padding:6px;display:flex;flex-direction:column;gap:6px}.bhead{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-sm);color:var(--ink-dim)}.sorts{display:flex;gap:2px}.sorts button{min-height:30px;padding:0 8px;background:#241d30;border:1px solid #4a3c30;color:var(--ink-dim);cursor:pointer;font-size:var(--fs-xs)}.sorts button.on{color:var(--sel);border-color:var(--sel)}.ugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px}.ucard{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 4px 4px;min-height:104px;background:none;color:var(--ink);cursor:pointer}.ucard:hover{filter:brightness(1.15)}.ulv{font-size:10px;color:var(--gold)}.unm{font-size:10px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deployed{position:absolute;top:3px;right:5px;font-size:11px;color:var(--red)}.badge-up{position:absolute;top:3px;left:5px;font-size:11px;color:var(--green);animation:up-bob calc(.9s * var(--dur)) ease-in-out infinite}@keyframes up-bob{50%{transform:translateY(-2px)}}.udetail{display:grid;gap:10px}.uhead{display:flex;gap:12px;align-items:center}.uportrait{width:96px;height:96px;object-fit:contain;flex:none}.uhead-info{flex:1;display:grid;gap:4px}.uline{font-size:var(--fs-sm)}.uline b{color:var(--gold);font-weight:400}.traits{display:flex;gap:4px;flex-wrap:wrap}.trait{font-size:10px;padding:1px 4px;border:1px solid #5aa9f2;color:#9fd3ff}.promote{border:1px solid var(--green);padding:6px;display:grid;gap:6px;animation:glow calc(1.4s * var(--dur)) ease-in-out infinite alternate}@keyframes glow{to{box-shadow:0 0 10px #5bd17a66}}.ptitle{color:var(--green);font-size:var(--fs-sm)}.popts{display:flex;gap:6px;flex-wrap:wrap}.ustats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:2px 10px}.srow{display:flex;justify-content:space-between;gap:6px;font-size:var(--fs-sm);padding:2px 0;border-bottom:1px dotted #3a3040;min-width:130px}.srow b{font-weight:400;color:var(--ink);font-variant-numeric:tabular-nums}.skill{display:grid;gap:2px}.sk-title{color:var(--gold);font-size:var(--fs-sm)}.sk-desc{color:var(--ink-dim);font-size:var(--fs-xs);white-space:pre-line}.eq-slots{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.eq-slot{position:relative;width:60px;height:60px;display:grid;place-items:center;align-content:center;gap:2px;background:none;cursor:pointer;font-size:10px}.eq-slot .refine{position:absolute;left:3px;top:1px;font-size:10px;color:var(--gold)}.eq-slot .x{position:absolute;right:-4px;top:-4px;width:18px;height:18px;background:#000c;border:1px solid var(--red);color:var(--red);font-size:10px;display:grid;place-items:center}.rb-row{display:flex;align-items:center;gap:10px}.ucard.reborn{box-shadow:inset 0 0 0 2px #ffa50088}.preset-btn{width:40px;height:60px;background:#1b1626;border:2px solid;font:inherit;font-size:var(--fs-lg);cursor:pointer}.eq-slot .inherit{position:absolute;right:3px;bottom:1px;font-size:10px;color:#2dbe60;text-shadow:0 0 2px #000}.ulist{display:flex;flex-direction:column;gap:4px}.brow-wrap{container-type:inline-size;width:100%}.brow{--u: calc(100cqw / 950);position:relative;width:100%;aspect-ratio:950 / 190;cursor:pointer;color:var(--ink);outline-offset:2px}.brow:hover{filter:brightness(1.1)}.brow.reborn .br-bg{filter:drop-shadow(0 0 3px #ffa500aa)}.br-bg{position:absolute;inset:0}.br-portrait{position:absolute;left:calc(20 * var(--u));top:calc(20 * var(--u));width:calc(150 * var(--u));height:calc(150 * var(--u))}.br-img{position:absolute;left:50%;top:50%;translate:-50% -50%;width:calc(128 * var(--u));height:calc(128 * var(--u));object-fit:contain;opacity:.92}.br-lv,.br-stage{position:absolute;display:grid;place-items:center;background:#12141aeb;font-size:max(9px,calc(30 * var(--u)));line-height:1;font-variant-numeric:tabular-nums}.br-lv{right:calc(6 * var(--u));bottom:calc(6 * var(--u));min-width:calc(64 * var(--u));height:calc(44 * var(--u));color:var(--ink)}.br-stage{left:calc(6 * var(--u));top:calc(6 * var(--u));min-width:calc(50 * var(--u));height:calc(44 * var(--u));padding:0 calc(6 * var(--u));color:var(--gold)}.br-rankup{position:absolute;left:50%;top:50%;translate:-50% -50%;width:calc(64 * var(--u));height:calc(64 * var(--u));animation:up-bob calc(.9s * var(--dur)) ease-in-out infinite}.br-name{position:absolute;left:calc(200 * var(--u));top:calc(25 * var(--u));width:calc(300 * var(--u));height:calc(50 * var(--u));display:flex;align-items:center;font-size:max(11px,calc(35 * var(--u)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #000}.br-trait{position:absolute;left:calc(200 * var(--u));top:calc(85 * var(--u));width:calc(170 * var(--u));display:grid;gap:calc(4 * var(--u));font-size:max(9px,calc(28 * var(--u)));color:#9fd3ff;line-height:1.15}.br-trait>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-preset{position:absolute;left:calc(380 * var(--u));top:calc(100 * var(--u));width:calc(100 * var(--u));height:calc(60 * var(--u));padding:0;background-color:transparent;font:inherit;font-size:max(10px,calc(28 * var(--u)));cursor:pointer}.br-runes{position:absolute;right:calc(20 * var(--u));top:calc(31 * var(--u));display:flex;gap:calc(16 * var(--u))}.br-rune{position:relative;width:calc(128 * var(--u));height:calc(128 * var(--u));display:grid;place-items:center}.br-rune img{width:calc(96 * var(--u));height:calc(96 * var(--u));object-fit:contain}.br-rune .br-plus{width:calc(32 * var(--u));height:calc(32 * var(--u));opacity:.5}.br-refine{position:absolute;right:calc(8 * var(--u));bottom:calc(6 * var(--u));padding:0 calc(4 * var(--u));background:#12141aeb;font-size:max(8px,calc(24 * var(--u)));color:var(--gold)}.br-lock{position:absolute;right:calc(4 * var(--u));top:calc(2 * var(--u));font-size:max(7px,calc(22 * var(--u)))}.br-move{position:absolute;right:calc(20 * var(--u));top:50%;translate:0 -50%;display:flex;gap:6px}.br-retier{position:absolute;inset:0;display:grid;place-items:center;background:#fa000024;color:var(--red);font-size:max(11px,calc(38 * var(--u)));text-shadow:0 1px 0 #000;pointer-events:none}.uu{display:grid;gap:8px}.uu-list{display:grid;gap:10px}.uu-row{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;color:var(--ink)}.uu-row.on{filter:brightness(1.15)}.uu-portrait{width:72px;height:72px;display:grid;place-items:center;background:none;border:0;cursor:zoom-in;flex:none}.uu-text{display:grid;gap:4px;min-width:0}.uu-name{font-size:var(--fs-lg);text-shadow:0 1px 0 #000}.uu-trait{font-size:var(--fs-sm);color:#9fd3ff}.br-portrait{cursor:pointer}.iu-step{display:grid;gap:8px}.iu-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.iu-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}.iu-unit{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center;padding:6px 8px;min-height:60px;background:none;color:var(--ink);cursor:pointer;text-align:left;font:inherit}.iu-unit>img{grid-row:span 3}.iu-unit .iu-name{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iu-unit .dim{font-size:var(--fs-xs)}.iu-unit:hover:not(.off){filter:brightness(1.15)}.iu-unit.off{filter:grayscale(1) brightness(.55)}.iu-unit.on{filter:brightness(1.2)}.iu-qty{display:grid;gap:4px;font-size:var(--fs-sm)}.iu-qty input[type=range]{width:100%}.iu-input{min-height:36px;padding:0 8px;background:#120f19;color:var(--ink);border:1px solid #4a3c30;font:inherit}.iu-list{display:grid;gap:2px}.iu-check{display:grid;grid-template-columns:20px 1fr auto auto;gap:8px;align-items:center;padding:4px 6px;border-bottom:1px dotted #3a3040;cursor:pointer;font-size:var(--fs-sm)}.iu-check.on{background:#e5534b1a}.pos{color:var(--green)}.iu-runes{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;max-height:240px;overflow:auto}.iu-rune{position:relative;aspect-ratio:1;display:grid;place-items:center;background:none;cursor:pointer;padding:0}.iu-rune.on{outline:2px solid var(--sel);filter:brightness(1.2)}.iu-rune .refine{position:absolute;left:3px;top:1px;font-size:10px;color:var(--gold);text-shadow:0 0 2px #000}.iu-rune .worn{position:absolute;right:3px;top:1px;font-size:9px;background:var(--blue);color:#000;padding:0 2px}.iu-rune .tier{position:absolute;right:3px;bottom:1px;font-size:9px;color:var(--ink-dim);text-shadow:0 0 2px #000}.iu-opts{display:grid;gap:3px;padding:8px 10px;background-color:#17121f;background-clip:padding-box}.iu-opt{font-size:var(--fs-sm);padding:3px 6px;text-align:left;background:none;border:1px solid transparent;color:var(--ink);font:inherit}.iu-opt.sub{cursor:pointer;border-color:#3a3040}.iu-opt.sub:disabled{cursor:default;opacity:.6}.iu-opt.sub.on{border-color:var(--sel);background:#5ccbff1a}.iu-cands{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px}.storage{padding:6px;display:flex;flex-direction:column;gap:6px}.st-head{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);color:var(--ink-dim);flex-wrap:wrap}.st-head .over{color:var(--red)}.st-head select{min-height:32px;background:var(--bg-2);color:var(--ink);border:1px solid #4a3c30;font:inherit;margin-left:auto}.st-filters{display:flex;gap:2px;overflow-x:auto}.st-filters button{flex:1;min-height:32px;white-space:nowrap;padding:0 6px;background:#241d30;border:1px solid #4a3c30;color:var(--ink-dim);cursor:pointer;font-size:var(--fs-xs)}.st-filters button.on{color:var(--sel);border-color:var(--sel)}.multi-bar{display:flex;gap:6px;align-items:center;font-size:var(--fs-sm)}.st-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.st-sections{display:grid;gap:8px}.st-section{display:grid;gap:4px}.st-sec-title{margin:0;padding:2px 4px;font-size:var(--fs-sm);font-weight:400;color:var(--gold);border-bottom:1px solid #4a3c30;text-shadow:0 1px 0 #000}@media(min-width:1100px){.col .st-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.cell{position:relative;aspect-ratio:1;display:grid;place-items:center;background:none;cursor:pointer;padding:0}.cell:hover{filter:brightness(1.2)}.cell.picked{outline:2px solid var(--sel-destructive);filter:brightness(.8)}.cell .count{position:absolute;right:3px;bottom:1px;font-size:10px;text-shadow:0 0 2px #000,0 0 2px #000}.cell .refine{position:absolute;left:3px;top:1px;font-size:10px;color:var(--gold);text-shadow:0 0 2px #000}.cell .worn{position:absolute;right:3px;top:1px;font-size:9px;background:var(--blue);color:#000;padding:0 2px}.cell .lockm{position:absolute;left:2px;bottom:0;font-size:9px}.cell .spm{position:absolute;right:3px;bottom:1px;font-size:10px;color:var(--purple)}.empty{grid-column:1 / -1;color:var(--ink-dim);font-size:var(--fs-sm);text-align:center;padding:20px}.rune,.itemsheet{display:grid;gap:8px}.rune-head{display:flex;gap:10px;align-items:center}.rune-icon{width:80px;height:80px;display:grid;place-items:center;flex:none}.rune-meta{display:grid;gap:2px;font-size:var(--fs-sm)}.rune-meta .fx{color:var(--purple);font-size:var(--fs-xs);white-space:pre-line}.dim{color:var(--ink-dim);font-size:var(--fs-xs)}.opts{display:grid;gap:2px}.opt{display:grid;grid-template-columns:16px 1fr auto auto;gap:6px;align-items:center;font-size:var(--fs-sm);padding:2px 4px;border-bottom:1px dotted #3a3040}.opt.main .on{color:var(--ink)}.opt.sub{cursor:pointer}.opt.sel{background:#5aa9f222}.opt.special{color:var(--purple)}.ov{font-variant-numeric:tabular-nums}.ochk{font-size:10px;color:var(--ink-dim)}.actions{display:flex;flex-wrap:wrap;gap:4px}.actions .px-btn{flex:1 1 auto}.sub-panel{display:grid;gap:6px}.flash-msg{padding:4px 8px;font-size:var(--fs-sm);border:1px solid}.flash-msg.ok{color:var(--gold);border-color:var(--gold);background:#f2c45a18}.flash-msg.fail{color:var(--red);border-color:var(--red);background:#e5534b18}.flash-msg.info{color:var(--ink);border-color:#4a3c30}.cand{display:flex;align-items:center;gap:8px;padding:4px;background:#1b1626;border:1px solid #4a3c30;color:var(--ink);cursor:pointer;text-align:left;min-height:44px}.cand:hover{border-color:var(--gold)}.cn{min-width:110px;font-size:var(--fs-sm)}.deltas{display:flex;flex-wrap:wrap;gap:6px;font-size:var(--fs-xs)}.deltas .up{color:var(--green)}.deltas .down{color:var(--red)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px}.choice{display:flex;align-items:center;gap:6px;padding:4px;background:#1b1626;border:1px solid #4a3c30;color:var(--ink);cursor:pointer;font-size:var(--fs-xs);text-align:left;min-height:44px}.choice:hover{border-color:var(--gold)}.st-adv{display:grid;gap:4px;padding:4px;background:#0d0a14b0;border:1px solid #3a3040}.chips{display:flex;flex-wrap:wrap;gap:3px}.chip{min-height:30px;padding:0 8px;background:#241d30;border:1px solid #4a3c30;color:var(--ink-dim);cursor:pointer;font:inherit;font-size:var(--fs-xs)}.chip.on{border-color:var(--sel);background:#5ccbff1a;color:var(--sel)}.st-grid .tip-wrap{display:block}.st-grid .tip-wrap>.cell{width:100%}.tipbody{display:grid;gap:1px;text-align:left}.tipbody .tmain{color:var(--ink)}.cand{flex-wrap:wrap}.cand .cur{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs)}.cand .cur .arrow{color:var(--gold)}.cand.already{opacity:.55;cursor:default}.choice{position:relative}.choice.on{outline:2px solid var(--sel)}.choice .owned{position:absolute;top:2px;right:4px;font-size:9px;color:var(--green)}.refine-panel{display:grid;gap:6px;padding:10px 12px;background-color:#17121f;background-clip:padding-box}.rf-row{display:grid;grid-template-columns:1fr auto 18px auto;gap:6px;align-items:center;font-size:var(--fs-sm)}.rf-row .buff{color:var(--green)}.neg{color:var(--red)}.qty-preview{font-size:var(--fs-sm)}.craft-cost{display:grid;gap:4px}.craft-cost span{display:inline-flex;align-items:center;gap:4px}.ds-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:2px}.cell .tierb{position:absolute;right:3px;bottom:1px;font-size:9px;color:var(--ink-dim);text-shadow:0 0 2px #000,0 0 2px #000}.overview{display:flex;flex-direction:column;gap:8px;padding:6px;min-height:100%}.ov-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ov-title{color:var(--gold);font-size:var(--fs-md);text-shadow:0 1px 0 #000}.ov-runs{display:grid;gap:6px}.ov-run{display:grid;gap:4px;padding:6px;background:#0d0a14b0;border:1px solid #3a3040}.ov-run.on{border-color:var(--sel)}.ov-run-main{display:flex;justify-content:space-between;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--ink);cursor:pointer;font:inherit;text-align:left}.ov-run-main:hover .ov-name{color:var(--gold)}.ov-name{font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-phase{font-size:var(--fs-xs);padding:0 6px;border:1px solid #4a3c30;color:var(--ink-dim);white-space:nowrap}.ov-phase.battling{color:#ff8a80;border-color:#a33}.ov-phase.reviving{color:#c9a8ff;border-color:#6a4c9c}.ov-stats{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:var(--fs-xs);color:var(--ink-dim);font-variant-numeric:tabular-nums}.ov-stats .full{color:var(--red)}.ov-stats .pen{color:#ffb86b}.ov-stats .px-btn{margin-left:auto;min-height:30px}.ov-feed{flex:1;min-height:120px;overflow:auto;display:flex;flex-direction:column;gap:2px;font-size:var(--fs-xs);background:#0d0a14b0;border:1px solid #3a3040;padding:4px 6px}.ov-line{line-height:1.4}.ov-line.good{color:var(--green)}.ov-line.bad{color:#ff8a80}.ov-line.battle{color:var(--gold)}.ov-line.info{color:var(--ink-dim)}.ov-tag{display:inline-block;min-width:86px;margin-right:6px;color:#8a7d95}.ov-todo{display:grid;gap:2px}.ov-todo-row{display:flex;justify-content:space-between;gap:8px;padding:4px 6px;background:#0d0a14b0;border:1px solid #3a3040;color:var(--ink-dim);cursor:pointer;font:inherit;font-size:var(--fs-xs);text-align:left;font-variant-numeric:tabular-nums}.ov-todo-row:hover{border-color:var(--sel);color:var(--ink)}.ov-todo-row.ready{color:var(--gold);border-color:#6a5430}.shell{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);max-width:560px;margin:0 auto;background:url(/res/all_image/bg_castle3.png) center / cover no-repeat,var(--bg);image-rendering:pixelated}.topbar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"res actions" "coins actions";align-items:center;gap:2px 8px;padding:0;z-index:2}.res-row{grid-area:res;display:flex;gap:14px;align-items:center}.res-row.coins{grid-area:coins;gap:10px;font-size:var(--fs-sm)}.res{display:inline-flex;align-items:center;gap:4px;text-shadow:0 1px 0 #000;font-variant-numeric:tabular-nums}.top-actions{grid-area:actions;display:flex;gap:4px}.top-actions .px-btn{min-width:var(--tap)}.main{min-height:0}.main-single{overflow:hidden;display:flex}.main-single>.tabpane{flex:1;min-width:0;overflow:auto}.col-log{display:flex;flex-direction:column}.col-log .battle-log{flex:1}.bottomnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:4px;background:#000}.navbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:64px;background:none;cursor:pointer;font-size:var(--fs-xs);padding:0;color:var(--ink-dim);transition:transform calc(.12s * var(--dur)),filter calc(.12s * var(--dur))}.navbtn:hover{filter:brightness(1.15)}.navbtn.on{color:var(--gold);filter:brightness(1.25);transform:translateY(-3px)}.navbtn.on img{animation:nav-bounce calc(.3s * var(--dur)) ease-out}@keyframes nav-bounce{40%{transform:translateY(-4px) scale(1.1)}}.navbtn,.sidetab{position:relative}.nav-badge{position:absolute;top:6px;right:10px;width:10px;height:10px;border:1px solid #000;box-shadow:0 0 4px #000;animation:badge-pulse calc(1.4s * var(--dur)) ease-in-out infinite}.nav-badge{background:url(/res/ui_frame1/ui_notification_dot.png) center / contain no-repeat;image-rendering:pixelated;border:0;box-shadow:none;width:12px;height:12px}.nav-badge.gold{filter:hue-rotate(45deg) saturate(1.6) brightness(1.3)}@keyframes badge-pulse{50%{transform:scale(1.25)}}.sidetabs{display:flex;gap:2px;padding:2px 2px 6px;border-bottom:1px solid #4a3c30;flex:none}.sidetab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 6px;background:#241d30;border:1px solid #4a3c30;color:var(--ink-dim);cursor:pointer;font:inherit;font-size:var(--fs-sm);white-space:nowrap}.sidetab:hover{filter:brightness(1.2)}.sidetab.on{color:var(--sel);border-color:var(--sel);background:#2e2438}.sidetab .nav-badge{top:3px;right:4px;width:8px;height:8px}.col-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.col-scroll>*{flex:1 0 auto}@media(min-width:1100px){.shell{max-width:none;grid-template-rows:auto minmax(0,1fr)}.topbar{grid-template-columns:auto auto 1fr auto;grid-template-areas:"res coins . actions";padding:0 12px}.shell{max-width:2000px}.main-wide{display:grid;grid-template-columns:minmax(380px,1fr) minmax(480px,1.4fr) minmax(280px,.7fr);gap:4px;padding:0 4px 4px;min-height:0}.col{display:flex;flex-direction:column;min-height:0;overflow:hidden}.col-center.focus{box-shadow:0 0 0 1px var(--gold) inset}}@media(min-width:1100px){.col-center .dpopup{max-width:min(640px,calc(100dvh - 400px));min-width:360px}.col-left .dpopup{max-width:min(100%,calc(100dvh - 400px))}}@media(min-width:1100px){.col-center .dlist.dslots{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.col-center .dlist.dslots>:not(.dslot-wrap){grid-column:1 / -1}.col-left .castle-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.col-left .castle-btn{min-height:60px;gap:6px;padding:0 6px}.col-left .castle-btn img{width:32px;height:32px}.col-left .castle-name{font-size:var(--fs-md)}.col-left .castle>.guide-w{min-height:60px}}@media(min-width:2400px)and (min-height:1300px){.shell{zoom:2;height:50dvh;max-width:1280px}}