:root{--gold: #ffd977;--ink: #0d0b10;--parchment: #e9dfc8;--font-title: "Cinzel", "Times New Roman", serif;--font-body: "IM Fell English", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0d0b10;color:var(--parchment);font-family:var(--font-body);overflow:hidden;-webkit-user-select:none;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#numbers{position:fixed;inset:0;pointer-events:none;overflow:hidden}#numbers .dmg{position:absolute;left:0;top:0;font-family:var(--font-title);font-weight:700;font-size:18px;text-shadow:0 0 6px #000,0 2px 2px #000;will-change:transform,opacity}#numbers .dmg.crit{font-size:24px;letter-spacing:1px}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.hud{position:absolute;inset:0;pointer-events:none}.hud .top{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:flex-start;gap:14px}.bar{position:relative;height:16px;background:#0000008c;border:1px solid rgba(255,255,255,.2);border-radius:3px;overflow:hidden}.bar>i{position:absolute;inset:0;width:0%;transition:width .15s}.bar>span{position:absolute;inset:0;font-size:11px;line-height:16px;text-align:center;font-family:var(--font-title);letter-spacing:1px;text-shadow:0 1px 2px #000}.hp>i{background:linear-gradient(#ff6a6a,#b8202e)}.xp>i{background:linear-gradient(#8fd0ff,#2c6fd6)}.hud .left{width:min(300px,40vw);display:flex;flex-direction:column;gap:6px}.hud .center{flex:1;text-align:center;font-family:var(--font-title);font-size:26px;color:var(--gold);text-shadow:0 2px 6px #000}.hud .center small{display:block;font-size:12px;color:#ccc;letter-spacing:2px}.hud .right{text-align:right;font-family:var(--font-title);font-size:14px;text-shadow:0 1px 3px #000}.slots{display:flex;gap:5px;flex-wrap:wrap}.slot{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);background:#00000080 center/cover;border-radius:4px;position:relative}.slot b{position:absolute;right:2px;bottom:0;font-size:11px;font-family:var(--font-title);color:#fff;text-shadow:0 0 3px #000}.slot.max{box-shadow:0 0 8px var(--gold)}.bossbar{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(560px,80vw);text-align:center;font-family:var(--font-title);font-size:13px;letter-spacing:2px;color:#ff9a9a;text-shadow:0 1px 3px #000;display:none}.bossbar .bar{margin-top:4px;height:10px}.bossbar .bar>i{background:linear-gradient(#ff8a8a,#8a0f1e)}.toasts{position:absolute;top:20%;left:0;right:0;text-align:center;pointer-events:none}.toast{font-family:var(--font-title);font-size:22px;letter-spacing:2px;text-shadow:0 2px 8px #000,0 0 20px rgba(0,0,0,.8);animation:toast 3s forwards}@keyframes toast{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a080e8c,#0a080ee6);animation:fade .25s;padding:16px;overflow:auto}@keyframes fade{0%{opacity:0}to{opacity:1}}.panel{max-width:980px;width:100%;text-align:center}.panel h1{font-family:var(--font-title);font-weight:700;font-size:clamp(34px,7vw,64px);margin:0 0 6px;color:var(--gold);letter-spacing:4px;text-shadow:0 0 30px rgba(255,217,119,.35),0 3px 0 #5a4210}.panel h2{font-family:var(--font-title);font-weight:500;font-size:clamp(20px,3.5vw,30px);margin:0 0 14px;letter-spacing:3px}.panel p{margin:6px 0;color:#cfc6b2}.cards{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:18px 0}.card{width:230px;min-height:300px;background:linear-gradient(180deg,#221c28f2,#0e0c12fa);border:2px solid var(--rc, #888);border-radius:10px;padding:12px;cursor:pointer;text-align:left;transition:transform .12s,box-shadow .12s;box-shadow:0 8px 30px #0009;display:flex;flex-direction:column}.card:hover,.card:focus{transform:translateY(-6px) scale(1.03);box-shadow:0 0 24px var(--rc),0 12px 30px #0009;outline:none}.card .thumb{height:120px;border-radius:6px;background:#1d1922 center/cover;border:1px solid rgba(255,255,255,.1)}.card .name{font-family:var(--font-title);font-size:17px;margin:10px 0 2px;color:#fff}.card .meta{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--rc)}.card .body{font-size:15px;color:#d8cfbb;margin-top:8px;flex:1}.card .key{font-family:var(--font-title);font-size:11px;color:#777;margin-top:8px}button,.btn{font-family:var(--font-title);font-size:16px;letter-spacing:2px;padding:12px 26px;color:var(--ink);background:linear-gradient(#ffe9a8,#d9a83c);border:0;border-radius:6px;cursor:pointer;box-shadow:0 4px #6f5218,0 8px 20px #00000080}button:hover{filter:brightness(1.08)}button:active{transform:translateY(2px);box-shadow:0 2px #6f5218}button.ghost{background:transparent;color:var(--parchment);border:1px solid rgba(255,255,255,.3);box-shadow:none}button:disabled{opacity:.5;cursor:default}input[type=text]{font-family:var(--font-body);font-size:18px;padding:12px 14px;width:min(560px,90vw);background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;outline:none}input[type=text]:focus{border-color:var(--gold)}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0;align-items:center}.forge-result{margin:16px auto;max-width:560px;text-align:left;background:#00000073;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:14px;display:flex;gap:14px}.forge-result img{width:110px;height:110px;border-radius:6px;object-fit:cover;background:#1d1922}.forge-result .tags{font-size:12px;color:#999;margin-top:6px}.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.chip{font-size:13px;padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#0006;cursor:pointer}.chip:hover{border-color:var(--gold)}.lb{width:min(560px,100%);margin:8px auto;border-collapse:collapse;font-size:14px}.lb td,.lb th{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.lb th{font-family:var(--font-title);font-size:12px;letter-spacing:2px;color:#aaa}.build{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0}.build .slot{width:56px;height:56px}.help{font-size:14px;color:#9c927c;margin-top:18px}.stick{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#00000040;pointer-events:none;display:none}.stick>div{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#ffffff73}.loading{font-family:var(--font-title);letter-spacing:3px;color:var(--gold)}.loading .bar{width:min(420px,80vw);margin:12px auto}.loading .bar>i{background:var(--gold)}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}.lowhp{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #ff142800;transition:box-shadow .3s}.lowhp.on{box-shadow:inset 0 0 140px #ff14288c;animation:pulse 1s infinite alternate}@keyframes pulse{to{box-shadow:inset 0 0 90px #ff14284d}}@media(max-width:700px){.card{width:46%;min-height:240px}.card .thumb{height:80px}.hud .center{font-size:20px}}.buffs{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}.buff{position:relative;font-family:var(--font-title);font-size:11px;letter-spacing:1px;padding:2px 7px 4px;border:1px solid;border-radius:10px;background:#0000008c;overflow:hidden}.buff i{position:absolute;left:0;bottom:0;height:2px;opacity:.8}.prompt{position:absolute;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 56px);left:50%;transform:translate(-50%);min-width:260px;text-align:center;font-family:var(--font-title);font-size:15px;letter-spacing:1px;text-shadow:0 1px 3px #000;display:none;background:#00000073;padding:6px 14px 8px;border-radius:8px}.prompt .bar{height:5px;margin-top:5px}.hud .right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}#minimap{width:170px;height:170px;margin-top:6px;pointer-events:none}.arrow{position:absolute;left:0;top:0;pointer-events:none;display:none}.arrow i{position:absolute;left:-9px;top:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:16px solid #fff;filter:drop-shadow(0 0 4px #000);transform-origin:9px 8px}.arrow span{position:absolute;left:14px;top:-8px;white-space:nowrap;font-family:var(--font-title);font-size:11px;letter-spacing:1px;text-shadow:0 1px 3px #000,0 0 6px #000}.slowtime{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#78c8ff00 40%,#78c8ff38);opacity:0;transition:opacity .4s}.slowtime.on{opacity:1}.sbtag{color:#9be7ff!important}.panel.wide{max-width:1180px}.scroll{max-height:64vh;overflow:auto}.lb tr.click{cursor:pointer}.lb tr.click:hover{background:#ffd97714}.muted{color:#9c927c}.bstrip{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin:6px 0}.bslot{position:relative;width:34px;height:34px;flex:none;border:1px solid #888;border-radius:4px;background:#1d1922 center/cover}.bslot b{position:absolute;right:2px;bottom:0;font-size:10px;font-family:var(--font-title);color:#fff;text-shadow:0 0 3px #000}.cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;text-align:left}.cols h3,.panel h3{font-family:var(--font-title);font-size:15px;letter-spacing:2px;color:var(--gold);margin:14px 0 6px;text-align:left}.dmgtable{max-width:560px;margin:8px auto;text-align:left}.dmgrow{display:grid;grid-template-columns:auto minmax(90px,1fr) minmax(80px,1.2fr) auto;gap:8px;align-items:center;margin:4px 0;font-size:14px}.dmgtable .dmgrow{grid-template-columns:minmax(120px,1fr) minmax(80px,1.4fr) auto}.dmgrow small{color:#8a806c}.dbar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.dbar i{display:block;height:100%;background:linear-gradient(90deg,#ffb347,#ff5a1a)}.num{font-variant-numeric:tabular-nums;color:#cfc6b2;white-space:nowrap}.timeline{max-height:34vh;overflow:auto;text-align:left;font-size:14px;border-top:1px solid rgba(255,255,255,.08)}.tl{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}.spark{width:100%;height:90px;background:#0000004d;border-radius:6px}.sandbox{position:absolute;top:262px;right:12px;bottom:12px;width:min(380px,92vw);display:flex;flex-direction:column;background:#0c0a10e6;border:1px solid rgba(155,231,255,.35);border-radius:10px;font-family:system-ui,sans-serif;font-size:13px;color:#e9e3d6;pointer-events:auto;box-shadow:0 10px 40px #0009}.sandbox:has(>.sb-toggle){background:none;border:0;box-shadow:none;bottom:auto;width:auto}.sandbox button{font-family:system-ui,sans-serif;font-size:12px;letter-spacing:0;padding:4px 8px;margin:1px;border-radius:5px;color:#e9e3d6;background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:none}.sandbox button:hover{background:#9be7ff2e}.sandbox button.on{background:#9be7ff47;border-color:#9be7ff;color:#fff}.sandbox button.danger{border-color:#ff6a6a80;color:#ffb0b0}.sandbox .sb-toggle{background:#0c0a10e6;border-color:#9be7ff;font-size:13px;padding:8px 12px}.sb-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);color:#9be7ff;letter-spacing:2px}.sb-tabs{display:flex;flex-wrap:wrap;padding:6px 8px;gap:2px;border-bottom:1px solid rgba(255,255,255,.1)}.sb-body{overflow:auto;padding:8px 10px 14px;flex:1}.sb-body h4{margin:10px 0 4px;font-size:12px;letter-spacing:1px;color:#9be7ff;text-transform:uppercase}.sb-row{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin:4px 0}.sb-row input[type=text]{font-size:13px;padding:6px 8px;width:100%}.sb-row select{background:#1d1922;color:#eee;border:1px solid #444;border-radius:5px;padding:4px}.sb-item{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sb-item img{width:36px;height:36px;border-radius:4px;object-fit:cover;background:#1d1922}.sb-meta small{color:#9c927c}.sb-ctrl{white-space:nowrap}.sb-ctrl b{display:inline-block;min-width:16px;text-align:center}.sb-muted{color:#9c927c}.sb-warn{color:#ffb347}.sb-enemy{display:flex;justify-content:space-between;align-items:center;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sb-forge pre{max-height:180px;overflow:auto;font-size:11px;background:#0006;padding:6px;border-radius:5px}@media(max-width:700px){.cols{grid-template-columns:1fr}#minimap{width:110px;height:110px}.sandbox{top:auto;height:55vh}}@media(prefers-reduced-motion:reduce){.overlay,.toast,.lowhp.on{animation:none!important}.toast{opacity:1}}.overlay.soft{background:radial-gradient(ellipse at center,#0a080e1f,#0a080e59 55%,#0a080eb3)}.overlay.soft .panel h2{text-shadow:0 2px 10px #000,0 0 24px #000}.overlay.soft .help,.overlay.soft p{text-shadow:0 1px 4px #000}.bslot[data-item],.dmgrow[data-item],.slot[data-item]{cursor:pointer}.bslot[data-item]:hover,.slot[data-item]:hover{box-shadow:0 0 10px var(--gold)}.dmgrow[data-item]:hover{background:#ffd9770f}.item-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#08060cb8;padding:16px;font-family:var(--font-body);color:var(--parchment)}.im-panel{position:relative;width:min(780px,100%);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#221c2a,#120f17);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:18px 20px;text-align:left;box-shadow:0 20px 60px #000000b3}.im-close{position:absolute;top:10px;right:10px;padding:4px 10px;font-size:14px}.im-head{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;padding-right:36px}.im-head img{width:120px;height:120px;border-radius:8px;object-fit:cover;background:#1d1922}.im-name{font-family:var(--font-title);font-size:24px}.im-meta{font-size:12px;letter-spacing:2px;text-transform:uppercase}.im-sec{margin-top:14px}.im-sec h4{font-family:var(--font-title);font-size:13px;letter-spacing:2px;color:var(--gold);margin:0 0 6px}.im-sec ul,.im-sec ol{margin:0;padding-left:22px}.im-sec li{margin:3px 0}.im-sec a{color:#9be7ff}.im-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px}.im-stats div{background:#00000059;border-radius:6px;padding:5px 8px;font-size:12px;color:#aaa}.im-stats b{display:block;font-size:17px;color:#fff}.im-origin{background:#9be7ff14;border:1px solid rgba(155,231,255,.25);border-radius:8px;padding:8px 10px}.im-lineage{margin-top:6px;font-size:14px}.im-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;vertical-align:middle;margin-right:3px;border:1px solid #0006}.im-panel pre{font-size:11px;max-height:260px;overflow:auto;background:#0006;padding:8px;border-radius:6px}.libgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:60vh;overflow:auto;padding:4px;text-align:left}.libcard{border:2px solid #888;border-radius:8px;padding:8px;background:#14101aeb;cursor:pointer;transition:transform .1s}.libcard:hover{transform:translateY(-3px)}.libcard .lthumb{height:90px;border-radius:5px;background:#1d1922 center/cover}.libcard .lname{font-family:var(--font-title);font-size:14px;margin-top:6px}.libcard .lmeta{font-size:12px;color:#aaa}.libcard .lorigin{font-size:11px;color:#9be7ff}.lib-filters select{background:#1d1922;color:#eee;border:1px solid #444;border-radius:6px;padding:11px;font-family:var(--font-body);font-size:15px}@media(max-width:700px){.im-head{grid-template-columns:80px 1fr}.im-head img{width:80px;height:80px}}.frame-soft{background:linear-gradient(180deg,#261f2ee0,#0e0b12f0);border:1px solid rgba(255,217,119,.22);border-radius:12px;box-shadow:inset 0 1px #ffffff0f,0 18px 50px #0000008c;position:relative}.frame-soft:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,217,119,.08);border-radius:9px;pointer-events:none}.shards{color:#9be7ff;font-family:var(--font-title);letter-spacing:1px;text-shadow:0 0 10px rgba(155,231,255,.5)}.shards.big{font-size:30px;margin:4px 0 12px}.pips{display:inline-flex;gap:3px;margin:4px 0}.pips i{width:10px;height:4px;border-radius:2px;background:#ffffff24}.pips i.on{background:var(--gold);box-shadow:0 0 4px #ffd97799}.pips i.next{background:#9be7ff;animation:blink 1s infinite alternate}@keyframes blink{to{opacity:.35}}.badge{position:absolute;top:10px;right:10px;z-index:2;font-family:var(--font-title);font-size:10px;letter-spacing:1.5px;padding:3px 8px;border-radius:10px;background:#000000b3;border:1px solid rgba(255,255,255,.25);color:#ddd}.badge.new{color:#9be7ff;border-color:#9be7ff}.badge.evo{color:#ffd977;border-color:#ffd977;box-shadow:0 0 12px #ffd97780}.reward .badge,.rw-title .badge{position:static;margin-left:8px}.overlay.menu{background:radial-gradient(ellipse at 30% 40%,#0a080e1a,#0a080e8c 60%,#060509eb)}.menu-wrap{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center}.menu-left{text-align:left}.menu-left h1{font-family:var(--font-title);font-size:clamp(40px,6.2vw,78px);margin:0;line-height:1;letter-spacing:3px;white-space:nowrap;padding:0 .1em .08em 0;background:linear-gradient(180deg,#fff3c9 10%,#ffd977 45%,#a8741c 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #3a2808) drop-shadow(0 0 30px rgba(255,190,90,.35))}.crest{font-size:28px;color:var(--gold);text-shadow:0 0 18px var(--gold)}.subtitle{font-style:italic;color:#cfc6b2;font-size:18px;margin:6px 0 22px;text-shadow:0 1px 4px #000}.menu-name input{width:min(360px,100%)}.menu-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px;width:min(360px,100%)}.menu-buttons button{text-align:left;display:flex;justify-content:space-between;align-items:center}.menu-buttons button.ghost{background:linear-gradient(90deg,#0000008c,#00000026);border:1px solid rgba(255,217,119,.18);transition:padding .12s,border-color .12s}.menu-buttons button.ghost:hover{padding-left:34px;border-color:var(--gold);color:#fff}.menu-buttons button.primary{font-size:20px;padding:16px 26px}.menu-right{padding:22px;text-align:center}.hero-portrait{height:260px;border-radius:10px;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--hc) 35%,transparent),transparent 65%),#120f17;background-size:contain,cover;background-repeat:no-repeat;background-position:center;border:1px solid rgba(255,255,255,.08)}.hero-name,.hc-name{font-family:var(--font-title);font-size:26px;margin-top:12px;letter-spacing:2px}.menu-records{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}.menu-records div,.ov-kpis div,.wc-stats div{background:#00000059;border-radius:6px;padding:6px;font-size:11px;color:#9c927c;text-transform:uppercase;letter-spacing:1px}.menu-records b,.ov-kpis b,.wc-stats b{display:block;font-size:17px;color:#fff;font-family:var(--font-title);text-transform:none;letter-spacing:0}@media(max-width:820px){.menu-wrap{grid-template-columns:1fr}.menu-left{text-align:center}.menu-buttons,.menu-name input{margin-left:auto;margin-right:auto}.hero-portrait{height:160px}}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;text-align:center;margin:12px 0}.hero-card{border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;background:linear-gradient(180deg,#221c28f2,#0e0c12fa);display:flex;flex-direction:column;gap:4px;transition:transform .12s,border-color .12s}.hero-card:hover{transform:translateY(-3px);border-color:var(--hc)}.hero-card.sel{border-color:var(--hc);box-shadow:0 0 26px color-mix(in srgb,var(--hc) 45%,transparent)}.hero-card.locked .hc-thumb{filter:grayscale(1) brightness(.45)}.hc-thumb{height:150px;border-radius:8px;background:#120f17 center/cover}.hero-card p{flex:1;font-size:14px}.hc-name{font-size:18px;margin-top:6px}.hc-start{font-size:13px;color:#aaa;display:flex;gap:6px;align-items:center;justify-content:center}.hc-start img{width:26px;height:26px;border-radius:4px}.reliq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;text-align:left;max-height:58vh;overflow:auto;padding:4px}.reliq{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#14101ae6;border:1px solid rgba(255,255,255,.1)}.reliq img{width:48px;height:48px;border-radius:6px;object-fit:cover;background:#1d1922}.reliq.maxed{border-color:#ffd97780}.rq-name{font-family:var(--font-title);font-size:15px}.reliq .muted{font-size:13px}.reliq button{padding:8px 12px;font-size:13px;min-width:70px}.panel.settings{max-width:560px}.set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.set-row button{padding:6px 12px;font-size:12px;margin-left:4px}.set-row input[type=range]{width:200px;accent-color:#ffd977}.set-row input[type=checkbox]{width:20px;height:20px;accent-color:#ffd977}.hud .left{width:min(340px,44vw)}.hud-char{display:flex;gap:8px;align-items:stretch}.hud-portrait{position:relative;width:58px;height:58px;flex:none;border-radius:50%;background:#120f17 center/150% no-repeat;border:2px solid var(--hc);box-shadow:0 0 12px color-mix(in srgb,var(--hc) 45%,transparent),inset 0 0 12px #000}.hud-portrait b{position:absolute;right:-6px;bottom:-4px;min-width:24px;height:24px;padding:0 5px;border-radius:12px;background:linear-gradient(#ffe9a8,#b8862a);color:#1a1208;font-family:var(--font-title);font-size:13px;line-height:24px;text-align:center;box-shadow:0 2px 6px #000}.hud-bars{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.bar.hp{height:20px}.bar.hp>span{line-height:20px}.bar.hp>em{position:absolute;inset:0;width:0;background:#ffebc88c;transition:none}.bar.hp>i{z-index:1}.bar.hp>span{z-index:2}.bar.xp{height:10px}.bar.xp>span{font-size:9px;line-height:10px}.bar{border-radius:10px;border-color:#ffd97740;box-shadow:inset 0 2px 4px #0009}.hp>i{background:linear-gradient(180deg,#ff8a8a,#d8283a 55%,#8e1020)}.xp>i{background:linear-gradient(180deg,#b3e4ff,#2c6fd6);box-shadow:0 0 8px #78beff99}.dash-meter{position:relative;height:5px;border-radius:3px;background:#0000008c;overflow:hidden}.dash-meter i{position:absolute;inset:0;width:0;background:#9be7ff;opacity:.5}.dash-meter.ready i{opacity:1;box-shadow:0 0 6px #9be7ff}.dash-meter span{display:none}.slot{width:38px;height:38px;border-radius:7px;overflow:hidden;box-shadow:0 2px 8px #0009}.slot.relic{width:30px;height:30px;border-radius:50%}.slot s{position:absolute;inset:0;background:conic-gradient(rgba(0,0,0,.62) var(--k, 0deg),transparent 0);opacity:0;pointer-events:none}.hud .center #timer{font-size:32px;letter-spacing:3px;background:linear-gradient(#fff3c9,#ffd977 60%,#b8862a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px #000)}.combo{opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s;margin-top:4px}.combo.on{opacity:1;transform:scale(calc(1 + var(--ck, 0) * .35))}.combo b{font-size:26px;color:hsl(calc(45 - var(--ck, 0) * 45),100%,65%);text-shadow:0 0 14px currentColor,0 2px 3px #000}.combo span{display:block;font-size:10px;letter-spacing:3px;color:#ddd}.hud-counters{display:grid;grid-template-columns:auto auto;gap:0 6px;align-items:baseline;font-family:var(--font-title)}.hud-counters span{font-size:18px;color:#fff;text-align:right}.hud-counters small{font-size:10px;letter-spacing:2px;color:#aaa;text-align:left}#minimap{border-radius:50%;box-shadow:0 0 0 2px #ffd97759,0 0 0 5px #00000080,0 6px 20px #0009}.toast{font-size:26px;padding:6px 0;text-shadow:0 2px 6px #000,0 0 18px rgba(0,0,0,.9),0 0 36px rgba(0,0,0,.6)}.bossbar #bossname{font-size:16px;letter-spacing:4px}.bossbar .bar{height:14px;border-color:#ff787880}.card{position:relative;overflow:hidden;width:240px;border-width:1px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--rc) 22%,transparent),transparent 60%),linear-gradient(180deg,#221c28f7,#0c0a10fc);animation:cardin .35s both}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}@keyframes cardin{0%{opacity:0;transform:translateY(24px) rotateX(20deg)}to{opacity:1;transform:none}}.card .card-shine{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);transform:translate(-60%);transition:transform .6s;pointer-events:none}.card:hover .card-shine{transform:translate(60%)}.card.rarity-legendary,.card.rarity-epic{box-shadow:0 0 30px color-mix(in srgb,var(--rc) 40%,transparent),0 8px 30px #0009}.card .thumb{height:110px}.deltas{list-style:none;margin:8px 0 0;padding:6px 8px;background:#00000059;border-radius:6px;font-size:13px;font-family:system-ui,sans-serif;color:#a8e6a0}.deltas li:before{content:"▲ ";font-size:9px;color:#6fd06a}.agency{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.agency button{font-size:13px;padding:8px 16px;background:#0009}.agency b{color:#9be7ff;margin-left:4px}.cards.banishing .card{border-color:#ff6a6a}.cards.banishing .card:hover{box-shadow:0 0 30px #ff3b3b;filter:saturate(.4)}.overlay.pause{background:radial-gradient(ellipse at center,#0a080e99,#060509f2);align-items:flex-start}.panel.sheet{text-align:left;margin-top:2vh}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid rgba(255,217,119,.2);padding-bottom:8px}.sheet-head h2{margin:0;color:var(--gold)}.sheet-tabs{display:flex;gap:4px;flex-wrap:wrap}.sheet-tabs button{font-size:12px;padding:8px 14px;background:#0006;color:var(--parchment);border:1px solid rgba(255,255,255,.12);box-shadow:none}.sheet-tabs button.on{background:linear-gradient(#ffe9a8,#d9a83c);color:var(--ink)}.sheet-body{max-height:70vh;overflow:auto;padding:14px 2px}.sheet-body h4{font-family:var(--font-title);font-size:13px;letter-spacing:2px;color:var(--gold);margin:14px 0 6px}.ov-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:16px}.ov-hero{padding:16px;text-align:center}.ov-portrait{height:170px;border-radius:8px;background:#120f17 center/cover}.ov-name{font-family:var(--font-title);font-size:22px;margin-top:8px}.ov-bars{display:flex;flex-direction:column;gap:5px;margin:10px 0}.ov-bars .bar.xp{height:16px}.ov-bars .bar.xp>span{font-size:11px;line-height:16px}.ov-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;text-align:center}.ov-build{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-top:12px}.bslot.big{width:44px;height:44px}.stat-table{width:100%;border-collapse:collapse;font-size:14px}.stat-table th{font-family:var(--font-title);font-size:11px;letter-spacing:2px;color:#9c927c;text-align:left;padding:4px 6px}.stat-table td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.stat-table td.num{font-size:16px;color:#fff;font-family:var(--font-title)}.chip-src{display:inline-block;font-size:11px;font-family:system-ui,sans-serif;padding:1px 6px;margin:1px 2px;border-radius:8px;border:1px solid #666;background:#00000059}.chip-src.good{color:#a8e6a0}.chip-src.bad{color:#ff9a9a}.good{color:#a8e6a0}.wcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.wcard{padding:12px}.wc-head{display:grid;grid-template-columns:56px 1fr;gap:10px;cursor:pointer}.wc-head img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#1d1922}.wc-name{font-family:var(--font-title);font-size:16px}.wc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0;text-align:center}.wc-stats b{font-size:14px}.wc-perf{font-size:12px;color:#aaa}.wc-perf .dbar{margin-bottom:3px}.wc-sec{margin-top:6px;font-size:13px}.wc-sec h5{margin:0;font-family:var(--font-title);font-size:10px;letter-spacing:2px;color:#9c927c}.pgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.pcard{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:10px;margin-bottom:8px;cursor:pointer;font-size:14px}.pcard img{width:50px;height:50px;border-radius:50%;object-fit:cover}.buffrow{border-left:3px solid;padding:4px 8px;margin:4px 0;background:#0000004d;font-size:13px}.elrow{display:grid;grid-template-columns:80px 1fr 30px;gap:8px;align-items:center;font-size:13px;margin:3px 0}.link{cursor:pointer;text-decoration:underline dotted}.evo-ready td{background:#ffd97714}.dbar.hurt i{background:linear-gradient(90deg,#ff8a8a,#b8202e)}@media(max-width:760px){.ov-grid,.pgrid{grid-template-columns:1fr}}.reward{max-width:420px;margin:12px auto;padding:12px 18px;text-align:left}.rw-title{font-family:var(--font-title);letter-spacing:2px;color:#9be7ff;margin-bottom:6px}.rw-row{display:flex;justify-content:space-between;font-size:15px;padding:2px 0;animation:cardin .4s both}.rw-row b{color:#9be7ff}.rw-total{font-family:var(--font-title);font-size:26px;color:#9be7ff;text-align:right;border-top:1px solid rgba(155,231,255,.25);margin-top:6px;padding-top:4px;text-shadow:0 0 12px rgba(155,231,255,.5)}.rw-total small{font-size:13px;color:#aaa}@media(prefers-reduced-motion:reduce){.card,.rw-row{animation:none!important}}.omen-row{display:flex;align-items:stretch;gap:6px;width:min(360px,100%);margin-top:12px}.omen-step{padding:6px 12px!important;font-size:20px!important}.omen{flex:1;background:#00000080;border:1px solid rgba(255,90,90,.35);border-radius:6px;padding:6px 10px;text-align:center}.omen b{display:block;font-family:var(--font-title);color:#ff9a8a;letter-spacing:1px}.omen small{color:#bbb;font-size:12px}@media(max-width:820px){.omen-row{margin-left:auto;margin-right:auto}}.ov-kpis{grid-template-columns:repeat(4,1fr)}.ov-kpis div{padding:4px;font-size:10px}.ov-kpis b{font-size:14px}.panel.shop{max-width:760px}.shop-coins{font-family:var(--font-title);font-size:22px;color:#ffd977!important}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px;text-align:left}.shop-item{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#14101aeb;border:1px solid rgba(255,217,119,.2)}.shop-item img{width:48px;height:48px;border-radius:6px;object-fit:cover;background:#1d1922}.shop-item.sold{opacity:.45}.shop-item button{padding:8px 12px;font-size:13px;min-width:74px}.banner{font-family:var(--font-title);text-align:center;animation:toast 4.2s forwards;margin-bottom:8px}.banner small{display:block;font-size:13px;letter-spacing:6px;color:#ddd;text-shadow:0 1px 4px #000}.banner b{display:block;font-size:clamp(28px,4.5vw,46px);letter-spacing:3px;font-weight:700;color:var(--bc);text-shadow:0 0 24px color-mix(in srgb,var(--bc) 50%,transparent),0 3px 6px #000}.banner.small b{font-size:clamp(18px,2.4vw,28px);letter-spacing:1px;font-weight:500;max-width:min(820px,90vw);margin:0 auto;line-height:1.25}.banner:after{content:"";display:block;width:min(420px,60vw);height:1px;margin:6px auto 0;background:linear-gradient(90deg,transparent,var(--bc),transparent)}.overlay.loading-screen{background:linear-gradient(180deg,#06050926,#0605090d 45%,#060509d9),url(/img/loading.webp) center / cover no-repeat,#0d0b10;align-items:flex-end;padding-bottom:9vh}.overlay.loading-screen .panel.loading h1{font-size:clamp(44px,8vw,96px);background:linear-gradient(180deg,#fff3c9 10%,#ffd977 45%,#a8741c 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #3a2808) drop-shadow(0 0 30px rgba(0,0,0,.8))}.overlay.loading-screen .panel.loading>div:not(.bar){text-shadow:0 2px 6px #000}.quest-tracker{position:absolute;left:12px;top:250px;width:min(300px,40vw);display:flex;flex-direction:column;gap:6px;pointer-events:none}.qt{background:linear-gradient(90deg,#0009,#0000);border-left:3px solid var(--qc);padding:4px 8px;font-size:13px;text-shadow:0 1px 2px #000}.qt b{display:block;font-family:var(--font-title);font-size:12px;letter-spacing:1px;color:var(--qc)}.qt em{font-style:normal;color:#fff;font-family:var(--font-title)}.qt small{float:right;color:#9c927c;font-size:10px;margin-top:-16px}.panel.board{max-width:1040px}.board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:12px 0}.notice{text-align:left;padding:14px;border-radius:6px;background:linear-gradient(180deg,#d9c7a0,#b89c6e);color:#2a1e12;box-shadow:0 10px 30px #0009,inset 0 0 30px #5a3c1459;border-top:4px solid var(--qc);transform:rotate(-.6deg);display:flex;flex-direction:column;gap:6px}.notice:nth-child(2){transform:rotate(.8deg)}.notice p{color:#3a2a18!important;font-size:14px}.n-name{font-family:var(--font-title);font-size:19px;color:#2a1e12}.notice ol{margin:0;padding-left:20px;font-size:13px}.n-reward{font-family:var(--font-title);font-size:12px;color:#5a3a10}.notice button{align-self:flex-start;margin-top:auto}.jq{padding:12px;margin-bottom:10px}.jq ol{padding-left:20px}.jq li.done{color:#6fd06a;text-decoration:line-through}.jq li.now{color:#fff;font-weight:700}@media(max-width:700px){.quest-tracker{top:auto;bottom:90px}}.recap{max-width:460px;margin:10px auto;padding:10px 16px;text-align:left}.recap .dmgrow{grid-template-columns:minmax(110px,1fr) minmax(80px,1.3fr) auto}.card.pact{min-height:220px}.card.pact .name{font-size:20px;margin-top:4px}.deltas.bane{color:#ff9a8a}.deltas.bane li:before{content:"▼ ";color:#ff6a6a}.pact-chip{align-self:flex-start;margin-top:2px;font-family:var(--font-title);font-size:10px;letter-spacing:1.5px;padding:2px 8px;border-radius:10px;border:1px solid var(--pc);color:var(--pc);background:#0000008c;pointer-events:auto}