:root{--bg:#15111c;--bg-2:#0f0c15;--panel:#1f1a29;--panel-2:#2a2336;--panel-3:#342b44;--line:#3e3453;--line-2:#574a73;--text:#efe9f7;--muted:#a59cb8;--gold:#e6bd4f;--gold-2:#a67c1f;--ink:#1b1624;--red:#d8443c;--blue:#3f74d8;--good:#6fcf8a;--bad:#ef6b62;--xp:#9a86f5;--legacy:#9a6cf0;--font-display:"Do Hyeon", "Jua", "Malgun Gothic", system-ui, sans-serif;--font-body:"Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-num:"Silkscreen", ui-monospace, "D2Coding", Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg)}body{color:var(--text);font:15px/1.5 var(--font-body);margin:0}img,canvas{max-width:100%}button,select,input{font:inherit;color:var(--text)}.num{font-family:var(--font-num);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:.86em}.title{font-family:var(--font-display);letter-spacing:.01em;font-weight:400}.small{font-size:13px}.muted{color:var(--muted)}.warn-text{color:#ffb3ad}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:400}h2{font-size:22px}h3{font-size:17px}p{max-width:65ch;margin:6px 0}canvas.ico,canvas.face,canvas.portrait{image-rendering:pixelated;vertical-align:middle;display:inline-block}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn{font-family:var(--font-display);background:var(--panel-3);border:2px solid var(--line-2);cursor:pointer;border-bottom-width:4px;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:15px;line-height:1.2;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:default}.btn.go{background:var(--gold);color:var(--ink);border-color:var(--gold-2)}.btn.go:hover:not(:disabled){border-color:var(--gold-2);background:#f2cf6a}.btn.warn{color:#ffd1cd;background:#3a1e24;border-color:#8d241f}.btn.ghost{background:0 0}.btn.on{background:var(--gold);color:var(--ink);border-color:var(--gold-2)}.btn.mini{border-bottom-width:3px;padding:2px 8px;font-size:13px}.btn.big{padding:8px 22px;font-size:20px}.btn.glow{border-color:var(--legacy);background:#3a2a5c;animation:1.6s ease-in-out infinite glow;box-shadow:0 0 12px #9a6cf080}@keyframes glow{50%{box-shadow:0 0 2px #9a6cf033}}@media (prefers-reduced-motion:reduce){.btn.glow{animation:none}}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.tight{gap:4px}.top{border-bottom:2px solid var(--line);background:var(--bg-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;display:flex}.banner{height:54px;image-rendering:pixelated}.res{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{background:var(--panel-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 5px;font-size:13px;display:inline-flex}.chip b{color:var(--muted);font-weight:400}.chip.stat.pri{border-color:var(--gold)}.chips{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.toast{top:calc(env(safe-area-inset-top,0px) + 70px);z-index:30;border:2px solid var(--red);color:#ffd1cd;font-family:var(--font-display);background:#2a1718;border-radius:8px;max-width:calc(100vw - 32px);padding:8px 14px;position:fixed;left:50%;transform:translate(-50%)}.toast.good{border-color:var(--good);color:#d4f5dd;background:#16281c}.dot{background:var(--legacy);color:#fff;min-width:18px;height:18px;font:700 11px var(--font-num);border-radius:9px;place-items:center;padding:0 4px;display:inline-grid}.tag{background:var(--panel-3);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:11px}.tag.boss{color:#ffc0b8;background:#5a1c1a}.tag.ascend{color:#ffcf9a;background:#4a2a1a}.tag.repeat,.tag.away{color:#b8e0ff;background:#1a3a4a}.camp,.run{flex-direction:column;gap:12px;max-width:1240px;margin:0 auto;padding:12px 16px 24px;display:flex}.scene{border:2px solid var(--line);background:#0c0d1b;border-radius:8px;position:relative;overflow:hidden}.camp-canvas{aspect-ratio:640/240;width:100%;image-rendering:pixelated;display:block}.scene-title{text-shadow:0 2px #000;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:8px;left:12px}.scene-title .title{color:var(--gold);font-size:22px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{font-family:var(--font-display);background:var(--panel);border:2px solid var(--line);cursor:pointer;border-radius:8px 8px 4px 4px;align-items:center;gap:6px;padding:5px 14px 5px 8px;font-size:16px;display:inline-flex}.tab.on{background:var(--panel-3);border-color:var(--gold);color:var(--gold)}.tab-body{min-width:0}.card{background:var(--panel);border:2px solid var(--line);border-radius:8px;min-width:0;padding:12px}.card-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.first{flex-direction:column;gap:8px;display:flex}.prep{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.formation{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.fslot{background:var(--panel-2);border:2px solid var(--line-2);text-align:center;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-height:150px;padding:10px 4px 8px;display:flex;position:relative}.fslot .order{color:var(--gold);position:absolute;top:4px;left:6px}.fslot.empty{color:var(--muted);border-style:dashed;justify-content:center}.fslot.empty .big{font-size:22px}.fslot.locked{opacity:.5;border-style:dashed;justify-content:center}.bench{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.bench-pick{background:var(--panel-2);border:1px solid var(--line-2);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:13px;display:inline-flex}.bench-pick:hover{border-color:var(--gold)}.modes{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.mode{text-align:center;background:var(--panel-2);border:2px solid var(--line-2);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;display:flex}.mode b{font-family:var(--font-display);font-size:18px;font-weight:400}.mode.on{border-color:var(--gold);background:#2e2616}.hero-tab{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:12px;display:grid}.hero-list{flex-direction:column;gap:6px;display:flex}.hero-pick{text-align:left;background:var(--panel);border:2px solid var(--line);cursor:pointer;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:8px;padding:6px 8px;display:grid;position:relative}.hero-pick .face{grid-row:span 2}.hero-pick.on{border-color:var(--gold);background:var(--panel-3)}.hero-pick .hp-name{font-family:var(--font-display);font-size:17px}.hero-pick .hp-lv{color:var(--xp)}.hero-pick .dot{position:absolute;top:6px;right:6px}.hire{border:2px dashed var(--line-2);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.hire input{background:var(--panel-2);border:1px solid var(--line-2);border-radius:4px;padding:5px 8px}.sheet{flex-direction:column;gap:12px;min-width:0;display:flex}.sheet-top{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.frame{border:2px solid var(--line-2);background:radial-gradient(circle at 50% 70%,#3a2a50,#1a1424 70%);border-radius:10px;padding:10px 14px 4px}.sheet-id{flex-direction:column;flex:1;gap:4px;min-width:240px;display:flex}.sheet-id .sub{color:var(--muted);font-size:15px}.lvline{align-items:center;gap:8px;display:flex}.lv{color:var(--xp);white-space:nowrap}input[type=range]{accent-color:var(--gold);width:140px}.skills{background:var(--panel);border:2px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.skills-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp{font-family:var(--font-display);background:var(--panel-2);border:2px solid var(--line-2);border-radius:6px;padding:3px 12px;font-size:18px}.sp b{font-size:18px}.sp.has{border-color:var(--legacy);background:#3a2a5c;box-shadow:0 0 10px #9a6cf066}.toggle{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:inline-flex}.toggle input{accent-color:var(--gold);width:16px;height:16px}.slots{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.slot{background:var(--bg-2);border:2px dashed var(--line-2);border-radius:6px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.slot.on{border-style:solid;border-color:var(--gold);background:var(--panel-2);cursor:pointer}.slots .ult{background:linear-gradient(90deg,#ff6a4a2e,#0000);border:1px solid #ff6a4a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin-left:6px;padding:3px 8px 3px 4px;display:inline-flex}.slots .ult b{color:#ffcf5a}.trees{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;display:grid}.tree-box{min-width:0;overflow-x:auto}.tree-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.tree{grid-template-columns:44px repeat(var(--cols), minmax(76px, 1fr));align-items:stretch;gap:18px 8px;display:grid}.bname{font-family:var(--font-display);color:var(--muted);text-align:center;align-self:end;font-size:14px}.tier{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;font-size:11px;display:flex}.tier.open b{color:var(--gold)}.node{background:var(--bg-2);border:2px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-height:92px;padding:6px 2px 5px;display:flex;position:relative}.node.empty{visibility:hidden}.node .nm{text-align:center;font-size:12px;line-height:1.2}.node.got{background:var(--panel-2);border-color:#7a6a9a}.node.can{border-color:var(--legacy);box-shadow:0 0 10px #9a6cf073}.node.lock{opacity:.45;filter:grayscale(.7)}.node.sel{outline:2px solid var(--gold);outline-offset:1px}.node.after:before{content:"";background:var(--line-2);width:4px;height:18px;margin-left:-2px;position:absolute;top:-20px;left:50%}.node.after.got:before{background:#b99cff}.node .plus{background:var(--legacy);color:#fff;width:20px;height:20px;font:700 14px/20px var(--font-num);border-radius:50%;position:absolute;top:-8px;right:-6px}.node .tag{position:absolute;bottom:-9px}.pips{gap:3px;display:inline-flex}.pips i{background:var(--bg);border:1px solid var(--line-2);width:7px;height:7px;transform:rotate(45deg)}.pips i.on{background:var(--gold);border-color:var(--gold-2)}.detail{background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;padding:10px}.detail .title{font-size:18px}.cost{opacity:.7;font-size:12px}.shop{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.item{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.item b{font-family:var(--font-display);font-size:17px;font-weight:400}.price{color:var(--gold);align-items:center;display:inline-flex}.legacy .notice{border:2px dashed var(--legacy);background:#221a33;border-radius:8px;max-width:none;padding:10px 12px}.legacy.closed .branches{opacity:.6}.branches{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px;display:grid}.lrow{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.lgate{text-align:center;color:var(--muted);border-top:2px dotted var(--line-2);margin:10px 0 8px;padding-top:6px}.lnode{text-align:center;background:var(--bg-2);border:2px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;display:flex}.lnode b{font-family:var(--font-display);font-size:15px;font-weight:400}.lnode.got{background:var(--panel-2);border-color:#7a6a9a}.lnode.can{border-color:var(--legacy)}.lnode.lock{opacity:.5}.records{flex-direction:column;gap:12px;display:flex}.result.returned h3{color:var(--good)}.result.wiped h3{color:#f2d98a}.result.died h3{color:var(--bad)}.graves{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.grave{text-align:center;background:#2a2632;border:2px solid #4a4458;border-radius:40px 40px 6px 6px;flex-direction:column;align-items:center;gap:1px;padding:12px 6px 8px;display:flex}.grave .rip{color:var(--muted)}.grave b{font-family:var(--font-display);font-size:16px;font-weight:400}.grave.drowned{background:#1f2c34;border-color:#2f6f7c}.grave .tag{border-radius:6px;padding:0 6px}.grave .tag.drowned{color:#8ae0f0;background:#18414c}.grave .tag.freed{color:#ffe28a;background:#3a3220}.result .freed{color:#9af0d0;margin:6px 0 0}.stage-wrap{border:2px solid var(--line);background:#0b0811;border-radius:8px;position:relative;overflow:hidden}.stage{aspect-ratio:16/9;width:100%;image-rendering:pixelated;display:block}.hud-tl{background:#0c0812b8;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;max-width:60%;padding:4px 8px;display:flex;position:absolute;top:8px;left:8px}.hud-tl .title{color:var(--gold);font-size:18px}.hud-tr{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.seg{border:2px solid var(--line-2);background:#0c0812cc;border-radius:6px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;font:700 11px var(--font-num);background:0 0;border:0;padding:3px 9px}.seg button.on{background:var(--gold);color:var(--ink)}.zones{flex-wrap:wrap;gap:3px;display:flex}.zchip{border:1px solid var(--line-2);background:var(--panel);border-radius:4px;place-items:center;width:22px;height:22px;display:inline-grid;position:relative}.zchip.cur{border-color:var(--gold);box-shadow:0 0 6px #e6bd4f99}.zchip.done{opacity:.5}.zchip .ok{color:var(--good);font-size:11px;position:absolute;bottom:-5px;right:-3px}.decide{border:2px solid var(--gold);background:#140e1eed;border-radius:10px;flex-direction:column;gap:8px;width:min(560px,100% - 24px);padding:12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.decide .title{font-size:18px}.party-hud{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.member{background:var(--panel);border:2px solid var(--line);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;display:grid}.member.down{opacity:.55;filter:grayscale(.8)}.m-body{flex-direction:column;gap:3px;min-width:0;display:flex}.m-body b{font-family:var(--font-display);font-size:16px;font-weight:400}.pots{align-items:center;gap:2px;margin-left:auto;display:inline-flex}.bar{border:1px solid var(--line);background:#120f19;border-radius:3px;flex:1;min-width:90px;height:14px;position:relative;overflow:hidden}.bar .fill{transition:width .2s;position:absolute;inset:0 auto 0 0}.bar span{font:700 10px/12px var(--font-num);text-shadow:0 1px #000;padding:0 6px;position:relative}.bar.xp .fill{background:var(--xp);opacity:.8}.bar.thin{height:6px}.bar.thin span{display:none}.bar.hp .fill{background:var(--good)}.bar.hp.low .fill{background:var(--bad)}.death-card{text-align:center;background:#0e0810e6;border:2px solid #6a2230;border-radius:10px;flex-direction:column;align-items:center;gap:8px;width:min(420px,100% - 24px);max-height:calc(100% - 16px);padding:16px 20px;animation:.6s ease-out death-in;display:flex;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 40px #c8283259}.death-card .death-title{font-family:var(--font-display);letter-spacing:.2em;color:#ff5a5a;text-shadow:0 0 18px #ff3c3c99;padding-left:.2em;font-size:40px;line-height:1}.death-card .death-list{flex-direction:column;align-self:stretch;gap:6px;display:flex}.death-card .death-row{text-align:left;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.death-card .death-row .face{justify-self:center}.death-card .death-who{flex-direction:column;min-width:0;display:flex}.death-card .death-who b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.death-card .face.dead{filter:grayscale()brightness(.8)}@keyframes death-in{0%{opacity:0;transform:translate(-50%,-46%)}}@media (prefers-reduced-motion:reduce){.death-card{animation:none}}.dungeons .dline{flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:6px;display:flex}.dungeons .dline-name{width:38px;color:var(--muted,#a39cb4);align-self:center}.dcard{border:1px solid #3a3150;border-left:4px solid var(--dc);min-width:132px;color:inherit;cursor:pointer;text-align:left;background:#1e1929;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.dcard.sel{border-color:var(--dc);box-shadow:0 0 0 1px var(--dc) inset, 0 0 10px color-mix(in srgb, var(--dc) 35%, transparent)}.dcard.locked{opacity:.55;cursor:default}.dcard .dmon{gap:2px;margin-top:4px;display:flex}.dcard .portrait.mon{image-rendering:pixelated}.warn-text{color:#ffb35a;margin:4px 0}.bar.mp{height:10px}.bar.mp span{font-size:8px;line-height:8px}.bar.mp .fill{background:linear-gradient(90deg,#2f6ad0,#5aa0ff)}.ult.locked{opacity:.55;filter:grayscale(.7)}.bar.gauge{height:10px}.bar.gauge span{font-size:8px;line-height:8px}.bar.gauge .fill{background:linear-gradient(90deg,#c8702a,#ffcf5a)}.bar.gauge.full{border-color:#ffcf5a;box-shadow:0 0 6px #ffcf5a99}.bar.gauge.full .fill{background:linear-gradient(90deg,#ffcf5a,#fff1a6);animation:.5s steps(2,end) infinite gauge-full}@keyframes gauge-full{50%{filter:brightness(1.35)}}@media (prefers-reduced-motion:reduce){.bar.gauge.full .fill{animation:none}}.logbox{background:var(--panel);border:2px solid var(--line);border-radius:8px;padding:6px 12px}.logbox summary{cursor:pointer;font-family:var(--font-display);color:var(--muted)}.log{max-height:260px;margin-top:6px;font:12.5px/1.55 ui-monospace,D2Coding,Consolas,monospace;overflow-y:auto}.ln{white-space:pre-wrap;padding:1px 0}.ln.floor{color:var(--gold);margin-top:6px;font-weight:700}.ln.zone{color:#c9c2e8}.ln.fight{color:#ffb39a;margin-top:4px}.ln.combat{color:#d6d1e4}.ln.sys{color:var(--muted)}.ln.good{color:var(--good)}.ln.bad{color:var(--bad)}.ln.loot{color:#f2d98a}.ln.level{color:#c6b8ff;font-weight:700}.ln.end{color:var(--gold);font-weight:700}.modal{z-index:20;background:#08060cb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--panel);border:2px solid var(--gold);border-radius:10px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:16px;position:relative;overflow:auto}.dialog.wide{width:min(1040px,100%)}.dialog .close{cursor:pointer;width:30px;height:30px;color:var(--muted);background:0 0;border:0;font-size:22px;position:absolute;top:6px;right:8px}.asi{flex-direction:column;gap:8px;display:flex}.asi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.asi-pick{background:var(--panel-2);border:2px solid var(--line-2);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.asi-pick:hover:not(:disabled){border-color:var(--gold)}.asi-pick.pri{border-color:var(--gold-2)}.asi-pick b{font-family:var(--font-display);font-size:17px;font-weight:400}.gear-tab{gap:12px;display:grid}.gear-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:8px;display:grid}.gear-card{background:var(--panel-2);border:2px solid var(--line);border-left:4px solid var(--gc,var(--line-2));border-radius:6px;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;min-width:0;padding:6px 8px;display:grid}.gear-card.tier-unique{box-shadow:0 0 10px #ffd24a40}.gear-card.tier-rare{box-shadow:0 0 12px #3fe0b04d}.gear-card.tier-chase{background:linear-gradient(135deg, #2e1a26, var(--panel-2));box-shadow:0 0 16px #ff3a5a73}.gear-ico{background:var(--bg-2);border:1px solid var(--gc,var(--line));border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.gear-body{flex-direction:column;min-width:0;display:flex}.gear-name{color:var(--gc,var(--text));font-family:var(--font-display);font-size:15px;font-weight:400}.gear-name .stars{color:#ffd24a;font-size:12px}.gear-grade{color:var(--muted)}.gear-lines{color:#d9d2e8;margin:2px 0 0;padding-left:16px}.gear-lines li:first-child{color:var(--text)}.gear-act{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.equip{margin:10px 0}.equip-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.eslot{background:var(--panel-2);border:2px solid var(--line);border-bottom:3px solid var(--gc,var(--line-2));cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 4px;display:flex}.eslot.sel{border-color:var(--gold)}.eslot:disabled{opacity:.6;cursor:default}.eslot-name{color:var(--gc,var(--muted));text-align:center;overflow-wrap:anywhere}.eslot-empty{color:var(--line-2);font-size:20px;line-height:28px}.equip-pick{gap:6px;margin-top:8px;display:grid}.keep{flex-wrap:wrap;gap:8px}.keep .seg button{font:400 13px var(--font-body)}.keep .seg button.on{background:var(--panel-3);color:inherit;box-shadow:inset 0 -3px}.codex-row{gap:6px;margin-top:8px;display:grid}.codex-tier{font-family:var(--font-display);font-weight:400}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;display:grid}.codex-card{background:var(--panel-2);border:2px solid var(--line);border-top:3px solid var(--gc);border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.codex-card.unknown{opacity:.6;border-top-style:dashed}.codex-card b{font-family:var(--font-display);color:var(--gc);font-weight:400}.result-gear{gap:6px;margin-top:8px;display:grid}@media (width<=900px){.prep,.hero-tab,.trees,.branches{grid-template-columns:minmax(0,1fr)}.hero-list{flex-flow:wrap}.hero-pick{flex:180px}}@media (width<=560px){.banner{height:36px}.formation{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-tl{background:var(--panel);border-radius:0;max-width:calc(100% - 16px);position:static}.hud-tr{background:var(--panel);justify-content:flex-start;padding:6px;position:static}.decide{border-radius:0;width:100%;position:static;transform:none}.death-card{border-radius:0;width:100%;max-height:none;animation:none;position:static;transform:none}.asi-grid,.equip-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-grid,.codex-grid{grid-template-columns:minmax(0,1fr)}.tree{grid-template-columns:34px repeat(var(--cols), minmax(64px, 1fr));gap:16px 4px}}