:root{--bg:#0f1624;--panel:#162235ee;--panel2:#1d2c44;--line:#2d4163;--ink:#f3ecdc;--muted:#9fb0c8;--gold:#f2c14e;--gold2:#b8861c;--blue:#3d73d6;--red:#ff5a4a;--green:#6cff8a;--purple:#c07bff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font:14px/1.35 Trebuchet MS,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.btn{background:linear-gradient(#26395a,#1a2a44);color:var(--ink);border:2px solid var(--line);border-radius:10px;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer;transition:transform .08s,border-color .15s}.btn:hover{border-color:var(--gold);transform:translateY(-1px)}.btn.on{border-color:var(--gold);background:linear-gradient(#3a4f78,#26395a);box-shadow:0 0 0 2px #f2c14e44 inset}.btn.big{background:linear-gradient(#f5cc5a,#c9921f);color:#2a1a05;border-color:#ffe39a;font-size:18px;padding:12px 26px;text-shadow:0 1px 0 #fff6}.btn.dis{opacity:.45}kbd{background:#0008;border:1px solid #fff3;border-radius:4px;padding:0 4px;font-size:10px;color:var(--muted);font-family:inherit}.logo{font-size:64px;font-weight:900;letter-spacing:.02em;margin:0;line-height:1;color:#e8eefc;text-shadow:0 4px 0 #1b2c52,0 6px 18px #000a;-webkit-text-stroke:2px #1b2c52}.logo span{color:var(--gold)}#loading{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at top,#26406e,#0f1624 70%);z-index:30}#loading .box{text-align:center;width:min(440px,90vw)}#loading .bar{height:12px;border-radius:6px;background:#0008;border:2px solid var(--line);overflow:hidden;margin:26px 0 10px}#loading .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold2),var(--gold));transition:width .15s}#loading .msg{color:var(--muted)}#menu{position:fixed;inset:0;display:grid;place-items:center;z-index:20;background:linear-gradient(90deg,#0f1624cc,#0f162455 45%,transparent);overflow:auto;padding:16px}.title{justify-self:start;margin-left:6vw;max-width:520px}.title .tag{font-size:20px;color:var(--gold);margin:8px 0 26px;font-weight:700;letter-spacing:.06em}.title .buttons{display:grid;gap:10px;max-width:320px}.title .foot{color:var(--muted);margin-top:22px}.panel{background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:22px 26px;width:min(1000px,96vw);max-height:92vh;overflow:auto;box-shadow:0 20px 60px #000a}.panel h2{margin:0 0 12px;font-size:28px;color:var(--gold)}.panel h3{margin:14px 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#cfe0ff}.panel h3 small{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400}.panel .row{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:18px;flex-wrap:wrap}.diffs,.abils{display:flex;flex-wrap:wrap;gap:8px}.sealgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.sealcard{position:relative;text-align:left;background:var(--panel2);border:2px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);font:inherit;cursor:pointer;min-height:74px}.sealcard b{display:block;color:#fff}.sealcard small{color:var(--muted);display:block;margin-top:3px}.sealcard.on{border-color:var(--gold);box-shadow:0 0 0 2px #f2c14e55 inset}.sealcard.secret{border-style:dashed}.sealcard.secret small{font-style:italic}.sealcard .mult{position:absolute;top:8px;right:10px;color:var(--gold);font-weight:800;font-size:12px}.sealcard .tier{position:absolute;bottom:6px;right:10px;font-size:11px;font-weight:800;text-transform:uppercase}.t-bronze{border-color:#b07a45}.t-bronze .tier{color:#e0a060}.t-silver{border-color:#aab4c2}.t-silver .tier{color:#dfe7f2}.t-gold{border-color:#e8b52a}.t-gold .tier{color:var(--gold)}.t-mythic{border-color:#c07bff;box-shadow:0 0 14px #c07bff66}.t-mythic .tier{color:#e0b8ff}.crowns{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.crown{background:var(--panel2);border-radius:10px;padding:10px;opacity:.55}.crown.got{opacity:1;border:2px solid var(--gold)}.crown small{display:block;color:var(--muted)}.dinfo{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0}.dinfo b{color:var(--gold)}.dtitle{color:#fff!important;font-size:22px!important;text-transform:none!important}.board table{width:100%;border-collapse:collapse}.board td,.board th{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left}.settings label{display:block;margin:10px 0}.settings select,.settings input{font:inherit;background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 8px}.results.win h2{color:var(--gold);font-size:40px}.results.lose h2{color:var(--red);font-size:34px}.results .dmg div{display:grid;grid-template-columns:80px 1fr 44px;gap:8px;align-items:center;margin:3px 0}.results .dmg i{height:10px;background:linear-gradient(90deg,var(--gold2),var(--gold));border-radius:5px}.results .secret{color:var(--purple);font-weight:700}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:center;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:6px 12px;box-shadow:0 6px 20px #0008;white-space:nowrap}.hud-top .res{display:flex;gap:5px;align-items:center;font-size:18px;font-weight:800}.hud-top .res i{font-style:normal}.res.gold i{color:var(--gold)}.res.mat i{color:#9fe8ff}.res.corpse i{color:#c8c0b0}.res.corpse{font-size:14px!important;opacity:.8}.hud-top .lvl{display:grid;gap:2px;min-width:120px}.hud-top .lvl span{font-weight:800;font-size:12px;color:var(--muted)}.hud-top .lvl b{color:#fff;font-size:15px}.xp{height:8px;border-radius:4px;background:#0008;overflow:hidden}.xp .fill{height:100%;background:linear-gradient(90deg,#3d73d6,#9fe8ff);width:0}.hud-top .clock{display:grid;text-align:center;min-width:90px}.hud-top .clock b{font-size:20px}.hud-top .clock small{color:var(--gold);font-size:11px;font-weight:700}.hud-top .core{display:grid;gap:2px;min-width:120px}.hud-top .core span{font-size:11px;color:var(--muted);font-weight:800}.hud-top .core .bar{height:10px;border-radius:5px;background:#0008;overflow:hidden}.hud-top .core .fill{height:100%;background:linear-gradient(90deg,#39d98a,#8cf0b5)}.hud-top .core .bar.low .fill{background:linear-gradient(90deg,#ff5a4a,#ff9a6a);animation:blink .5s infinite alternate}@keyframes blink{to{opacity:.55}}.hud-top .btn{padding:4px 10px}.hud-seals{position:absolute;top:10px;right:10px;display:grid;gap:4px;justify-items:end;pointer-events:none}.hud-seals .score{background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:4px 10px;font-weight:800}.hud-seals .score b{color:var(--gold)}.hud-seals .seal{background:#0009;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700}.hud-seals .seal.ok{color:var(--green)}.hud-seals .seal.broken{color:var(--red);text-decoration:line-through;opacity:.8}.hud-event{position:absolute;top:66px;left:50%;transform:translate(-50%);background:#7a1f2a;border:2px solid #ff8a8a;border-radius:10px;padding:3px 12px;font-weight:800;display:none;pointer-events:none}.hud-event.on{display:block}.hud-build{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:6px;max-width:calc(100vw - 360px);overflow-x:auto}.bcard{position:relative;width:76px;min-width:76px;height:92px;background:var(--panel2);border:2px solid var(--line);border-bottom:3px solid var(--cat);border-radius:10px;color:var(--ink);font:inherit;cursor:pointer;padding:2px;display:grid;justify-items:center;align-content:start}.bcard img{width:56px;height:56px;image-rendering:auto}.bcard .name{font-size:10px;font-weight:700;line-height:1.05;text-align:center;height:21px;overflow:hidden}.bcard .cost{position:absolute;top:2px;right:4px;font-size:11px;font-weight:800;color:var(--gold)}.bcard kbd{position:absolute;top:2px;left:3px}.bcard .lock{display:none;position:absolute;inset:0;place-items:center;font-size:22px;background:#0009;border-radius:8px}.bcard.locked{opacity:.55}.bcard.locked .lock{display:grid}.bcard.poor .cost{color:var(--red)}.bcard.on{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 6px 14px #f2c14e44}.bcard:hover{border-color:#fff8}.hud-abil{position:absolute;bottom:14px;left:14px;display:flex;gap:8px}.ability{position:relative;width:62px;height:62px;border-radius:50%;border:3px solid var(--line);background:var(--panel2);color:#fff;font-size:28px;cursor:pointer;overflow:hidden}.ability .cd{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:800;background:conic-gradient(#000b var(--cd,0%),transparent 0)}.ability.ready{border-color:var(--gold);box-shadow:0 0 12px #f2c14e88}.ability.targeting{border-color:#ff6a2a;animation:blink .3s infinite alternate}.ability kbd{position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.hud-insp{position:absolute;right:10px;top:120px;width:300px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:12px;max-height:calc(100vh - 250px);overflow:auto;box-shadow:0 10px 30px #0009}.hud-insp .ih{display:flex;gap:10px;align-items:center}.hud-insp .ih img{width:52px;height:52px}.hud-insp .ih b{font-size:17px;display:block}.hud-insp .tier{color:var(--gold);font-weight:700;font-size:12px}.hud-insp .x{margin-left:auto;background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer}.hpbar{position:relative;height:16px;background:#0008;border-radius:8px;overflow:hidden;margin:8px 0}.hpbar .fill{height:100%;background:linear-gradient(90deg,#39d98a,#8cf0b5)}.hpbar span{position:absolute;inset:0;text-align:center;font-size:11px;font-weight:800;line-height:16px}.hud-insp .desc{color:var(--muted);margin:4px 0 8px;font-size:12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;font-size:12px;color:var(--muted);margin-bottom:8px}.stats b{color:#fff}.syns{display:grid;gap:4px;margin:8px 0}.syn{font-size:12px;background:#0006;border-radius:8px;padding:5px 8px}.syn.on{border-left:3px solid var(--purple)}.syn.on b{color:#e0c8ff}.syn small{display:block;color:var(--muted)}.syn.off{color:var(--muted);font-style:italic}.evohint{font-size:11px;color:var(--muted);margin:6px 0}.hud-insp .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hud-insp .btn{padding:5px 8px;font-size:12px}.hud-insp .btn span{color:var(--gold)}.hud-insp .evo{width:100%;border-color:var(--purple);margin-top:4px}.hud-insp .prio{margin-bottom:4px}.max{color:var(--gold);font-weight:800}.hud-tip{position:fixed;max-width:320px;background:#0b1320f2;border:2px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px;pointer-events:none;z-index:40}.hud-tip b{font-size:13px}.hud-tip p{margin:4px 0}.hud-tip small{display:block;color:var(--muted)}.hud-tip .cost{color:var(--gold);font-weight:800}.hud-tip .syn{color:#e0c8ff;background:none;padding:0}.hud-tip .evo{color:var(--gold)}.hud-tip .bad{color:var(--red);font-weight:700}.hud-toasts{position:absolute;top:74px;left:50%;transform:translate(-50%);display:grid;gap:4px;justify-items:center;pointer-events:none}.toast{background:#0b1320e8;border:2px solid var(--line);border-radius:10px;padding:5px 12px;font-weight:700;transition:opacity .4s}.toast.out{opacity:0}.toast.good{border-color:var(--green)}.toast.bad{border-color:var(--red);color:#ffc2bb}.toast.warn{border-color:var(--gold)}.hud-banner{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%) scale(.85);text-align:center;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.hud-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.hud-banner b{display:block;font-size:44px;font-weight:900;letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px #1b2c52;text-shadow:0 4px 0 #1b2c52,0 0 30px #000}.hud-banner span{display:inline-block;margin-top:6px;background:#0b1320cc;border-radius:10px;padding:4px 12px;font-size:16px;font-weight:700}.hud-banner.synergy b{color:#e0c8ff;text-shadow:0 4px 0 #3a1f6a,0 0 26px #c07bff}.hud-banner.evolve b{color:var(--gold)}.hud-banner.boss b{color:#ff8a7a;font-size:54px}.hud-banner.event b{color:#ffd9a0}.hud-floats{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floater{position:absolute;left:0;top:0;font-weight:900;font-size:14px;color:#fff;text-shadow:0 2px 0 #000,0 0 6px #000;white-space:nowrap}.floater.gold{color:var(--gold)}.floater.big{font-size:22px}.floater.mat{color:#9fe8ff}.floater.syn{color:#e0c8ff;font-size:13px}.floater.bad{color:var(--red)}.hud-modal{position:absolute;inset:0;background:#0b1320aa;display:grid;place-items:center;z-index:5}.draft{text-align:center}.draft h2{font-size:30px;color:var(--gold);margin:0 0 16px;text-shadow:0 3px 0 #000}.draft .cards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.card{position:relative;width:230px;min-height:260px;background:linear-gradient(#22365a,#162235);border:3px solid var(--line);border-radius:16px;padding:14px;color:var(--ink);font:inherit;cursor:pointer;display:grid;align-content:start;justify-items:center;gap:6px;transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-6px);border-color:var(--gold)}.card img{width:96px;height:96px}.card .glyph{font-size:54px;height:96px;display:grid;place-items:center}.card b{font-size:17px}.card p{margin:0;color:#dfe6f2;font-size:13px}.card p small{color:var(--muted)}.card .type{position:absolute;top:8px;right:10px;font-size:10px;font-weight:800;color:var(--muted)}.card kbd{position:absolute;top:8px;left:10px}.card.greed{border-color:#b8861c;background:linear-gradient(#4a3510,#1e1a10)}.card.greed .type{color:var(--gold)}.card.blueprint{border-color:#3d73d6}.card.reserve{border-color:var(--purple)}.card.relic{border-color:#9fe8ff}.draft .row{justify-content:center;margin-top:16px;display:flex;gap:12px;align-items:center}.draft .more{color:var(--muted)}.pausemenu{background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:10px;width:min(520px,92vw);text-align:center}.pausemenu h2{margin:0;color:var(--gold)}.pausemenu .help{color:var(--muted);font-size:12px;text-align:left;margin-top:8px}.hud-debug{position:absolute;left:10px;top:10px;background:#000a;padding:3px 8px;border-radius:6px;font:12px monospace;pointer-events:none}.mode-build #game{cursor:crosshair}@media(max-width:900px){.hud-top{gap:8px;padding:4px 8px}.hud-top .lvl,.hud-top .core{min-width:70px}.bcard{width:62px;min-width:62px;height:80px}.bcard img{width:44px;height:44px}.hud-insp{width:240px}.logo{font-size:44px}}