:root{--bg:#100c1a;--bg-2:#181226;--panel:#211a33;--panel-2:#2c2344;--panel-3:#3a2f58;--edge:#0a0710;--line:#4a3d6e;--text:#f1ecfa;--muted:#a397c2;--dim:#6d6290;--gold:#ffc23d;--gold-dark:#b87a18;--ally:#62b6ff;--enemy:#ff6a6a;--hp:#5ee07a;--hp-dark:#2a8a44;--hp-low:#ff5a4a;--shield:#b8d4ff;--energy:#ffd84a;--display:"Press Start 2P", monospace;--title:"Pixelify Sans", "Nunito", sans-serif;--body:"Nunito", system-ui, sans-serif;--spr:clamp(76px, 10.5vw, 128px)}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% -10%, #34245a 0, transparent 55%), repeating-linear-gradient(0deg, transparent 0 3px, #ffffff03 3px 4px), var(--bg);min-height:100vh;color:var(--text);font-family:var(--body);margin:0;font-size:16px;font-weight:600;line-height:1.3}#app{max-width:1180px;margin:0 auto;padding:16px}button{font:inherit;color:inherit}.spr{width:var(--spr);height:var(--spr);image-rendering:auto;background-repeat:no-repeat;background-size:800% 100%}.spr.idle{animation:idle var(--cycle,1.6s) steps(1) infinite}.spr.portrait{background-position:2.517% 0;background-size:1280% 160%;width:100%;height:100%}@keyframes idle{0%{background-position:0 0}12.5%{background-position:14.286% 0}25%{background-position:28.571% 0}37.5%{background-position:42.857% 0}50%{background-position:57.143% 0}62.5%{background-position:71.429% 0}75%{background-position:85.714% 0}87.5%{background-position:100% 0}}.px-box,.card,.panel,.hud-top,.dock,.result,.logbox{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), inset 0 3px 0 2px #ffffff0f, 0 4px 0 var(--edge)}.btn{font-family:var(--title);letter-spacing:1px;background:var(--panel-3);border:3px solid var(--edge);box-shadow:inset 0 -4px 0 #0000004d, inset 0 2px 0 #ffffff26, 0 4px 0 var(--edge);cursor:pointer;white-space:nowrap;padding:14px 18px;font-size:15px;font-weight:600}.btn.primary{color:#fff8e8;text-shadow:2px 2px #6a1a10;background:linear-gradient(#f0663a,#c83c24)}.btn.small{padding:8px 10px;font-size:13px}.btn:disabled{filter:grayscale(.8)brightness(.7);cursor:not-allowed}.badge{background:var(--panel-2);border:2px solid var(--edge);color:var(--muted);align-items:center;gap:4px;margin:0 4px 0 0;padding:1px 6px;font-size:14px;display:inline-flex}.badge.el{color:var(--c)}.gem{background:var(--c);width:8px;height:8px;transform:rotate(45deg);box-shadow:inset -2px -2px #00000059,inset 2px 2px #ffffff59}.stars{gap:2px;display:inline-flex}.star{background:var(--dim);clip-path:polygon(50% 0,63% 35%,100% 38%,72% 60%,82% 100%,50% 78%,18% 100%,28% 60%,0 38%,37% 35%);width:10px;height:10px}.star.on{background:var(--gold)}.card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title b{font-family:var(--title);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.logo{text-align:center;margin:8px 0 28px}.logo h1{font-family:var(--display);color:var(--gold);letter-spacing:3px;text-shadow:0 4px 0 var(--gold-dark), 0 8px 0 #5a2a10, 0 12px 18px #00000080;margin:0;font-size:clamp(26px,6vw,52px);font-weight:400}.logo h1 span{color:#ff7a4a;text-shadow:0 4px #a83820,0 8px #5a1a10,0 12px 18px #00000080}.logo p{color:var(--muted);letter-spacing:1px;margin:18px 0 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.section-head h2{font-family:var(--title);margin:0;font-size:17px;font-weight:600}.hint{color:var(--dim)}.roster{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;padding-bottom:110px;display:grid}.card{--spr:104px;text-align:left;cursor:pointer;border-color:var(--edge);padding:0;transition:transform .12s steps(2,end);position:relative}.card:hover{transform:translateY(-4px)}.card-art{background:radial-gradient(ellipse at 50% 86%, #00000073 0 22%, transparent 23%), linear-gradient(color-mix(in srgb, var(--el-dark) 55%, #120c1e), color-mix(in srgb, var(--el) 35%, #120c1e));border-bottom:3px solid var(--r);place-items:center;height:128px;margin:5px 5px 0;display:grid;position:relative;overflow:hidden}.card-art:before{content:"";background:repeating-linear-gradient(90deg,#ffffff0a 0 2px,#0000 2px 8px);position:absolute;inset:0}.card-art .spr{margin-top:4px;position:relative}.card .lv{color:var(--muted);background:#0a0710b3;padding:0 5px;font-size:14px;position:absolute;top:6px;left:6px}.card .check{width:24px;height:24px;font-family:var(--title);background:var(--gold);color:#3a2008;border:2px solid var(--edge);place-items:center;font-size:15px;font-weight:600;display:none;position:absolute;top:6px;right:6px}.card.on{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 3px var(--gold), 0 4px 0 3px var(--edge), 0 0 26px #ffc23d40}.card.on .check{display:grid}.card .stars .star.on{background:var(--r)}.badges{margin:6px 0 8px}.stat{grid-template-columns:30px 1fr 36px;align-items:center;gap:6px;margin-top:3px;font-size:14px;display:grid}.stat span{color:var(--dim)}.stat b{text-align:right;font-weight:500}.stat .bar{background:var(--edge);height:6px}.stat .bar i{background:linear-gradient(var(--el), color-mix(in srgb, var(--el) 60%, #000));height:100%;display:block}.dock{z-index:10;align-items:center;gap:16px;width:min(1148px,100% - 32px);padding:10px 12px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.dock-team{gap:8px;display:flex}.dock-slot{background:var(--bg-2);border:2px dashed var(--line);width:56px;height:56px;padding:0}.dock-slot.filled{border:2px solid var(--gold);cursor:pointer;background:var(--panel-2)}.dock-stage{border-left:4px solid var(--c);flex-direction:column;flex:1;padding-left:10px;display:flex}.dock-stage small{color:var(--dim)}.dock-stage b{font-family:var(--title);margin-top:4px;font-size:15px;font-weight:600}.islands{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:26px;display:grid}.island{aspect-ratio:2;text-align:left;image-rendering:pixelated;border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);cursor:pointer;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;padding:0;display:flex;position:relative;overflow:hidden}.island:after{content:"";background:linear-gradient(#0000 30%,#08050ed9);position:absolute;inset:0}.island>*{z-index:1;padding:0 8px;position:relative}.island-name{font-family:var(--title);text-shadow:1px 1px #000;font-size:12px;font-weight:600;line-height:1.6}.island-meta{color:var(--muted);align-items:center;gap:4px;padding-bottom:6px;font-size:12px;display:flex}.island-meta .gem{width:6px;height:6px}.island:hover{filter:brightness(1.15)}.island.on{box-shadow:inset 0 0 0 2px var(--c), 0 0 0 3px var(--gold), 0 4px 0 3px var(--edge)}.card .info{width:22px;height:22px;font-family:var(--title);border:2px solid var(--line);color:var(--text);cursor:pointer;background:#0a0710bf;padding:0;font-size:13px;font-weight:600;position:absolute;bottom:6px;right:6px}.card .info:hover{border-color:var(--gold)}.tier-tag{background:var(--gold);color:#3a2008;border:2px solid var(--edge);padding:0 5px;font-size:12px;position:absolute;bottom:6px;left:6px}.card.tier3 .tier-tag{background:linear-gradient(90deg,#ffc23d,#ff7ae0,#7ad0ff)}.xpbar{background:var(--edge);height:5px;margin:0 5px}.xpbar i{background:linear-gradient(90deg,#7a5cff,#b48cff);height:100%;display:block}.xpbar.max i{background:var(--gold)}.detail{background:var(--panel);border:3px solid var(--edge);width:min(560px,100%);max-height:92vh;box-shadow:inset 0 0 0 2px var(--r), 0 6px 0 var(--edge);padding:20px;animation:.3s steps(3,end) pop;position:relative;overflow-y:auto}.detail .close{background:var(--panel-2);border:2px solid var(--edge);cursor:pointer;width:30px;height:30px;padding:0;position:absolute;top:10px;right:10px}.detail-head{align-items:center;gap:14px;display:flex}.detail-head>div:last-child{flex:1}.detail-head .xpbar{height:7px;margin:8px 0 0}.detail-portrait{--spr:112px;background:linear-gradient(color-mix(in srgb, var(--el-dark) 55%, #120c1e), color-mix(in srgb, var(--el) 35%, #120c1e));border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--el)}.detail h3{font-family:var(--title);color:var(--muted);margin:20px 0 10px;font-size:14px;font-weight:600}.muted{color:var(--muted);margin:4px 0 0}.evo{align-items:center;gap:6px;display:flex}.evo-step{--spr:96px;background:var(--bg-2);border:2px solid var(--edge);text-align:center;flex-direction:column;flex:1;align-items:center;padding:8px 4px;display:flex}.evo-step b{font-family:var(--title);margin-top:4px;font-size:13px;font-weight:600}.evo-step small{color:var(--dim);font-size:13px}.evo-step.current{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--bg-2))}.evo-step.locked .spr{filter:brightness(0)opacity(.5)}.evo-arrow{color:var(--dim);font-size:13px}.skill-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.skill-list li{background:var(--panel-2);border:2px solid var(--edge);grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;display:grid}.skill-list b{font-family:var(--title);font-size:13px;font-weight:600;line-height:1.6}.skill-list small{color:var(--muted);grid-column:1/-1;font-size:14px}.rewards{text-align:left;gap:8px;margin:6px 0 4px;display:grid}.reward{background:var(--bg-2);border:2px solid var(--edge);align-items:center;gap:10px;padding:6px;display:flex}.reward.evolved{border-color:var(--gold);box-shadow:0 0 18px #ffc23d4d}.reward-portrait{background:var(--panel-2);flex:none;width:44px;height:44px}.reward-info{flex:1;min-width:0}.reward-top{justify-content:space-between;font-size:15px;display:flex}.reward-top span{color:#b48cff}.reward .xpbar{margin:4px 0}.reward-level{color:var(--muted);font-size:14px}.reward-level em{color:var(--hp);font-style:normal}.reward-level strong{color:var(--gold);font-weight:600}.btn.ghost{background:var(--panel-2);box-shadow:none;border-width:2px}.hud-top{align-items:center;gap:12px;padding:8px 12px;display:flex}.stage-name{font-family:var(--title);border-left:4px solid var(--c);white-space:nowrap;padding-left:8px;font-size:14px;font-weight:600}.order{flex:1;justify-content:center;gap:4px;display:flex;overflow:hidden}.order-item{background:var(--bg-2);border:2px solid var(--edge);border-bottom:3px solid var(--c,var(--line));flex:none;width:34px;height:34px}.order-item.t0{--c:var(--ally)}.order-item.t1{--c:var(--enemy)}.order-item.now{border-color:var(--gold);border-bottom-color:var(--c);width:42px;height:42px}.round{font-family:var(--title);color:var(--muted);white-space:nowrap;font-size:14px;font-weight:600}.round b{color:var(--text)}.toggle{cursor:pointer;color:var(--muted);align-items:center;gap:6px;display:inline-flex}.toggle input{display:none}.toggle span{background:var(--edge);border:2px solid var(--line);width:34px;height:18px;position:relative}.toggle span:after{content:"";background:var(--dim);width:10px;height:10px;position:absolute;top:2px;left:2px}.toggle input:checked+span{border-color:var(--gold)}.toggle input:checked+span:after{background:var(--gold);left:18px}.stage{aspect-ratio:2;image-rendering:auto;border:3px solid var(--edge);width:100%;max-height:62vh;box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge), inset 0 0 80px #00000073;background-position:bottom;background-size:cover;margin:12px 0;position:relative;overflow:hidden}.stage.picking:after{content:"";pointer-events:none;z-index:50;background:#08050e59;position:absolute;inset:0}.stage-hint{z-index:200;border:2px solid var(--gold);font-family:var(--title);white-space:nowrap;background:#0a0710d9;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-size:13px;font-weight:600;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.slot{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-100%)}.slot .spr{z-index:1;position:relative}.slot:nth-of-type(2) .spr{animation-delay:-.35s}.slot:nth-of-type(3) .spr{animation-delay:-.7s}.slot .shadow{width:calc(var(--spr) * .55);height:calc(var(--spr) * .1);margin-top:calc(var(--spr) * -.1);background:#0006;border-radius:50%}.slot.targetable{cursor:crosshair;z-index:100!important}.slot.targetable .spr{filter:drop-shadow(0 0 0 #fff) drop-shadow(2px 0 0 var(--gold)) drop-shadow(-2px 0 0 var(--gold)) drop-shadow(0 2px 0 var(--gold)) drop-shadow(0 -2px 0 var(--gold))}.slot.targetable .shadow{background:radial-gradient(#ffc23db3,#ffc23d1a 70%);animation:.7s steps(2,end) infinite pulse}.slot.dead .spr{filter:grayscale()brightness(.5);opacity:.55;animation:none;transform:rotate(90deg)translate(20%)}.slot.dead .unit-hud,.slot.dead .marker{visibility:hidden}.marker{border:7px solid #0000;border-top:9px solid var(--gold);visibility:hidden;width:0;height:0;margin-bottom:2px}.slot.active .marker{visibility:visible;animation:.5s steps(2,end) infinite bob}.slot.active .shadow{background:radial-gradient(#ffd84a8c,#ffd84a0d 70%)}.unit-hud{width:calc(var(--spr) * .9);text-align:center;min-width:78px}.unit-name{color:#fff;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.slot.t1 .unit-name{color:#ffd6d6}.unit-name span{color:var(--muted);font-size:12px}.hpbar{border:2px solid var(--edge);background:#1a0e14;height:8px;margin-top:2px;position:relative}.hpbar .hp{background:linear-gradient(var(--hp) 0 50%, var(--hp-dark) 50%);transition:width .35s steps(5,end);position:absolute;inset:0 auto 0 0}.hpbar.low .hp{background:linear-gradient(#ff7a6a 0 50%,#b8302a 50%)}.hpbar .sh{background:var(--shield);position:absolute;top:0;bottom:0}.slot.t1 .hpbar{transform:scaleX(-1)}.unit-status{justify-content:center;gap:2px;min-height:16px;margin-top:2px;display:flex}.st{background:#0a0710d9;border:1px solid;padding:0 3px;font-size:12px}.st-burn{color:#ff8a4a}.st-freeze{color:#8fd8ff}.st-weaken{color:#c890ff}.st-shield{color:var(--shield)}.st-rage{color:#ff5a5a}.st-taunt{color:var(--gold)}.slot.lunge.t0 .spr{animation:.35s steps(4,end) lungeR}.slot.lunge.t1 .spr{animation:.35s steps(4,end) lungeL}.slot.cast .spr{animation:.45s steps(3,end) cast}.float{top:calc(28% + var(--i) * 18px);z-index:300;font-family:var(--display);color:#fff;text-shadow:2px 2px #000,-2px 2px #000,2px -2px #000,-2px -2px #000;pointer-events:none;font-size:15px;animation:1s steps(8,end) forwards floatUp;position:absolute;left:50%}.float.crit{color:var(--gold);font-size:20px}.float.heal{color:var(--hp)}.float.dot-burn{color:#ff9a4a}.float.dot-poison,.st-poison{color:#9ae05a}.panel{grid-template-columns:290px 1fr;gap:12px;min-height:132px;padding:10px;display:grid}.hero-box{align-items:center;gap:10px;display:flex}.hero-portrait{background:linear-gradient(color-mix(in srgb, var(--el-dark) 60%, #120c1e), color-mix(in srgb, var(--el) 30%, #120c1e));border:3px solid var(--edge);width:84px;height:84px;box-shadow:inset 0 0 0 2px var(--el);flex:none}.hero-box.t1 .hero-portrait{box-shadow:inset 0 0 0 2px var(--enemy)}.hero-info{flex:1;min-width:0}.hero-hp{color:var(--muted);font-size:15px}.energy{gap:3px;margin-top:5px;display:flex}.energy i{background:var(--edge);border:2px solid #4a3a14;width:12px;height:12px;transform:rotate(45deg)scale(.8)}.energy i.full{background:var(--energy);border-color:#fff2a8;box-shadow:0 0 6px #ffd84a99}.panel-main{flex-direction:column;gap:8px;min-width:0;display:flex}.skills{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.skill{--k:var(--muted);text-align:left;background:var(--panel-2);border:3px solid var(--edge);box-shadow:inset 4px 0 0 var(--k), inset 0 2px 0 #ffffff14, 0 3px 0 var(--edge);cursor:pointer;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;gap:4px 6px;padding:8px 10px 8px 12px;display:grid;position:relative}.skill:hover:not(:disabled),.skill.selected{background:var(--panel-3);box-shadow:inset 4px 0 0 var(--k), inset 0 0 0 2px var(--k), 0 3px 0 var(--edge)}.skill:active:not(:disabled){transform:translateY(2px)}.skill:disabled{opacity:.45;cursor:not-allowed}.skill.k-attack{--k:#ff7a5a}.skill.k-aoe{--k:#ff9a3a}.skill.k-heal{--k:var(--hp)}.skill.k-guard{--k:var(--shield)}.skill.k-buff{--k:#d890ff}.skill .key{color:var(--dim);font-size:12px;position:absolute;bottom:3px;right:4px}.s-name{font-family:var(--title);font-size:13px;font-weight:600;line-height:1.5}.s-cost{align-items:center;gap:2px;display:flex}.s-cost i{background:var(--energy);width:8px;height:8px;transform:rotate(45deg)scale(.85)}.s-cost em{color:var(--dim);font-size:13px;font-style:normal}.s-desc{color:var(--muted);grid-column:1/-1;font-size:14px}.skill .cd{font-family:var(--display);color:#fff;background:#0a07108c;place-items:center;font-size:18px;display:grid;position:absolute;inset:0}.waiting{min-height:74px;color:var(--muted);align-items:center;font-size:18px;display:flex}.dots:after{content:"";animation:1.2s steps(4,end) infinite dots}.ticker{color:var(--muted);border-top:2px solid var(--line);padding-top:6px;font-size:15px}.ticker div:first-child{color:var(--text)}.logbox{margin-top:12px;padding:8px 12px}.logbox summary{cursor:pointer;font-family:var(--title);color:var(--muted);font-size:13px;font-weight:600}.logbox ol{max-height:220px;margin:8px 0 0;padding:0;font-size:15px;list-style:none;overflow-y:auto}.sys{color:var(--dim)}.dmg i{color:var(--gold);font-style:normal}.heal{color:var(--hp)}.death{color:var(--enemy)}.n.t0{color:var(--ally)}.n.t1{color:var(--enemy)}.overlay{z-index:500;background:#06040ab8;place-items:center;padding:16px;animation:.3s steps(3,end) fade;display:grid;position:fixed;inset:0}.result{text-align:center;width:min(440px,100%);padding:28px 24px 24px;animation:.35s steps(4,end) pop}.result h2{font-family:var(--display);letter-spacing:3px;margin:0 0 14px;font-size:30px;font-weight:400}.result.win h2{color:var(--gold);text-shadow:0 4px 0 var(--gold-dark)}.result.lose h2{color:var(--enemy);text-shadow:0 4px #7a2020}.result-stars{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.result-stars .star{width:34px;height:34px}.result p{color:var(--muted);margin:0}.result small{color:var(--dim)}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}@keyframes bob{50%{transform:translateY(-4px)}}@keyframes pulse{0%{opacity:.5}to{opacity:1}}@keyframes lungeR{40%{transform:translate(28%)}}@keyframes lungeL{40%{transform:translate(-28%)}}@keyframes cast{50%{filter:brightness(1.6);transform:translateY(-8%)}}@keyframes hit{33%{filter:brightness(3);transform:translate(-6%)}66%{transform:translate(6%)}}@keyframes floatUp{0%{transform:translate(-50%)scale(1.4)}20%{transform:translate(-50%,-8px)scale(1)}to{opacity:0;transform:translate(-50%,-44px)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.8)}}@media (width<=760px){#app{padding:10px}.panel{grid-template-columns:1fr}.skills{grid-template-columns:repeat(2,1fr)}.s-desc{display:none}.stage{--spr:60px;aspect-ratio:4/3}.unit-name{display:none}.slot.active .unit-name{display:block}.stage-name,.round{display:none}.unit-hud{min-width:50px}.float{font-size:13px}.dock{gap:10px}.dock-stage{display:none}.dock-slot{width:40px;height:40px}.dock{padding:8px}.dock .btn{margin-left:auto;padding:12px 10px;font-size:11px}.roster{grid-template-columns:repeat(2,1fr);gap:10px}.card{--spr:84px}.islands{grid-template-columns:repeat(3,1fr)}.evo-step{--spr:64px}.card-art{height:104px}}.detail .card-title{padding-right:36px}.topnav{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding:8px 12px;display:flex}.brand{font-family:var(--display);color:var(--gold);text-shadow:0 2px 0 var(--gold-dark);font-size:14px}.tabs{flex:1;gap:4px;display:flex}.tab{font-family:var(--title);color:var(--muted);cursor:pointer;background:0 0;border:2px solid #0000;padding:10px 12px;font-size:13px;font-weight:600;position:relative}.tab:hover{color:var(--text)}.tab.on{color:var(--text);background:var(--panel-2);border-color:var(--edge);box-shadow:inset 0 -3px 0 var(--gold)}.tab .dot{background:var(--hp);color:#062a10;border:2px solid var(--edge);min-width:16px;height:16px;padding:0 4px;font-size:11px;line-height:16px;position:absolute;top:-4px;right:-4px}.resources{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.res{background:var(--bg-2);border:2px solid var(--edge);white-space:nowrap;padding:4px 8px;font-size:15px}.res b{font-weight:600}.res.essence{color:#b48cff}.res.stones{color:#7ad0ff}.res.stamina{color:var(--energy)}.res small{color:var(--dim);margin-left:4px}.dev{position:relative}.dev summary{cursor:pointer;color:var(--dim);border:2px dashed var(--line);padding:4px 6px;font-size:12px;list-style:none}.dev-menu{z-index:600;background:var(--panel);border:3px solid var(--edge);width:190px;box-shadow:inset 0 0 0 2px var(--line);flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.dev-menu button{text-align:left;background:var(--panel-2);border:2px solid var(--edge);cursor:pointer;padding:6px 8px}.dev-menu button:hover{border-color:var(--gold)}.toast{z-index:900;background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--enemy), 0 4px 0 var(--edge);padding:10px 16px;animation:.25s steps(3,end) pop;position:fixed;top:16px;left:50%;transform:translate(-50%)}.btn .cost{font-family:var(--body);letter-spacing:0;opacity:.9;margin-left:4px;font-size:14px}.sub-head{font-family:var(--title);color:var(--muted);margin:18px 0 10px;font-size:14px;font-weight:600}.sub-head small{color:var(--dim)}.mini-gear{gap:4px;margin-top:8px;display:flex}.mini-slot{background:var(--bg-2);border:2px solid var(--r,var(--edge));place-items:center;width:26px;height:26px;display:grid}.mini-slot.empty{border:2px dashed var(--line)}.mini-slot .item-icon{width:22px;height:22px}.card.away{cursor:default}.card.away .card-art>.spr{filter:grayscale(.7)brightness(.6)}.away-tag{text-align:center;color:var(--shield);background:#0a0710d9;padding:3px 6px;font-size:13px;position:absolute;inset:auto 0 0}.item-icon{width:40px;height:40px;image-rendering:pixelated}.item-icon.big{width:72px;height:72px}.stat-line{color:var(--dim);flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:14px;display:flex}.stat-line b{color:var(--text);font-weight:600}.equip{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.equip-slot{background:var(--bg-2);border:2px solid var(--edge);gap:8px;padding:8px;display:flex}.equip-slot.picking{border-color:var(--gold)}.equip-box{background:var(--panel-2);border:2px solid var(--r);cursor:pointer;flex:none;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative}.equip-box:hover{filter:brightness(1.2)}.equip-box .plus{font-family:var(--title);color:var(--dim);font-weight:600}.equip-info{flex-direction:column;min-width:0;font-size:13px;display:flex}.equip-info small{color:var(--dim)}.equip-info b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.equip-info .sub{color:#b48cff}.link{color:var(--enemy);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:2px;padding:0;font-size:13px;text-decoration:underline}.enh{font-family:var(--title);color:#fff;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;font-size:12px;font-weight:600;position:absolute;bottom:0;right:1px}.picker{background:var(--bg-2);border:2px solid var(--gold);gap:4px;max-height:240px;margin-top:8px;padding:6px;display:grid;overflow-y:auto}.picker.empty{color:var(--muted);font-size:15px}.pick-row{text-align:left;background:var(--panel-2);border:2px solid var(--edge);cursor:pointer;align-items:center;gap:10px;padding:4px 8px 4px 4px;display:flex}.pick-row:hover:not(:disabled){border-color:var(--gold)}.pick-row.mine{opacity:.6;cursor:default}.pick-row .item-tile{pointer-events:none}.pick-info{flex-direction:column;flex:1;min-width:0;display:flex}.pick-info b{font-size:15px;font-weight:600}.pick-info small{color:var(--muted);font-size:13px}.pick-owner{color:var(--dim);white-space:nowrap;font-size:13px}.item-tile{background:radial-gradient(circle, color-mix(in srgb, var(--r) 22%, transparent), transparent 70%), var(--panel-2);border:2px solid var(--r);width:56px;height:56px;box-shadow:0 3px 0 var(--edge);cursor:pointer;flex:none;place-items:center;padding:0;display:grid;position:relative}.item-tile:hover{filter:brightness(1.2)}.item-tile.selected{outline:3px solid var(--gold);outline-offset:1px}.item-tile .owner{background:var(--bg-2);border:2px solid var(--edge);width:20px;height:20px;position:absolute;top:-4px;left:-4px}.filters{gap:6px;margin-bottom:12px;display:flex}.chip{background:var(--panel-2);border:2px solid var(--edge);color:var(--muted);cursor:pointer;padding:5px 12px;font-size:15px}.chip.on{color:var(--text);border-color:var(--gold)}.inventory{grid-template-columns:1fr 340px;align-items:start;gap:16px;display:grid}.item-grid{background:var(--panel);border:3px solid var(--edge);min-height:200px;box-shadow:inset 0 0 0 2px var(--line);flex-wrap:wrap;align-content:flex-start;gap:10px;padding:12px;display:flex}.forge{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);padding:14px;position:sticky;top:12px}.forge-head{align-items:center;gap:12px;display:flex}.forge-icon{background:radial-gradient(circle, color-mix(in srgb, var(--r) 30%, transparent), transparent 70%), var(--bg-2);border:2px solid var(--r);padding:4px;position:relative}.forge-icon .enh{font-size:12px}.forge-name{font-family:var(--title);font-size:14px;font-weight:600;line-height:1.6}.forge-head .stars .star.on{background:var(--r)}.forge-head.fx-success .forge-icon{animation:.6s steps(4,end) forgeWin}.forge-head.fx-fail .forge-icon,.forge-head.fx-drop .forge-icon{animation:.35s steps(3,end) shake}.forge-head.fx-reforge .forge-icon{animation:.45s steps(3,end) cast}.forge-msg{border:2px solid var(--edge);background:var(--bg-2);margin-top:10px;padding:6px 10px;font-size:15px}.forge-msg.success,.forge-msg.reforge{color:var(--hp);border-color:var(--hp-dark)}.forge-msg.fail{color:var(--muted)}.forge-msg.drop{color:var(--enemy);border-color:#7a2020}.forge-stats{gap:2px;margin:12px 0;font-size:15px;display:grid}.forge-stats div{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:3px 0;display:flex}.forge-stats span{color:var(--dim)}.forge-stats b{font-weight:600}.forge-action{border-top:2px solid var(--line);padding:10px 0}.forge-action h4{font-family:var(--title);margin:0 0 6px;font-size:13px;font-weight:600}.forge-action p{margin:0 0 8px;font-size:15px}.odds{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rate{border:2px solid var(--edge);background:var(--hp-dark);color:#eaffea;padding:1px 6px}.rate.r80,.rate.r60{background:#8a7a1a}.rate.r45,.rate.r35,.rate.r25,.rate.r15{background:#8a2a2a}.exp-list{gap:8px;display:grid}.exp-row{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 4px 0 0 var(--c), inset 0 0 0 2px var(--line);align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.exp-row.done{box-shadow:inset 4px 0 0 var(--c), inset 0 0 0 2px var(--hp)}.exp-portrait{background:var(--bg-2);flex:none;width:44px;height:44px}.exp-info{flex:1;min-width:0}.exp-title{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:15px;display:flex}.exp-bar{background:var(--edge);height:8px;margin-top:6px}.exp-bar i{background:linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 60%, #fff));height:100%;display:block}.exp-time{font-family:var(--title);color:var(--muted);font-size:14px;font-weight:600}.missions{grid-template-columns:repeat(3,1fr);align-items:start;gap:12px;display:grid}.mission{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 3px 0 var(--c), inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);padding:12px}.mission.picking{box-shadow:inset 0 3px 0 var(--c), inset 0 0 0 2px var(--gold), 0 4px 0 var(--edge)}.mission-head{justify-content:space-between;align-items:center;display:flex}.mission-hours{font-family:var(--title);color:var(--gold);font-size:15px;font-weight:600}.mission-name{font-family:var(--title);margin:8px 0;font-size:14px;font-weight:600;line-height:1.6;display:block}.mission-rewards{color:var(--muted);margin:0 0 10px;padding:0;font-size:15px;list-style:none}.mission-foot{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.hero-pick{gap:4px;max-height:260px;margin-top:10px;display:grid;overflow-y:auto}.hero-pick-row{text-align:left;background:var(--panel-2);border:2px solid var(--edge);cursor:pointer;align-items:center;gap:8px;padding:3px 8px 3px 3px;display:flex}.hero-pick-row:hover{border-color:var(--gold)}.hero-pick-row.match{box-shadow:inset 3px 0 0 var(--hp)}.hp-portrait{background:var(--bg-2);flex:none;width:32px;height:32px}.hp-name{flex:1;font-size:15px}.hp-name small{color:var(--dim)}.hp-chance{color:var(--hp);font-size:15px}.loot{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.loot-item{background:var(--bg-2);border:2px solid var(--edge);align-items:center;gap:6px;padding:4px 10px;font-size:15px;display:inline-flex}.loot-item .item-icon{width:28px;height:28px}.loot-item.new{border-color:var(--gold)}.loot-item small{color:var(--gold);font-size:12px}@keyframes forgeWin{30%{filter:brightness(2);transform:scale(1.25)}60%{transform:scale(.95)}}@media (width<=760px){.topnav{gap:8px}.tabs{flex-basis:100%;order:3}.tab{flex:1;padding:8px 4px;font-size:11px}.inventory,.missions,.equip{grid-template-columns:1fr}.forge{position:static}}.mission-head{flex-wrap:wrap;justify-content:flex-start;gap:6px}.mission-head .mission-hours{margin-left:auto}.badge.favored{color:var(--text);background:var(--panel-3)}.badge.bounty-tag{color:#2a1606;background:var(--gold);border-color:var(--gold-dark)}.mission.bounty{background:linear-gradient(180deg, #ffc23d1a, transparent 60%), var(--panel);box-shadow:inset 0 3px 0 var(--gold), inset 0 0 0 2px var(--gold-dark), 0 4px 0 var(--edge)}.mission-blurb{color:var(--muted);margin:-2px 0 10px;font-size:14px;font-style:italic}.daily-list{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.quest{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);align-items:center;gap:14px;padding:12px 14px;display:flex}.quest.ready{box-shadow:inset 0 0 0 2px var(--gold), 0 4px 0 var(--edge)}.quest.claimed{opacity:.6}.quest-body{flex:1;min-width:0}.quest-body p{color:var(--muted);margin:4px 0 8px;font-size:15px}.quest-title{font-family:var(--title);font-size:17px;font-weight:600;display:block}.quest-progress{color:var(--muted);align-items:center;gap:8px;margin:8px 0 6px;font-size:14px;display:flex}.quest-bar{background:var(--bg);border:2px solid var(--edge);flex:1;height:10px}.quest-bar i{background:linear-gradient(180deg, #ffd86a, var(--gold) 60%, var(--gold-dark));height:100%;display:block}.quest-reward{color:var(--gold);font-size:14px}.quest-done{color:var(--hp);white-space:nowrap;font-size:14px}.quest.chest .chest-icon{background:linear-gradient(var(--gold) 0 0) 19px 14px / 6px 8px no-repeat, linear-gradient(#6b4630 0 0) 0 12px / 100% 3px no-repeat, linear-gradient(180deg, #a86a3a 0 40%, #8a5230 40%);border:3px solid var(--edge);width:44px;height:36px;box-shadow:inset 0 0 0 2px var(--gold-dark);flex:none}.quest.chest.ready .chest-icon{animation:1s steps(2,end) infinite chest-glow}@keyframes chest-glow{50%{box-shadow:inset 0 0 0 2px var(--gold), 0 0 12px var(--gold)}}.quest-stale{background:var(--panel);border:2px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.quest.story.current{box-shadow:inset 0 3px 0 var(--gold), inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);padding:16px 18px}.quest.story.current.ready{box-shadow:inset 0 3px 0 var(--gold), inset 0 0 0 2px var(--gold), 0 4px 0 var(--edge)}.quest.story.current:has(.btn.primary){box-shadow:inset 0 3px 0 var(--gold), inset 0 0 0 2px var(--gold), 0 4px 0 var(--edge)}.quest-chapter{letter-spacing:1px;text-transform:uppercase;color:var(--gold);font-size:13px}.story-next{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;display:grid}.quest.story.locked{opacity:.7;gap:10px;padding:10px 12px;font-size:15px}.quest.story.locked b{font-family:var(--title);flex:1;font-weight:600}.quest.story.locked .lock{width:24px;height:24px;font-family:var(--title);background:var(--bg);border:2px solid var(--line);color:var(--dim);place-items:center;display:grid}.story-done{color:var(--muted);margin-top:14px}.story-done summary{cursor:pointer;font-family:var(--title);font-weight:600}.story-done ul{columns:2;margin:8px 0 0;padding-left:4px;list-style:none}.story-done li{margin:4px 0}.story-done .tick{color:var(--hp);margin-right:8px}.quest-news{color:var(--gold);border:2px solid var(--gold-dark);background:#ffc23d14;gap:4px;margin:10px 0 4px;padding:8px 10px;font-size:14px;display:grid}@media (width<=720px){.daily-list,.story-next{grid-template-columns:1fr}.story-done ul{columns:1}}.detail .trait{color:var(--muted);margin:2px 0 6px;font-size:14px}.detail .trait b{color:var(--gold)}.rune-toggle{cursor:pointer;align-items:center;gap:8px;margin:0 0 10px;font-size:14px;display:flex}.rune-toggle.none{opacity:.6;cursor:default}.rune-toggle input{width:16px;height:16px;accent-color:var(--gold)}.chests{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);margin-bottom:16px;padding:12px 14px}.chests-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:10px;display:flex}.chests-head h3{font-family:var(--title);margin:0}.chest-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.chest{text-align:center;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--r) 22%, transparent), transparent 70%), #151213;border:1px solid color-mix(in srgb, var(--r) 55%, #3a302a);justify-items:center;gap:4px;padding:10px 10px 12px;display:grid;position:relative}.chest .item-icon.big{width:80px;height:80px;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--r) 60%, transparent))}.chest b{color:var(--r);font-family:var(--title)}.chest-count{color:#f1e3c6;font-weight:700;position:absolute;top:6px;right:8px}.chest-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}.chest-actions .btn{padding:6px 10px;font-size:13px}.chest-sell-all{font:inherit;color:#bfb09a;cursor:pointer;background:0 0;border:none;flex-basis:100%;padding:2px;font-size:12px}.chest-sell-all:hover{color:var(--gold)}.loot-item .chest-icon{image-rendering:pixelated}.res.wallet{cursor:pointer;color:var(--text);align-items:center;gap:6px;display:inline-flex}.res.wallet:hover{border-color:var(--gold)}.res.wallet i{background:var(--hp);width:8px;height:8px}.res.wallet.warn i{background:var(--energy)}.summon{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.altar{min-height:340px;image-rendering:pixelated;border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);background-position:bottom;background-size:cover;padding:24px 24px 24px 200px;position:relative;overflow:hidden}.altar:before{content:"";background:linear-gradient(90deg,#100c1a59,#100c1aeb 46%);position:absolute;inset:0}.altar>*{position:relative}.altar h3{font-family:var(--title);margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.6}.altar p{max-width:460px;color:var(--muted);margin:0 0 12px;font-size:16px}.altar p b{color:var(--text)}.altar a,.chain-panel a,.link-out{color:#8fd0ff}.err{color:var(--enemy)!important}.btn.big{padding:16px 22px;font-size:13px}.odds-line{white-space:nowrap}.altar-crystal{width:96px;height:140px;animation:2.4s steps(4,end) infinite float;top:50%;left:48px;transform:translateY(-50%);position:absolute!important}.altar-crystal i{clip-path:polygon(50% 0,100% 34%,82% 100%,18% 100%,0 34%);filter:drop-shadow(0 0 14px #ffdc5ab3);background:linear-gradient(120deg,#fff4b0 0 24%,#f0d050 24% 55%,#a08020 55%);position:absolute;inset:0}.altar-crystal:after{content:"";clip-path:polygon(0 20%,100% 0,60% 100%,0 80%);background:#ffffffd9;width:14%;height:32%;position:absolute;top:14%;left:30%}.supply{max-width:460px;color:var(--muted);margin:4px 0 16px;font-size:15px}.supply-bar{background:var(--edge);border:1px solid var(--line);height:8px;margin-bottom:4px}.supply-bar i{background:linear-gradient(90deg,#ffc23d,#ff7a4a);height:100%;display:block}.chain-panel{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);padding:14px}.chain-panel h4{font-family:var(--title);margin:0 0 10px;font-size:14px;font-weight:600}.kv{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:4px 0;font-size:15px;display:flex}.kv span{color:var(--dim)}.kv b{font-weight:600}.kv .good{color:var(--hp)}.kv .bad{color:var(--energy)}.panel-actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.panel-actions .btn{color:var(--text);text-decoration:none}.nft-roster{padding-bottom:24px}.card.nft{cursor:default}.card.nft:hover{transform:none}.nft-tag{color:#8fd0ff;background:#0a0710bf;border:1px solid #3d8be0;padding:0 5px;font-size:13px;position:absolute;bottom:6px;left:6px}.link-out{margin-top:8px;font-size:14px;display:inline-block}.card .nft-chip{color:#8fd0ff}.reveal{text-align:center;border-color:var(--r);width:min(400px,100%);box-shadow:inset 0 0 0 2px var(--r), 0 0 40px color-mix(in srgb, var(--r) 45%, transparent), 0 6px 0 var(--edge)}.reveal h2{margin-bottom:8px;font-size:20px}.reveal-art{--spr:160px;background:linear-gradient(color-mix(in srgb, var(--el-dark) 55%, #120c1e), color-mix(in srgb, var(--el) 35%, #120c1e));border:3px solid var(--edge);place-items:center;height:190px;margin:4px 0 8px;display:grid;position:relative;overflow:hidden}.reveal-glow{background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--r) 55%, transparent), transparent 62%);animation:1.2s steps(2,end) infinite pulse;position:absolute;inset:0}.reveal-art .spr{position:relative}.reveal-title{justify-content:center;gap:12px}.reveal .stars .star.on{background:var(--r)}.reveal .badges{margin:8px 0}.reveal-stats{justify-content:center}@keyframes float{50%{transform:translateY(calc(-50% - 8px))}}@media (width<=760px){.summon{grid-template-columns:1fr}.altar{padding:190px 16px 20px}.altar-crystal{width:72px;height:110px;animation:none;top:20px;left:50%;transform:translate(-50%)}.res.wallet{order:5}}.res.wallet.cloud{border-color:var(--hp-dark)}.res.sign-in{cursor:pointer;color:var(--bg);background:var(--gold);border-color:var(--gold-dark);font-weight:700}.res.sign-in:hover:not(:disabled){filter:brightness(1.1)}.res.sign-in:disabled{opacity:.6;cursor:wait}.guest-note{max-width:1200px;color:var(--muted);background:var(--bg-2);border:2px dashed var(--line);text-align:center;margin:8px auto;padding:6px 12px;font-size:14px}.linkish{font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.result .verifying{color:var(--muted);animation:1s ease-in-out infinite alternate pulse}.nft-link{text-decoration:none}.nft-badge{color:#08231f;background:var(--hp);border:2px solid var(--hp-dark);margin-top:4px;padding:1px 6px;font-size:13px;display:inline-block}.nft-link:hover .nft-badge{filter:brightness(1.15)}.forge-action.mint-item .btn:not(:disabled){color:#08231f;background:var(--hp);border-color:var(--hp-dark)}.res.feedback-btn{cursor:pointer;color:var(--text)}.res.feedback-btn:hover{border-color:var(--gold)}.feedback-card{background:var(--panel);border:3px solid var(--edge);width:min(520px,100%);box-shadow:inset 0 0 0 2px var(--line), 0 6px 0 var(--edge);padding:20px}.feedback-card h3{font-family:var(--title);margin:0 0 6px;font-size:20px;font-weight:600}.feedback-card textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--line);resize:vertical;margin:8px 0 12px;padding:10px;font-size:15px}.feedback-card textarea:focus{border-color:var(--gold);outline:none}.res.shard{cursor:pointer;color:#7af0ff}.res.shard:hover{border-color:#7af0ff}.panel{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);padding:14px 16px}.panel h4{font-family:var(--title);margin:0 0 10px;font-size:18px;font-weight:600}.small{font-size:13px}.econ-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:8px;display:grid}.econ-cell{background:var(--bg-2);border:2px solid var(--line);padding:10px 12px}.econ-cell span{color:var(--muted);font-size:13px;display:block}.econ-cell b{font-size:18px}.upgrade-panel{background:var(--bg-2);border:2px solid var(--line);margin:12px 0 16px;padding:12px 14px}.upgrade-panel h3 small{color:var(--gold)}.upgrade-checks{color:var(--muted);flex-wrap:wrap;gap:12px;margin:8px 0;padding:0;font-size:14px;list-style:none;display:flex}.upgrade-checks li:before{content:"○ "}.upgrade-checks li.ok{color:var(--hp)}.upgrade-checks li.ok:before{content:"✓ "}.feeder-pick{flex-wrap:wrap;gap:8px;margin:8px 0 12px;display:flex}.feeder{--spr:48px;font:inherit;color:var(--text);background:var(--panel);border:2px solid var(--line);cursor:pointer;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;display:flex}.feeder.on{border-color:var(--enemy);box-shadow:0 0 0 2px #ff6a6a4d}.empty-roster{background:var(--panel);border:2px dashed var(--line);margin-bottom:18px;padding:18px 20px}.empty-roster p{margin:0 0 12px}.shard-bar{background:linear-gradient(90deg, #7af0ff14, transparent 60%), var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:14px;padding:12px 16px;display:flex}.shard-bar .btn{margin-left:auto}.shard-icon{clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);filter:drop-shadow(0 0 6px #7af0ff);background:linear-gradient(135deg,#e8fdff 0 25%,#7af0ff 25% 60%,#2a8fb0 60%);width:22px;height:30px}.shard-cell span{color:var(--muted);font-size:12px;display:block}.shard-cell b{color:#7af0ff;font-size:18px}.market-tabs{border-bottom:2px solid var(--line);gap:6px;margin-bottom:12px;display:flex}.market-tab{font-family:var(--title);color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 14px;font-size:15px;font-weight:600}.market-tab small{background:var(--bg-2);border:1px solid var(--line);margin-left:4px;padding:0 6px;font-size:12px}.market-tab:hover{color:var(--text)}.market-tab.on{color:var(--text);border-bottom-color:var(--gold);text-shadow:0 0 8px #ffc23d66}.market-tabs .refresh{align-self:center;margin-left:auto}.market-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.market-toolbar .chips{flex-wrap:wrap;gap:6px;display:flex}.rarity-chips .chip[style]{color:var(--r)}.rarity-chips .chip.on[style]{box-shadow:inset 0 0 0 2px var(--r)}.market-search,.market-sort,.price-input input{font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--line);padding:8px 10px;font-size:14px}.market-search{flex:180px;min-width:0}.market-search:focus,.market-sort:focus,.price-input input:focus{border-color:var(--gold);outline:none}.floor-row{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;display:grid}.floor-cell{background:var(--bg-2);border:2px solid var(--line);box-shadow:inset 0 3px 0 var(--r);padding:6px 10px}.floor-cell span{color:var(--muted);font-size:12px;display:block}.floor-cell b{color:#7af0ff}.market-layout{grid-template-columns:1fr 240px;align-items:start;gap:16px;margin-bottom:22px;display:grid}.nft-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.nft-grid.wide{margin-bottom:22px}.nft-grid>p{grid-column:1/-1}.nft-card{text-align:left;font:inherit;color:inherit;background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);cursor:pointer;flex-direction:column;padding:0;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end);display:flex}.nft-card:hover{box-shadow:inset 0 0 0 2px var(--r), 0 4px 0 var(--edge), 0 0 20px color-mix(in srgb, var(--r) 45%, transparent);transform:translateY(-4px)}.nft-art{--spr:96px;background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--el,var(--r)) 55%, transparent) 0, transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--el-dark,var(--r)) 60%, #0e0814), #120c1e);border-bottom:3px solid var(--r);height:118px;image-rendering:pixelated;place-items:center;display:grid;position:relative}.nft-art.big{--spr:150px;height:190px}.nft-art .item-icon.big{width:84px;height:84px;image-rendering:pixelated;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--r) 70%, transparent))}.nft-art.big .item-icon.big{width:150px;height:150px}.nft-id,.nft-lv{border:1px solid var(--line);background:#0a0710bf;padding:0 6px;font-size:12px;position:absolute;top:6px}.nft-id{color:#8fd0ff;left:6px}.nft-lv{color:var(--gold);right:6px}.nft-body{padding:8px 10px 4px}.nft-name{font-family:var(--title);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.nft-body .badges{margin-top:4px}.nft-foot{justify-content:space-between;align-items:baseline;gap:6px;margin-top:auto;padding:6px 10px 10px;display:flex}.price{color:#7af0ff;font-size:17px}.price.big{font-size:24px}.sell-cta{color:var(--gold);font-family:var(--title);font-weight:600}.sales-panel{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);padding:12px}.sales-panel h4{font-family:var(--title);margin:0 0 8px;font-weight:600}.sales-panel ul{margin:0;padding:0;list-style:none}.sales-panel li{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:5px 0;font-size:14px;display:flex}.sales-panel .dot{background:var(--r);flex:none;width:8px;height:8px}.sales-panel .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sales-panel b{color:#7af0ff}.nft-modal{background:var(--panel);border:3px solid var(--edge);width:min(760px,100%);max-height:calc(100vh - 32px);box-shadow:inset 0 0 0 2px var(--r), 0 6px 0 var(--edge), 0 0 50px color-mix(in srgb, var(--r) 30%, transparent);grid-template-columns:260px 1fr;animation:.25s steps(3,end) pop;display:grid;position:relative;overflow:auto}.nft-modal .nft-art.big{border-bottom:none;border-right:3px solid var(--r);height:100%;min-height:260px}.nft-modal .close{z-index:2;width:30px;height:30px;color:var(--text);background:var(--panel-2);border:2px solid var(--edge);cursor:pointer;padding:0;position:absolute;top:8px;right:8px}.nft-modal .close:hover{border-color:var(--gold)}.nft-modal-body{padding:18px 20px}.nft-modal-body h3{font-family:var(--title);margin:0 0 4px;font-size:22px;font-weight:600}.nft-modal-body h3 small{color:#8fd0ff;font-size:15px}.nft-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 6px;display:grid}.nft-stats.list{grid-template-columns:1fr}.nft-stats div{background:var(--bg-2);border:2px solid var(--line);padding:6px 8px}.nft-stats.list div{justify-content:space-between;display:flex}.nft-stats span{color:var(--muted);font-size:12px;display:block}.nft-stats.list span{display:inline}.nft-modal .trait{color:var(--muted);margin:4px 0;font-size:14px}.nft-modal .trait b{color:var(--gold)}.buy-row{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.price-input{font-family:var(--title);align-items:center;gap:8px;margin:14px 0 8px;font-weight:600;display:flex}.price-input input{width:140px;font-size:18px}.presets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.receive{color:var(--muted);margin:6px 0 14px;font-size:14px}.receive b{color:#7af0ff}@media (width<=820px){.market-layout{grid-template-columns:1fr}.floor-row{grid-template-columns:repeat(3,1fr)}.nft-modal{grid-template-columns:1fr}.nft-modal .nft-art.big{border-right:none;border-bottom:3px solid var(--r);min-height:200px}}.raid-boss{border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--el), 0 4px 0 var(--edge), 0 0 30px color-mix(in srgb, var(--el) 35%, transparent);background-position:50%;background-size:cover;grid-template-columns:230px 1fr;align-items:center;gap:18px;margin-bottom:16px;padding:16px 20px;display:grid;position:relative;overflow:hidden}.raid-boss:before{content:"";background:linear-gradient(90deg,#0a07101a 15%,#0a0710c7 50%,#0a071099);position:absolute;inset:0}.raid-boss>*{position:relative}.raid-boss-art{--spr:180px;filter:drop-shadow(0 0 14px var(--el));place-items:center;display:grid}.raid-boss-info small{font-family:var(--title);color:var(--gold);text-transform:uppercase;letter-spacing:1px}.raid-boss-info h3{font-family:var(--title);text-shadow:0 0 12px var(--el), 0 2px 0 #000;margin:2px 0 6px;font-size:28px;font-weight:700}.raid-boss-info p{margin:8px 0 0}.raid-team{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);margin-bottom:16px;padding:12px 14px}.raid-team-head{justify-content:space-between;margin-bottom:8px;display:flex}.raid-picks{flex-wrap:wrap;gap:8px;display:flex}.raid-pick{font:inherit;text-align:left;color:var(--text);background:var(--bg-2);border:2px solid var(--line);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:40px auto;align-items:center;column-gap:8px;padding:4px 10px 4px 4px;display:grid}.raid-pick .spr{grid-row:span 2;width:40px;height:40px}.raid-pick span{font-family:var(--title);font-size:14px;font-weight:600}.raid-pick small{color:var(--r);font-size:12px}.raid-pick.on{border-color:var(--gold);box-shadow:0 0 10px #ffc23d80}.raid-pick:disabled{opacity:.45;cursor:not-allowed}.raid-tiers{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.raid-tier{--t:#62c46e;background:linear-gradient(180deg, color-mix(in srgb, var(--t) 14%, transparent), transparent 40%), var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--t), 0 4px 0 var(--edge);flex-direction:column;padding:14px;display:flex}.raid-tier.tier-hard{--t:#ff9b3d}.raid-tier.tier-nightmare{--t:#e0533d}.raid-tier-head{justify-content:space-between;align-items:baseline;display:flex}.raid-tier h3{font-family:var(--title);color:var(--t);margin:0;font-size:22px;font-weight:700}.raid-lv{color:var(--muted);font-size:13px}.raid-loot{flex:1;margin:8px 0 12px;padding:0;font-size:14px;list-style:none}.raid-loot li{border-bottom:1px dashed var(--line);padding:4px 0}.raid-tier .btn{width:100%}.sink-panel{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);padding:14px 16px}.sink-bar{border:2px solid var(--edge);height:12px;display:flex}.sink-bar .burn{background:repeating-linear-gradient(90deg,#ff6a3d 0 6px,#e0533d 6px 12px)}.sink-bar .pool{background:repeating-linear-gradient(90deg,#7af0ff 0 6px,#2a8fb0 6px 12px)}.sink-split p{margin:8px 0 0;font-size:14px}.burn-txt{color:#ff8a5c}.pool-txt{color:#7af0ff}.sink-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.sink-stats div{background:var(--bg-2);border:2px solid var(--line);padding:6px 10px}.sink-stats span{color:var(--muted);font-size:12px;display:block}.stage .slot.boss .spr{filter:drop-shadow(0 0 10px #ff5a3cb3)}.stage .slot.boss .unit-name,.stage-name.raid{color:#ffb070}@media (width<=820px){.raid-boss{text-align:center;grid-template-columns:1fr}.raid-boss-art{--spr:130px}.raid-boss .badges{justify-content:center}.raid-tiers,.sink-stats{grid-template-columns:1fr}.stage .slot.boss{--spr:84px}}.wheel-layout{grid-template-columns:minmax(280px,440px) 1fr;align-items:start;gap:24px;display:grid}.wheel-stage{background:radial-gradient(circle at 50% 40%, #b46cff40, transparent 65%), var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);flex-direction:column;align-items:center;gap:14px;padding:26px 16px 16px;display:flex;position:relative}.wheel-pointer{z-index:3;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px #000)drop-shadow(0 0 8px #ffc23d);background:linear-gradient(#fff4b0,#ffc23d 60%,#a08020);width:28px;height:34px;margin-left:-14px;position:absolute;top:12px;left:50%}.wheel-disc{aspect-ratio:1;border-radius:50%;width:min(380px,78vw);position:relative;box-shadow:0 0 0 6px #120c1e,0 0 0 10px #ffc23d,0 0 0 13px #120c1e,0 0 40px #b46cff80}.wheel-face{image-rendering:pixelated;border-radius:50%;position:absolute;inset:0}.wheel-face:after{content:"";background:repeating-conic-gradient(#0000008c 0deg .8deg,#0000 .8deg 30deg);border-radius:50%;position:absolute;inset:0}.wheel-label{transform-origin:50% 100%;pointer-events:none;justify-content:center;width:60px;height:50%;margin-left:-30px;padding-top:7%;display:flex;position:absolute;top:0;left:50%}.wheel-label b{writing-mode:vertical-rl;font-family:var(--title);letter-spacing:1px;color:#efe6ff;text-shadow:0 2px #000;font-size:14px;font-weight:700}.wheel-label.rare b{color:#fff;text-shadow:0 0 6px #fff,0 2px #000}.wheel-hub{z-index:2;pointer-events:none;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);filter:drop-shadow(0 0 10px #7af0ff);background:linear-gradient(135deg,#e8fdff 0 25%,#7af0ff 25% 60%,#2a8fb0 60%);width:calc(min(380px,78vw)/6.25);height:calc(min(380px,78vw)/5);position:absolute;top:calc(26px + min(380px,78vw)/2);left:50%;transform:translate(-50%,-50%)}.wheel-spin{min-width:180px;font-size:18px}.wheel-note{text-align:center;margin:0}.wheel-side{flex-direction:column;gap:12px;display:flex}.wheel-prize{text-align:center;background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);padding:14px 16px;animation:.3s steps(3,end) pop}.wheel-prize.idle{color:var(--muted);animation:none}.wheel-prize.rare{box-shadow:inset 0 0 0 2px #ffc23d, 0 4px 0 var(--edge), 0 0 30px #ffc23d73}.wheel-prize small{font-family:var(--title);color:var(--gold);text-transform:uppercase}.wheel-prize h3{font-family:var(--title);margin:4px 0;font-size:26px;font-weight:700}.wheel-item{color:var(--r);align-items:center;gap:10px;margin-top:6px;display:inline-flex}.wheel-item .item-icon{width:48px;height:48px;image-rendering:pixelated}.wheel-boost{background:#62c46e1f;border:2px solid #62c46e;padding:8px 12px}.wheel-odds{border-collapse:collapse;background:var(--panel);border:3px solid var(--edge);width:100%;font-size:14px}.wheel-odds th,.wheel-odds td{text-align:left;border-bottom:1px solid var(--line);padding:5px 10px}.wheel-odds td:last-child,.wheel-odds th:last-child{text-align:right}.wheel-odds th{font-family:var(--title);color:var(--muted)}.wheel-odds tr.rare td{color:#ffc23d}@media (width<=820px){.wheel-layout{grid-template-columns:1fr}.wheel-label b{font-size:11px}}.rift-layout{grid-template-columns:1fr 300px;align-items:start;gap:18px;display:grid}.rift-start,.rift-run,.rift-board,.rift-rules{background:radial-gradient(circle at 20% 0, #8a4de038, transparent 55%), var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);margin-bottom:14px;padding:16px}.rift-start h3,.rift-board h4,.rift-rules h4{font-family:var(--title);margin:0 0 8px;font-weight:700}.rift-start h3{font-size:22px}.rift-start .raid-picks{margin:12px 0 14px}.rift-go{min-width:200px;font-size:17px}.rift-track{align-items:center;margin-bottom:10px;display:flex}.rift-floor{width:32px;height:32px;font-family:var(--title);color:var(--muted);background:var(--bg-2);border:2px solid var(--line);flex:none;place-items:center;font-weight:700;display:grid}.rift-floor.boss{color:#ff8a5c;border-color:#8a2a1e;width:38px;height:38px}.rift-floor.done{color:#0e0814;background:#62c46e;border-color:#2f7a3a}.rift-floor.now{color:#0e0814;background:var(--gold);border-color:#a08020;animation:1s steps(2,end) infinite pulse-now;box-shadow:0 0 12px #ffc23db3}.rift-floor.lost{color:#fff;background:#b8302a;border-color:#6a1a14}@keyframes pulse-now{50%{box-shadow:0 0 2px #ffc23d66}}.rift-link{background:repeating-linear-gradient(90deg, var(--line) 0 4px, transparent 4px 7px);flex:1;min-width:4px;height:3px}.rift-status{margin:0 0 12px}.rift-win{color:var(--gold)}.rift-boss{color:#ff8a5c}.rift-team{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.rift-hero{background:var(--bg-2);border:2px solid var(--line);box-shadow:inset 0 3px 0 var(--r);align-items:center;gap:8px;padding:6px;display:flex}.rift-hero.fallen{opacity:.45;filter:grayscale()}.rift-portrait{flex:none;width:48px;height:48px}.rift-hero-info{flex:1;min-width:0}.rift-hero-info b{font-family:var(--title);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.rift-hero-info small{color:var(--muted);font-size:12px}.rift-boons{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.boon-chip{color:#d0a8ff;background:#8a4de02e;border:1px solid #8a4de0;padding:2px 8px;font-size:13px}.boon-offer{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.boon-card{font:inherit;text-align:center;color:var(--text);background:linear-gradient(180deg, #8a4de040, transparent 70%), var(--bg-2);box-shadow:0 4px 0 var(--edge);cursor:pointer;border:3px solid #8a4de0;flex-direction:column;gap:6px;padding:14px 12px;transition:transform .1s steps(2,end);animation:.25s steps(3,end) pop;display:flex}.boon-card:hover{box-shadow:0 4px 0 var(--edge), 0 0 18px #b46cff99;transform:translateY(-4px)}.boon-card b{font-family:var(--title);font-size:18px}.boon-card span{color:var(--muted);font-size:14px}.boon-card.rare{border-color:var(--gold)}.boon-card.rare small{font-family:var(--title);color:var(--gold)}.rift-board ol{margin:0 0 10px;padding:0;list-style:none}.rift-board li{border-bottom:1px solid var(--line);grid-template-columns:26px 1fr auto auto;align-items:baseline;gap:8px;padding:5px 0;font-size:14px;display:grid}.rift-board li:first-child .place{color:#ffc23d}.rift-board li:nth-child(2) .place{color:#d8dce6}.rift-board li:nth-child(3) .place{color:#d08a4a}.rift-board li.me{background:#ffc23d1f}.rift-board .place{font-family:var(--title);text-align:center;font-weight:700}.rift-board .who{font-family:monospace}.rift-board small{color:var(--muted)}.rift-rules ul{margin:0;padding-left:18px;font-size:14px}.rift-rules li{margin-bottom:4px}@media (width<=820px){.rift-layout,.boon-offer,.rift-team{grid-template-columns:1fr}.rift-floor{width:24px;height:24px;font-size:12px}.rift-floor.boss{width:28px;height:28px}}.puzzle-card{background:linear-gradient(90deg, #7af0ff1f, transparent 55%), var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px #2a8fb0, 0 4px 0 var(--edge);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:16px;padding:14px 18px;display:grid}.puzzle-gem{clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);filter:drop-shadow(0 0 8px #7af0ff);background:linear-gradient(135deg,#e8fdff 0 25%,#7af0ff 25% 60%,#2a8fb0 60%);width:38px;height:50px;animation:1.4s step-end infinite idle}.puzzle-info small{font-family:var(--title);color:#7af0ff;text-transform:uppercase;letter-spacing:1px}.puzzle-info h3{font-family:var(--title);margin:2px 0 4px;font-size:20px;font-weight:700}.puzzle-info p{margin:0}.puzzle-state{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.puzzle-state .solved{color:#62c46e}.round.moves small{color:var(--muted)}.round.moves.last b{color:#ff7a6a}.replay-tag{font-family:var(--title);color:#ff7a6a;border:2px solid #ff7a6a;padding:2px 8px;font-weight:700;animation:1s steps(2,end) infinite pulse-now}.result .perfect{color:var(--gold)}.rift-floor-done{font-family:var(--title);color:#62c46e;margin:0 0 8px}@media (width<=820px){.puzzle-card{grid-template-columns:auto 1fr}.puzzle-state{flex-direction:row;grid-column:1/-1;justify-content:flex-end;align-items:center}}.hud-top .round.moves{white-space:nowrap;display:block!important}.stage.entering .slot.t0{animation:.55s steps(6,end) both enterL}.stage.entering .slot.t1{animation:.55s steps(6,end) both enterR}.stage.entering .slot:nth-of-type(2),.stage.entering .slot:nth-of-type(5){animation-delay:80ms}.stage.entering .slot:nth-of-type(3),.stage.entering .slot:nth-of-type(6){animation-delay:.16s}@keyframes enterL{0%{opacity:0;translate:-60px}}@keyframes enterR{0%{opacity:0;translate:60px}}.stage.shake{animation:.32s steps(8,end) shake}@keyframes shake{0%,to{translate:0}15%{translate:-6px 3px}30%{translate:5px -4px}45%{translate:-4px -2px}60%{translate:4px 3px}75%{translate:-2px 1px}}.fx-proj{z-index:120;pointer-events:none;animation:.24s steps(6,end) forwards fly;position:absolute}.fx-proj.orb{background:radial-gradient(circle, #fff 0 25%, var(--c) 30% 60%, transparent 62%);width:16px;height:16px;box-shadow:0 0 12px var(--c), 0 0 24px var(--c);image-rendering:pixelated;margin:-8px 0 0 -8px}.fx-proj.arrow{width:26px;height:4px;box-shadow:-6px 0 0 -1px var(--c);rotate:var(--rot);background:linear-gradient(90deg,#e8e0d0 0 70%,#c8c8d8 70%);margin:-2px 0 0 -13px}@keyframes fly{to{translate:var(--dx) var(--dy)}}.fx-burst{z-index:121;pointer-events:none;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:.36s steps(5,end) forwards burst;position:absolute}.fx-burst.orb{background:radial-gradient(circle, #fff 0 15%, var(--c) 20% 45%, transparent 50%);box-shadow:0 0 20px var(--c)}.fx-burst.arrow{background:radial-gradient(circle,#fff 0 20%,#0000 55%);width:24px;height:24px;margin:-12px 0 0 -12px}@keyframes burst{0%{opacity:1;scale:.3}to{opacity:0;scale:1.8}}.fx-slash{z-index:60;width:calc(var(--spr) * .9);height:6px;margin-left:calc(var(--spr) * -.45);pointer-events:none;background:linear-gradient(90deg,#0000,#fff 30% 70%,#0000);animation:.28s steps(5,end) forwards slash;position:absolute;top:38%;left:50%;rotate:-35deg;box-shadow:0 0 10px #fff}@keyframes slash{0%{opacity:1;scale:0 1}60%{opacity:1;scale:1}to{opacity:0;scale:1 .2}}.slot.hit .spr{animation:.3s steps(3,end) hitFlash}@keyframes hitFlash{0%{filter:brightness(3)saturate(0);translate:4px}50%{filter:brightness(1.6);translate:-3px}to{filter:none;translate:0}}.slot.healed .spr{animation:.6s steps(6,end) healGlow}@keyframes healGlow{0%,to{filter:none}40%{filter:brightness(1.5)drop-shadow(0 0 8px #7dffa0)}}.slot.healed:after{content:"";width:calc(var(--spr) * .8);height:calc(var(--spr) * .9);margin-left:calc(var(--spr) * -.4);pointer-events:none;background:radial-gradient(circle,#b8ffc8 0 2px,#0000 3px) 10% 80%/12px 12px,radial-gradient(circle,#7dffa0 0 2px,#0000 3px) 60% 60%/14px 14px,radial-gradient(circle,#fff 0 1px,#0000 2px) 30% 30%/10px 10px;animation:.7s steps(7,end) forwards sparkleUp;position:absolute;bottom:20%;left:50%}@keyframes sparkleUp{0%{opacity:1;translate:0 10px}to{opacity:0;translate:0 -30px}}.slot.fx-shield .spr{animation:.5s steps(5,end) shieldUp}@keyframes shieldUp{40%{filter:drop-shadow(0 0 10px #b8d4ff)brightness(1.3)}}.slot.fx-freeze .spr{animation:.5s steps(4,end) freezeUp}@keyframes freezeUp{50%{filter:hue-rotate(160deg)brightness(1.6)saturate(.6)}}.slot.fx-rage .spr,.slot.fx-taunt .spr{animation:.5s steps(4,end) rageUp}@keyframes rageUp{50%{filter:drop-shadow(0 0 10px #ff6a3a)brightness(1.3);scale:1.08}}.slot.dying .spr{animation:.6s steps(6,end) both die}@keyframes die{0%{filter:brightness(3);translate:0}30%{filter:brightness()saturate(0);translate:0 -8px}to{filter:grayscale()brightness(.6);opacity:.45;translate:0 6px}}.float.strong{color:#ffd84a;text-shadow:2px 2px #7a3a00,-1px -1px #000}.float.crit{font-size:1.5em;animation-name:floatCrit}@keyframes floatCrit{0%{opacity:0;scale:.4}20%{opacity:1;scale:1.4}40%{scale:1}to{opacity:0;translate:0 -48px}}.slot.active .shadow{animation:1s steps(4,end) infinite alternate activeGlow}@keyframes activeGlow{to{box-shadow:0 0 18px 6px #ffc23d8c}}.result h2{animation:.5s steps(6,end) both titleDrop}@keyframes titleDrop{0%{opacity:0;translate:0 -30px;scale:1.6}}.result.win .reward-portrait .spr{animation:.6s steps(4,end) 3 victoryHop}@keyframes victoryHop{50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.stage.shake,.stage.entering .slot,.fx-proj,.fx-burst,.fx-slash,.slot.healed:after,.result h2{animation:none!important}}.spr.posed{position:relative}.spr>.pose{image-rendering:auto;pointer-events:none;background-repeat:no-repeat;background-size:800% 100%;width:153.846%;height:153.846%;display:none;position:absolute;top:-53.846%;left:-26.923%}.slot.lunge .spr.posed:has(>.attack){background-image:none!important}.slot.cast .spr.posed:has(>.attack){background-image:none!important}.slot.hit:not(.lunge):not(.cast) .spr.posed:has(>.hurt){background-image:none!important}.slot.lunge .spr>.attack,.slot.cast .spr>.attack{animation:.48s step-end forwards pose;display:block}.slot.hit:not(.lunge):not(.cast) .spr>.hurt{animation:.44s step-end forwards pose;display:block}@keyframes pose{0%{background-position:0 0}12.5%{background-position:14.286% 0}25%{background-position:28.571% 0}37.5%{background-position:42.857% 0}50%{background-position:57.143% 0}62.5%{background-position:71.429% 0}75%{background-position:85.714% 0}87.5%,to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.spr>.pose{background-position:28.571% 0;animation:none!important}}.stage .slot .unit-hud{z-index:2;width:clamp(44px, calc(var(--spr) * .5), 124px);min-width:0;position:relative}.stage .slot .marker{z-index:2;margin-bottom:calc(var(--spr) * -.14);position:relative}.stage .slot .unit-name{font-size:12px;line-height:1.2}.stage .slot .unit-name span{font-size:11px}.stage .slot .hpbar{background:#0a0608d9;border:1px solid #000;height:6px;margin-top:1px;box-shadow:0 0 0 1px #c4a26759}.stage .slot.t0 .hpbar .hp{background:linear-gradient(#8ef08a 0 50%,#3ea447 50%)}.stage .slot.t1 .hpbar .hp{background:linear-gradient(#ff8a78 0 50%,#c23a30 50%)}.stage .slot .hpbar.low .hp{background:linear-gradient(#ffd36a 0 50%,#c98a1c 50%)}.stage .slot .unit-status{min-height:14px}.stage .intent{color:#f1e3c6;white-space:nowrap;background:#0c080ae0;border:1px solid #6a4a3a;align-items:center;gap:3px;max-width:100%;margin-bottom:2px;padding:1px 5px;font-size:11px;line-height:1.3;display:inline-flex}.stage .intent b{font-weight:400}.stage .intent span{text-overflow:ellipsis;overflow:hidden}.stage .intent.i-attack,.stage .intent.i-aoe{color:#ffc4b8;border-color:#b8453a}.stage .intent.i-heal{color:#c4f5c0;border-color:#3ea447}.stage .intent.i-guard,.stage .intent.i-buff{color:#cfe0ff;border-color:#4a7ab8}.stage .intent.ult{border-color:var(--gold);box-shadow:0 0 8px #ffc85a99}.stage .intent em{color:#1b1410;background:var(--gold);padding:0 3px;font-size:9px;font-style:normal;font-weight:700}.stage .threat{color:#fff;background:#a8322a;margin-bottom:2px;padding:0 5px;font-size:11px;font-weight:700;animation:.9s steps(2,end) infinite pulse;display:inline-block}.stage .chargebar{background:#0a0608cc;height:3px;margin-top:1px;position:relative}.stage .chargebar i{background:linear-gradient(90deg,#b8862e,#ffd36a);transition:width .3s;position:absolute;inset:0 auto 0 0}.stage .chargebar.full{box-shadow:0 0 6px #ffd36ae6}.stage .slot.t1 .chargebar{transform:scaleX(-1)}.charge-line{color:#bfb09a;margin-top:2px;font-size:12px}.charge-line b{color:#d9b45a}.charge-line.full b{color:#ffd36a;text-shadow:0 0 6px #ffd36acc}.skill.k-ult{--k:var(--gold);grid-column:1/-1}.skill.k-ult:not(:disabled){box-shadow:0 0 0 1px var(--gold), 0 0 14px #ffc85a73;animation:1.6s ease-in-out infinite ultReady}@keyframes ultReady{50%{box-shadow:0 0 0 1px var(--gold), 0 0 22px #ffc85abf}}.ticker .ult,.logbox .ult{color:#ffd36a}.ticker em.ult,.logbox em.ult{font-style:normal;font-weight:700}.stage.ult-flash:after{content:"";z-index:250;pointer-events:none;background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--ult,#fff) 55%, transparent), transparent 70%);animation:.6s ease-out forwards ultFlash;position:absolute;inset:0}@keyframes ultFlash{0%{opacity:1}to{opacity:0}}.stage .synergies{z-index:260;flex-wrap:wrap;gap:4px;max-width:45%;display:flex;position:absolute;top:8px}.stage .synergies.s0{left:8px}.stage .synergies.s1{justify-content:flex-end;right:8px}.stage .synergies span{font-family:var(--title);color:#f1e3c6;cursor:help;background:#100c0cd9;border:1px solid #7a5f3c;padding:2px 7px;font-size:11px}.stage .synergies.s0 span{border-color:#3ea447}.stage .synergies.s1 span{border-color:#b8453a}@media (prefers-reduced-motion:reduce){.skill.k-ult:not(:disabled),.stage .threat{animation:none}.stage.ult-flash:after{display:none}}@media (width<=600px){.stage .synergies{gap:2px;max-width:49%;top:4px}.stage .synergies.s0{left:4px}.stage .synergies.s1{right:4px}.stage .synergies span{padding:0 4px;font-size:9px}.stage .intent{padding:0 3px;font-size:9px}}.potions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.potions .p-head{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.potions .p-head b{color:var(--gold)}.potion{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#151213;align-items:center;gap:4px;padding:2px 10px 2px 2px;font-size:13px;display:inline-flex}.potion .item-icon{width:32px;height:32px}.potion b{min-width:1ch;color:var(--gold)}.potion:hover:not(:disabled),.potion.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.potion:disabled{opacity:.45;cursor:default}.slot.fx-potion:after{content:"";width:calc(var(--spr) * .6);height:calc(var(--spr) * .9);background:radial-gradient(ellipse at 50% 80%, color-mix(in srgb, var(--potion) 70%, transparent), transparent 65%);pointer-events:none;animation:.9s ease-out forwards potion-glow;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes potion-glow{0%{opacity:0;transform:translate(-50%)translateY(10%)}35%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-25%)}}.potion-card p{min-height:3em;margin:0;font-size:12px}.loot-item .potion-icon{width:28px;height:28px}@media (width<=600px){.potion span{display:none}}.stage>[class^=fx-],.stage>[class*=\ fx-],.stage>.ult-dim,.stage>.ult-cutin{pointer-events:none;position:absolute}.stage>.ult-dim{z-index:240;background:radial-gradient(ellipse at 50% 60%, transparent 20%, #0000008c 75%), linear-gradient(color-mix(in srgb, var(--c) 10%, #06040873), #06040873);animation:ultDim calc(var(--t,1.26s)) steps(8) forwards;inset:0}@keyframes ultDim{0%{opacity:0}12%,70%{opacity:1}to{opacity:0}}.stage>.ult-cutin{z-index:300;background:repeating-linear-gradient(90deg, transparent 0 18px, color-mix(in srgb, var(--c) 18%, transparent) 18px 20px), linear-gradient(180deg, color-mix(in srgb, var(--c) 55%, #120b0b) 0 4%, #120b0bf2 4% 96%, color-mix(in srgb, var(--c) 55%, #120b0b) 96%);height:26%;box-shadow:0 0 40px color-mix(in srgb, var(--c) 45%, transparent);align-items:center;gap:3%;padding:0 14%;animation:.76s steps(12,end) forwards cutIn;display:flex;top:30%;left:-10%;right:-10%;overflow:hidden;rotate:-4deg}.stage>.ult-cutin.side-1{flex-direction:row-reverse;animation-name:cutInR;rotate:4deg}@keyframes cutIn{0%{translate:-100%;scale:1 .2}18%{translate:0;scale:1}78%{opacity:1;translate:4%}to{opacity:0;translate:100%}}@keyframes cutInR{0%{translate:100%;scale:1 .2}18%{translate:0;scale:1}78%{opacity:1;translate:-4%}to{opacity:0;translate:-100%}}.ult-cutin .ult-hero{aspect-ratio:1;height:160%;filter:drop-shadow(0 0 10px var(--c)) brightness(1.15);background-position:0 0;background-repeat:no-repeat;background-size:800% 100%;flex:none;margin-top:8%}.ult-cutin .ult-name{font-family:var(--title);color:#fff4dc;text-shadow:3px 3px 0 #000, 0 0 16px var(--c);white-space:nowrap;flex-direction:column;font-size:clamp(14px,min(6cqh,4.6cqw),44px);line-height:1.05;display:flex}.ult-cutin .ult-name small{letter-spacing:.3em;color:var(--c);font-size:.42em}.ult-cutin.side-1 .ult-name{align-items:flex-end}.slot.ult-charge .spr{animation:.96s steps(8,end) ultCharge}@keyframes ultCharge{30%,80%{filter:brightness(1.6) drop-shadow(0 0 12px var(--gold,#ffc23d));scale:1.06}}.slot.ult-charge:before{content:"";width:calc(var(--spr) * .9);height:calc(var(--spr) * .25);background:radial-gradient(#ffd278cc,#0000 70%);border-radius:50%;animation:.96s steps(6,end) reverse fade;position:absolute;bottom:0;left:50%;translate:-50% 40%}.slot.ult-leap{z-index:200!important}.slot.ult-leap .spr{animation:.7s steps(10,end) ultLeap}@keyframes ultLeap{0%{translate:0}15%{translate:0 6%;scale:1.05 .92}45%{translate:calc(var(--jx) * .6) -45%;scale:1}62%{translate:var(--jx) 4%;scale:1.08 .9}80%{translate:var(--jx) 0;scale:1}to{translate:0}}.stage>.fx-quake{z-index:110;width:var(--w);height:calc(var(--w) * .3);margin:calc(var(--w) * -.15) 0 0 calc(var(--w) * -.5);border:3px solid var(--c);box-shadow:0 0 14px var(--c), inset 0 0 14px var(--c);border-radius:50%;animation:.6s steps(6,end) forwards quake}.stage>.fx-quake.big{border-width:5px}@keyframes quake{0%{opacity:1;scale:.2}to{opacity:0;scale:1.3}}.stage>.fx-crack{z-index:105;width:var(--w);height:calc(var(--w) * .22);margin:calc(var(--w) * -.11) 0 0 calc(var(--w) * -.5);clip-path:polygon(0 50%,12% 40%,20% 58%,31% 35%,40% 55%,50% 30%,60% 60%,70% 38%,80% 62%,90% 42%,100% 52%,90% 58%,80% 70%,70% 50%,60% 72%,50% 45%,40% 68%,31% 50%,20% 72%,12% 55%);filter:drop-shadow(0 0 4px var(--gold,#ffc23d));background:linear-gradient(90deg,#0000,#1b0e08 20% 80%,#0000);animation:1.1s steps(8,end) forwards crack}@keyframes crack{0%{scale:.1 1}20%{opacity:1;scale:1}to{opacity:0;scale:1}}.slot>.fx-stars{z-index:60;width:calc(var(--spr) * .45);height:calc(var(--spr) * .12);margin-left:calc(var(--spr) * -.225);pointer-events:none;filter:drop-shadow(0 0 4px #ffd84a);background:radial-gradient(circle,#fff6a8 0 3px,#0000 4px) 0/33% 100% repeat-x;animation:1.3s steps(12,end) forwards stars;position:absolute;top:22%;left:50%}@keyframes stars{0%{opacity:0;rotate:0deg}15%{opacity:1}85%{opacity:1}to{opacity:0;rotate:1turn}}.stage>.fx-meteor{z-index:230;width:var(--w);height:var(--w);margin:calc(var(--w) * -.5) 0 0 calc(var(--w) * -.5);background:radial-gradient(circle at 60% 40%, #fff 0 18%, #ffe07a 22% 40%, var(--c) 45% 62%, #7a1c0a 66%);box-shadow:0 0 18px var(--c), 0 0 40px #ff5a1a;border-radius:50%;animation:.48s steps(8,end) forwards meteor}.stage>.fx-meteor:after{content:"";width:calc(var(--w) * 3);height:calc(var(--w) * .7);transform-origin:0;background:linear-gradient(90deg, color-mix(in srgb, var(--c) 80%, #fff), transparent);clip-path:polygon(0 20%,100% 50%,0 80%);z-index:-1;position:absolute;top:50%;left:50%;translate:0 -50%;rotate:-55deg}@keyframes meteor{0%{translate:55cqw -80cqh}to{translate:0}}.stage>.fx-boom{z-index:225;width:var(--w);height:var(--w);margin:calc(var(--w) * -.5) 0 0 calc(var(--w) * -.5);background:radial-gradient(circle, #fff 0 14%, #ffe07a 18% 32%, var(--c) 38% 55%, transparent 62%);border-radius:50%;animation:.65s steps(7,end) forwards boom}.stage>.fx-boom.sharp{background:radial-gradient(circle, #fff 0 10%, color-mix(in srgb, var(--c) 60%, #fff) 14% 26%, transparent 42%);animation-duration:.5s}@keyframes boom{0%{opacity:1;scale:.2}45%{opacity:1;scale:1.05}to{opacity:0;scale:1.35}}.stage>.fx-reticle{z-index:235;width:var(--w);height:var(--w);margin:calc(var(--w) * -.5) 0 0 calc(var(--w) * -.5);border:2px solid var(--c);background:linear-gradient(var(--c), var(--c)) 50% 0 / 2px 30% no-repeat, linear-gradient(var(--c), var(--c)) 50% 100% / 2px 30% no-repeat, linear-gradient(var(--c), var(--c)) 0 50% / 30% 2px no-repeat, linear-gradient(var(--c), var(--c)) 100% 50% / 30% 2px no-repeat;filter:drop-shadow(0 0 6px var(--c));border-radius:50%;animation:.56s steps(8,end) forwards reticle}@keyframes reticle{0%{opacity:0;rotate:-90deg;scale:2.6}55%{opacity:1;rotate:0deg;scale:1}80%{scale:.85}to{opacity:0;scale:.85}}.stage>.fx-beam{z-index:236;width:var(--len);transform-origin:0;height:8px;rotate:var(--rot);background:linear-gradient(90deg, transparent, var(--c) 15%, #fff 60%, #fff);box-shadow:0 0 12px var(--c), 0 0 26px var(--c);margin-top:-4px;animation:.42s steps(6,end) forwards beam}@keyframes beam{0%{scale:0 1}30%{scale:1}to{opacity:0;scale:1 0}}.slot.ult-draw .spr{animation:.52s steps(5,end) ultDraw}@keyframes ultDraw{60%{filter:brightness(1.5)drop-shadow(0 0 10px #fff);translate:-4%}}.slot.t1.ult-draw .spr{animation-name:ultDrawL}@keyframes ultDrawL{60%{filter:brightness(1.5)drop-shadow(0 0 10px #fff);translate:4%}}.stage>.fx-holy-sky{z-index:238;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 45%, transparent), transparent 60%);mix-blend-mode:screen;animation:1.2s steps(8,end) forwards ultDim;inset:0}.stage>.fx-pillar{z-index:239;width:var(--w);height:120cqh;margin:-120cqh 0 0 calc(var(--w) * -.5);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 70%, #fff) 30% 70%, transparent);mix-blend-mode:screen;transform-origin:50% 100%;animation:1.1s steps(9,end) forwards pillar;bottom:auto}@keyframes pillar{0%{opacity:0;scale:.2 0}30%{opacity:1;scale:1}70%{opacity:.85;scale:1.1 1}to{opacity:0;scale:0 1}}.stage>.fx-halo{z-index:115;width:var(--w);height:calc(var(--w) * .3);margin:calc(var(--w) * -.15) 0 0 calc(var(--w) * -.5);box-shadow:0 0 16px var(--c);border:3px solid #fff6c8;border-radius:50%;animation:.9s steps(8,end) forwards halo}@keyframes halo{0%{opacity:1;translate:0;scale:.4}to{opacity:0;translate:0 -40%;scale:1.2}}.slot.ult-vanish .spr{animation:.9s steps(9,end) vanish}@keyframes vanish{0%{opacity:1}20%,70%{opacity:0;filter:brightness(0)}to{opacity:1}}.stage>.fx-smoke{z-index:120;width:var(--w);height:var(--w);margin:calc(var(--w) * -.5) 0 0 calc(var(--w) * -.5);background:radial-gradient(circle at 30% 60%,#2a1a33 0 22%,#0000 24%),radial-gradient(circle at 60% 40%,#1d1224 0 26%,#0000 28%),radial-gradient(circle at 70% 70%,#34204a 0 18%,#0000 20%);border-radius:50%;animation:.7s steps(7,end) forwards smoke}@keyframes smoke{0%{opacity:1;scale:.4}to{opacity:0;translate:0 -20%;scale:1.4}}.stage>.fx-xslash{z-index:236;width:var(--w);height:var(--w);margin:calc(var(--w) * -.5) 0 0 calc(var(--w) * -.5)}.stage>.fx-xslash:before,.stage>.fx-xslash:after{content:"";width:100%;height:7px;box-shadow:0 0 10px var(--c), 0 0 22px #7a3aff;background:linear-gradient(90deg,#0000,#fff 25% 75%,#0000);margin-top:-3px;animation:.26s steps(5,end) both slash;position:absolute;top:50%;left:0;rotate:45deg}.stage>.fx-xslash:after{animation-delay:.12s;rotate:-45deg}.slot>.fx-sigil{z-index:60;width:calc(var(--spr) * .22);height:calc(var(--spr) * .22);margin-left:calc(var(--spr) * -.11);pointer-events:none;background:radial-gradient(circle,#1b3a10 0 30%,#0000 34%);border:3px solid #8aff5a;animation:1.2s steps(10,end) forwards sigil;position:absolute;top:8%;left:50%;rotate:45deg;box-shadow:0 0 10px #5aff3a,inset 0 0 8px #5aff3a}@keyframes sigil{0%{opacity:0;scale:2}25%{opacity:1;scale:1}80%{opacity:1;translate:0 -10%}to{opacity:0;translate:0 -30%}}.stage>.fx-spark,.stage>.fx-debris,.stage>.fx-ember,.stage>.fx-mote,.stage>.fx-flame,.stage>.fx-bubble,.stage>.fx-shard{z-index:237;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:var(--c);box-shadow:0 0 6px var(--c);animation:.7s steps(7,end) forwards spark}.stage>.fx-debris{box-shadow:none;background:linear-gradient(135deg,#d4c2a4 50%,#5a4636 50%);animation:.75s steps(8,end) forwards debris}.stage>.fx-ember{animation:.9s steps(9,end) forwards ember}.stage>.fx-mote{border-radius:50%;animation:1.1s steps(10,end) forwards mote}.stage>.fx-flame{width:calc(var(--s) * 1.4);height:calc(var(--s) * 2);background:linear-gradient(180deg, #ffe07a, var(--c) 60%, transparent);border-radius:50% 50% 40% 40%;animation:.8s steps(8,end) forwards mote}.stage>.fx-bubble{border:2px solid var(--c);background:0 0;border-radius:50%;animation:.9s steps(8,end) forwards mote}.stage>.fx-shard{width:calc(var(--s) * .8);height:calc(var(--s) * 2.2);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:.8s steps(8,end) forwards spark}@keyframes spark{0%{opacity:1;translate:0}to{translate:var(--dx) var(--dy);opacity:0}}@keyframes debris{0%{translate:0;rotate:0deg}50%{translate:calc(var(--dx) * .6) calc(var(--dy) - 30px)}to{translate:var(--dx) 10px;opacity:0;rotate:1turn}}@keyframes ember{0%{opacity:1;translate:0}to{translate:var(--dx) calc(var(--dy) - 30px);opacity:0}}@keyframes mote{0%{opacity:0;translate:0}15%{opacity:1}to{translate:calc(var(--dx) * .4) calc(-1 * (40px + var(--s) * 6));opacity:0}}.slot>.fx-slash{box-shadow:0 0 10px var(--c,#fff), 0 0 20px var(--c,#fff);background:linear-gradient(90deg,#0000,#fff 30% 70%,#0000)}.slot>.fx-slash.cross{animation-delay:80ms;animation-fill-mode:both;rotate:35deg}.slot>.fx-dome,.slot>.aura-shield{z-index:55;width:calc(var(--spr) * .86);height:calc(var(--spr) * .88);margin-left:calc(var(--spr) * -.43);pointer-events:none;border-radius:50% 50% 22% 22%/64% 64% 18% 18%;position:absolute;bottom:0;left:50%}.slot>.fx-dome{background-blend-mode:normal;transform-origin:50% 100%;background:radial-gradient(at 50% 40%,#0000 48%,#8fd0ff66 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cpath fill='%23cfe8ff' fill-opacity='0.38' d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/svg%3E") 0 0/14px 24.5px;border:2px solid #dff1ff;animation:1.1s steps(11,end) forwards dome;box-shadow:0 0 18px #8fd0ffd9,inset 0 0 22px #8fd0ff99}@keyframes dome{0%{clip-path:inset(100% 0 0);opacity:1}35%{clip-path:inset(0);filter:brightness()}45%{filter:brightness(2.2)}60%{filter:brightness();opacity:1}to{clip-path:inset(0);opacity:0}}.slot>.fx-dome.ripple{animation:.45s steps(5,end) forwards ripple}@keyframes ripple{0%{opacity:1;filter:brightness(2);scale:1}40%{scale:1.06 .96}to{opacity:0;scale:1}}.slot>.fx-dome.shatter{animation:.42s steps(4,end) forwards shatter}@keyframes shatter{0%{opacity:1;filter:brightness(2.4)}50%{opacity:1;clip-path:polygon(0 0,45% 0,50% 40%,30% 55%,55% 100%,0 100%,0 0,100% 0,100% 100%,60% 100%,70% 50%,52% 38%,55% 0);scale:1.08}to{opacity:0;scale:1.2}}.slot>.aura-shield{opacity:.5;background:radial-gradient(at 50% 35%,#0000 50%,#8fd0ff38 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cpath fill='%23cfe8ff' fill-opacity='0.38' d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/svg%3E") 0 0/14px 24.5px;border:1px solid #cfe8ff8c;animation:2.4s steps(8,end) infinite shieldHold;box-shadow:0 0 10px #8fd0ff59}@keyframes shieldHold{50%{opacity:.75;background-position:0 0,0 -6px}}.stage>.fx-ringup{z-index:110;width:var(--w);height:calc(var(--w) * .28);margin:calc(var(--w) * -.14) 0 0 calc(var(--w) * -.5);border:3px solid #dff1ff;border-radius:50%;animation:.7s steps(7,end) forwards ringUp;box-shadow:0 0 14px #8fd0ff}@keyframes ringUp{0%{opacity:0;scale:1.4}25%{opacity:1;scale:1}to{translate:0 calc(var(--w) * -.8);opacity:0;scale:.7}}.stage>.fx-glint{z-index:237;filter:drop-shadow(0 0 4px #8fd0ff);width:12px;height:12px;animation:glint .5s steps(5) var(--d) both;background:linear-gradient(#fff,#fff) 50% 0/2px 100% no-repeat,linear-gradient(#fff,#fff) 0/100% 2px no-repeat;margin:-6px 0 0 -6px}@keyframes glint{0%,to{rotate:0deg;scale:0}50%{rotate:45deg;scale:1.2}}.stage>.fx-hexshard{z-index:237;width:var(--s);height:calc(var(--s) * 1.15);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#fff,#8fd0ff);animation:.8s steps(8,end) forwards debris}.stage>.fx-curse-ring{z-index:110;width:var(--w);height:calc(var(--w) * .3);margin:calc(var(--w) * -.15) 0 0 calc(var(--w) * -.5);background:radial-gradient(#3c145a8c,#0000 70%);border:3px dashed #b07aff;border-radius:50%;animation:1s steps(10,end) forwards curseRing;box-shadow:0 0 16px #7a3aff}@keyframes curseRing{0%{opacity:0;scale:1.8}40%{opacity:1;scale:1}to{opacity:0;scale:.55}}.stage>.fx-chevron{z-index:237;width:var(--w);height:calc(var(--w) * .7);margin:0 0 0 calc(var(--w) * -.5);clip-path:polygon(0 0,50% 55%,100% 0,100% 45%,50% 100%,0 45%);filter:drop-shadow(0 0 5px #7a3aff);animation:chevron .9s steps(9) var(--d) both;background:linear-gradient(#d0a8ff,#6a2ac0)}@keyframes chevron{0%{opacity:0;translate:0 -20px}25%{opacity:1}to{translate:0 calc(var(--w) * 5);opacity:0}}.stage>.fx-rune:before{content:var(--g)}.stage>.fx-rune{z-index:237;color:#e2c8ff;text-shadow:0 0 6px #7a3aff,0 0 12px #7a3aff;animation:rune 1s steps(10) var(--d) both;font-size:18px;font-style:normal;line-height:1;translate:-50% -50%}@keyframes rune{0%{opacity:0;scale:1.8}30%{opacity:1;scale:1}to{opacity:0;translate:-50% 60px}}.slot.fx-cursed .spr{animation:.9s steps(9,end) cursed}@keyframes cursed{0%,to{filter:none}30%,60%{filter:brightness(.7)saturate(.4)drop-shadow(0 0 10px #7a3aff);translate:0 3%}}.slot.weakened .spr{filter:saturate(.7)brightness(.9)drop-shadow(0 0 6px #7a3aff80)}.slot>.aura-weaken{z-index:0;width:calc(var(--spr) * .8);height:calc(var(--spr) * .22);margin-left:calc(var(--spr) * -.4);pointer-events:none;background:radial-gradient(at 30%,#7a3aff73,#0000 55%),radial-gradient(at 70%,#501e8c80,#0000 55%);border-radius:50%;animation:2s steps(8,end) infinite mist;position:absolute;bottom:-2%;left:50%}@keyframes mist{50%{opacity:.7;background-position:12px 0,-12px 0}}.stage>.fx-frost{z-index:108;width:var(--w);height:calc(var(--w) * .32);margin:calc(var(--w) * -.16) 0 0 calc(var(--w) * -.5);background:repeating-conic-gradient(from 10deg, #ffffffb3 0 3deg, transparent 3deg 24deg), radial-gradient(ellipse, #d6f0ffd9 0 30%, #8fd0ff59 55%, transparent 70%);border-radius:50%;animation:1.1s steps(10,end) forwards frost;-webkit-mask:radial-gradient(#000 45%,#0000 70%);mask:radial-gradient(#000 45%,#0000 70%)}@keyframes frost{0%{opacity:0;scale:.2}25%{opacity:1;scale:1}75%{opacity:1}to{opacity:0}}.stage>.fx-icespike{z-index:112;width:var(--w);height:var(--h);margin:calc(var(--h) * -1) 0 0 calc(var(--w) * -.5);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 5px #8fd0ff);transform-origin:50% 100%;animation:iceSpike 1s steps(10) var(--d) both;background:linear-gradient(90deg,#eaf8ff 0 45%,#9fd4f5 45% 100%)}@keyframes iceSpike{0%{scale:1 0}25%{scale:1 1.1}35%,75%{opacity:1;scale:1}to{opacity:0;translate:0 6px;scale:1}}.slot>.fx-iceblock,.slot>.aura-ice{z-index:56;width:calc(var(--spr) * .7);height:calc(var(--spr) * .8);margin-left:calc(var(--spr) * -.35);pointer-events:none;clip-path:polygon(12% 8%,45% 0,88% 6%,100% 40%,94% 100%,6% 100%,0 45%);background:linear-gradient(115deg,#0000 20%,#ffffff8c 24%,#0000 30% 62%,#ffffff59 65%,#0000 70%),linear-gradient(#d6f0ff73,#6eb4eb66);position:absolute;bottom:0;left:50%}.slot>.fx-iceblock{transform-origin:50% 100%;animation:1s steps(9,end) forwards iceBlock}@keyframes iceBlock{0%{filter:brightness(2);scale:1 0}30%{filter:brightness(2.2);scale:1}50%{filter:brightness();opacity:1}to{opacity:.6}}.slot>.aura-ice{opacity:.6;background-size:250% 100%,100% 100%;animation:2.4s steps(12,end) infinite iceGlint}@keyframes iceGlint{0%{background-position:100% 0,0 0}to{background-position:-150% 0,0 0}}.slot.frozen .spr{filter:saturate(.5)brightness(1.1)hue-rotate(170deg)drop-shadow(0 0 6px #8fd0ff);animation-play-state:paused}.stage>.fx-snow{z-index:237;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 3px #8fd0ff);background:#fff;animation:1s steps(10,end) forwards snow}@keyframes snow{0%{opacity:1;translate:0;rotate:0deg}to{translate:var(--dx) calc(var(--dy) + 40px);opacity:0;rotate:1turn}}.slot>.fx-blaze,.slot>.aura-burn{z-index:56;width:calc(var(--spr) * .7);height:calc(var(--spr) * .75);margin-left:calc(var(--spr) * -.35);pointer-events:none;clip-path:polygon(0 100%,4% 62%,11% 78%,18% 34%,27% 68%,36% 8%,45% 56%,53% 0,61% 50%,70% 18%,78% 64%,86% 32%,93% 72%,100% 100%);filter:drop-shadow(0 0 6px #ff6a1a);mix-blend-mode:screen;transform-origin:50% 100%;background:linear-gradient(0deg,#fff4b0 0 8%,#ffd04a 22%,#ff7a1a 48%,#d82a0a 70%,#a0140000 96%);position:absolute;bottom:0;left:50%}.slot>.fx-blaze{animation:1s steps(10,end) forwards blaze}.slot>.fx-blaze.small{height:calc(var(--spr) * .5);animation-duration:.7s}@keyframes blaze{0%{opacity:1;scale:.6 0}30%{scale:1 1.1}45%{scale:.92 .95}60%{opacity:1;scale:1.05}to{opacity:0;translate:0 -10%;scale:.8 1.2}}.slot>.aura-burn{height:calc(var(--spr) * .32);opacity:.85;animation:.6s steps(3,end) infinite flicker}@keyframes flicker{33%{clip-path:polygon(0 100%,6% 58%,13% 80%,21% 28%,30% 70%,39% 14%,47% 60%,56% 4%,64% 54%,73% 12%,81% 60%,89% 38%,95% 76%,100% 100%);scale:1.06 .86}66%{opacity:.75;clip-path:polygon(0 100%,3% 66%,10% 74%,17% 40%,25% 62%,34% 2%,43% 52%,51% 10%,59% 46%,68% 24%,76% 68%,85% 26%,92% 66%,100% 100%);scale:.94 1.14}}.slot.burning .spr{filter:drop-shadow(0 0 5px #ff781eb3)}.slot.fx-scorch .spr{animation:.6s steps(6,end) scorch}@keyframes scorch{30%{filter:brightness(1.7)sepia()saturate(4)hue-rotate(-20deg)}}.stage>.fx-splash{z-index:236;width:var(--w);height:var(--w);margin:calc(var(--w) * -.5) 0 0 calc(var(--w) * -.5);clip-path:polygon(50% 0,60% 30%,92% 12%,72% 42%,100% 55%,68% 62%,82% 96%,52% 72%,26% 100%,32% 64%,0 60%,30% 44%,10% 12%,40% 30%);filter:drop-shadow(0 0 6px #5aff3a);background:radial-gradient(circle,#d8ff9a 0 18%,#6ae03a 30% 52%,#2a7a18 60%,#0000 64%);animation:.7s steps(7,end) forwards splash}@keyframes splash{0%{opacity:1;rotate:-20deg;scale:.2}40%{opacity:1;scale:1.1}to{opacity:0;rotate:10deg;scale:1.3}}.stage>.fx-miasma{z-index:235;width:var(--w);height:calc(var(--w) * .8);margin:calc(var(--w) * -.4) 0 0 calc(var(--w) * -.5);background:radial-gradient(circle at 30% 60%,#6edc4680 0 20%,#0000 32%),radial-gradient(circle at 60% 40%,#50b43280 0 24%,#0000 36%),radial-gradient(circle at 72% 70%,#8cff5a66 0 16%,#0000 28%);border-radius:50%;animation:1.1s steps(10,end) forwards miasma}@keyframes miasma{0%{opacity:0;scale:.4}30%{opacity:1}to{opacity:0;translate:0 -18%;scale:1.35}}.stage>.fx-drop{z-index:237;width:calc(var(--s) * .8);height:calc(var(--s) * 1.2);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:radial-gradient(circle at 40% 60%,#d8ff9a,#3ab018 70%);border-radius:50%/35% 35% 65% 65%;animation:.9s steps(9,end) forwards debris}.slot>.aura-poison{z-index:56;width:calc(var(--spr) * .6);height:calc(var(--spr) * .7);margin-left:calc(var(--spr) * -.3);pointer-events:none;background:radial-gradient(circle,#0000 0 3px,#9aff6a 3px 4.5px,#0000 5px) 20% 100%/16px 16px no-repeat,radial-gradient(circle,#0000 0 2px,#9aff6a 2px 3.5px,#0000 4px) 65% 100%/12px 12px no-repeat,radial-gradient(circle,#0000 0 2px,#9aff6a 2px 3.5px,#0000 4px) 85% 100%/12px 12px no-repeat,radial-gradient(at 50% 85%,#5ac83c59,#0000 65%);animation:1.8s steps(12,end) infinite bubbles;position:absolute;bottom:4%;left:50%}@keyframes bubbles{0%{background-position:20% 100%,65% 100%,85% 100%,0 0}to{background-position:30% 0,55% 10%,90% 20%,0 0}}.slot.poisoned .spr{filter:drop-shadow(0 0 5px #6ee64699)saturate(.85)}.slot.fx-sicken .spr{animation:.6s steps(6,end) sicken}@keyframes sicken{40%{filter:brightness(.9)sepia()saturate(3)hue-rotate(50deg);translate:0 2%}}.stage.shake-big{animation:.52s steps(10,end) shakeBig}@keyframes shakeBig{0%,to{translate:0}10%{translate:-10px 8px}25%{translate:9px -7px}40%{translate:-7px -4px}55%{translate:6px 5px}70%{translate:-4px 2px}85%{translate:2px -1px}}@media (prefers-reduced-motion:reduce){.stage>[class^=fx-],.stage>[class*=\ fx-],.slot>[class^=fx-],.stage>.ult-cutin,.stage>.ult-dim{display:none}.stage.shake-big,.slot>.aura-shield,.slot>.aura-weaken,.slot>.aura-ice,.slot>.aura-burn,.slot>.aura-poison,.slot.fx-scorch .spr,.slot.fx-sicken .spr,.slot.fx-cursed .spr,.slot.ult-leap .spr,.slot.ult-charge .spr,.slot.ult-vanish .spr,.slot.ult-draw .spr{animation:none}}:root{--glow:#7af0ff;--notch:4px;--notched:polygon(0 var(--notch), var(--notch) var(--notch), var(--notch) 0, calc(100% - var(--notch)) 0, calc(100% - var(--notch)) var(--notch), 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, var(--notch) calc(100% - var(--notch)), 0 calc(100% - var(--notch)))}body{background:radial-gradient(1100px 520px at 50% -12%, #3d2a70 0, transparent 62%), radial-gradient(700px 380px at 105% 105%, #285a8c59, transparent 60%), radial-gradient(600px 360px at -5% 80%, #6e28784d, transparent 60%), radial-gradient(#ffffff08 1px, transparent 1px) 0 0 / 4px 4px, var(--bg);background-attachment:fixed}body:before,body:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}body:before{opacity:.55;background:radial-gradient(#fff 1px,#0000 1.5px) 0 0/180px 170px,radial-gradient(#b8d4ff 1px,#0000 1.5px) 60px 90px/260px 240px,radial-gradient(#ffd86a 1px,#0000 1.5px) 130px 40px/330px 310px;animation:160s steps(400,end) infinite drift}body:after{background:radial-gradient(#0000 55%,#0000008c 100%)}@keyframes drift{to{background-position:-180px 170px,-200px 330px,-200px 350px}}.topnav{box-shadow:inset 0 0 0 2px var(--line), inset 0 2px 0 2px #ffffff12, 0 4px 0 var(--edge), 0 10px 30px #00000059;background:linear-gradient(#30265a 0%,#221a3c 55%,#1b1530 100%);position:relative}.topnav:after{content:"";background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--glow) 50%, var(--gold) 80%, transparent);opacity:.6;height:2px;position:absolute;bottom:-3px;left:12px;right:12px}.brand{align-items:center;gap:8px;font-size:16px;display:flex}.brand:before{content:"";background:linear-gradient(135deg, #e8fdff 0 25%, var(--glow) 25% 60%, #2a8fb0 60%);clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);width:12px;height:18px;filter:drop-shadow(0 0 6px var(--glow));animation:2.4s steps(6,end) infinite alternate crystal}@keyframes crystal{to{filter:drop-shadow(0 0 12px var(--glow)) brightness(1.2);translate:0 -2px}}.tab{clip-path:var(--notched);transition:background .12s steps(2,end),color .12s steps(2,end)}.tab:hover{background:#ffffff0d}.tab.on{box-shadow:inset 0 -3px 0 var(--gold), inset 0 2px 0 #ffffff1a;text-shadow:0 0 8px #ffc23d73;background:linear-gradient(#3e3270,#2c2350)}.res{clip-path:var(--notched);background:linear-gradient(#120d20,#1a1430);box-shadow:inset 0 2px #0006}button.res{cursor:pointer;transition:filter .1s steps(2,end)}button.res:hover{filter:brightness(1.25)}.res.sound-btn{font-size:14px;line-height:1}.section-head h2{text-shadow:0 2px #00000080;align-items:center;gap:10px;font-size:19px;display:flex}.section-head h2:before{content:"";background:var(--gold);width:8px;height:8px;rotate:45deg;box-shadow:0 0 8px #ffc23db3}.sub-head{letter-spacing:.5px}.btn{clip-path:var(--notched);box-shadow:inset 0 0 0 3px var(--edge), inset 0 5px 0 0 #ffffff1f, inset 0 -6px 0 0 #00000059;background:linear-gradient(#4a3e78,#332a58);border:none;padding:13px 20px;transition:filter .1s steps(2,end),translate 80ms steps(2,end);position:relative}.btn.small{padding:8px 12px}.btn.primary{background:linear-gradient(#ff7a44 0%,#e8532e 45%,#b8361c 100%)}.btn:hover:not(:disabled){filter:brightness(1.18)saturate(1.1)}.btn.primary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff47 45%,#0000 60%);position:absolute;inset:0;translate:-120%}.btn.primary:hover:not(:disabled):after{animation:.6s steps(8,end) sweep}@keyframes sweep{to{translate:120%}}.btn:active:not(:disabled){box-shadow:inset 0 0 0 3px var(--edge), inset 0 3px 0 0 #0000004d;transform:translateY(3px)}.btn:disabled{filter:grayscale(.85)brightness(.6)}.chip{clip-path:var(--notched)}.card{transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}.card.on{animation:1.4s steps(4,end) infinite alternate selected}@keyframes selected{to{box-shadow:inset 0 0 0 3px var(--gold), 0 4px 0 var(--edge), 0 0 24px #ffc23d73}}.island{transition:transform .12s steps(2,end);position:relative;overflow:hidden}.island:hover{transform:translateY(-3px)}.island:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff2e 50%,#0000 65%);position:absolute;inset:0;translate:-130%}.panel,.quest,.mission,.listing,.econ-cell{transition:box-shadow .12s steps(2,end)}.listing:hover,.mission:hover,.quest.ready{box-shadow:inset 0 3px 0 var(--r,var(--gold)), inset 0 0 0 2px var(--gold), 0 4px 0 var(--edge), 0 0 18px #ffc23d33}.screen.enter{animation:.28s steps(5,end) screenIn}@keyframes screenIn{0%{opacity:.4;translate:0 8px}}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06040cc7}.result{box-shadow:inset 0 0 0 2px var(--line), 0 6px 0 var(--edge), 0 0 60px #7af0ff1f}.result.win{box-shadow:inset 0 0 0 2px var(--gold), 0 6px 0 var(--edge), 0 0 60px #ffc23d40}.toast{clip-path:var(--notched);box-shadow:inset 0 0 0 3px var(--edge), inset 0 0 0 5px var(--gold);background:linear-gradient(#2c2350,#1d1733);border:none;padding:12px 18px;animation:.3s steps(4,end) toastIn}@keyframes toastIn{0%{opacity:0;transform:none}to{transform:none}}.toast{transform:translate(-50%)}*{scrollbar-color:var(--panel-3) var(--bg);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--panel-3);border:2px solid var(--bg)}@media (prefers-reduced-motion:reduce){body:before,.brand:before,.card.on,.screen.enter{animation:none!important}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.tab:focus-visible,.skill:focus-visible,.card:focus-visible,.nft-card:focus-visible,.boon-card:focus-visible{outline-offset:-3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:0}#main:focus{outline:none}button,a,[role=button],label,.slot{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.overlay{overscroll-behavior:contain}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;font-family:var(--title);color:#0e0814;background:var(--gold);padding:8px 14px;font-weight:700;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.res b,.price,.nft-lv,.round,.wheel-odds td,.rift-board li,.sink-stats b,.shard-cell b,.floor-cell b,.hero-hp{font-variant-numeric:tabular-nums}h1,h2,h3,h4{text-wrap:balance}select{color:var(--text);background-color:var(--bg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--spr:clamp(92px, 12.6vw, 154px)}.card{--spr:126px}.detail-portrait{--spr:136px}.evo-step{--spr:112px}.nft-art{--spr:118px}.nft-art.big{--spr:180px}.raid-boss-art{--spr:220px}.spr.portrait{background-position:4.963% 17%;background-size:3200% 400%}@media (width<=820px){.stage{--spr:74px}.card{--spr:102px}.evo-step{--spr:78px}.raid-boss-art{--spr:150px}}[class*=bd-]{background-position:50% 78%;background-repeat:no-repeat;background-size:cover}.stat{grid-template-columns:30px 1fr 44px;margin-top:5px;font-size:13px}.stat span{letter-spacing:1px;font-size:11px}.stat b{font-variant-numeric:tabular-nums;color:#e8dcc6}.stat .bar{background:#ffffff0f;height:5px;box-shadow:inset 0 0 0 1px #00000080}.stat.low .bar i{opacity:.6}.stat.high b{color:#f1e3c6}.stat.over .bar i{background:linear-gradient(#f0d080,#b8862c);box-shadow:0 0 6px #f0d08099}.stat.over b{color:#f0d080}.stage{container-type:size}.stage .slot{--spr:36cqh}.stage .slot.boss{--spr:46cqh}@media (hover:hover) and (pointer:fine){body{cursor:url(/cursors/oath-pointer.svg) 7 5,default}button:not(:disabled),button.res:not(:disabled),a[href],summary,label,[role=button]:not([aria-disabled=true]),.slot:not(.targetable),.card,.dock-slot.filled{cursor:url(/cursors/oath-pointer-active.svg) 7 5,pointer}input,textarea,[contenteditable=true]{cursor:text}button:disabled,[aria-disabled=true]{cursor:not-allowed}.slot.targetable{cursor:crosshair}.res.sign-in:disabled,[aria-busy=true]{cursor:wait}}:root{--bg:#100f10;--bg-2:#171516;--panel:#1c1919;--panel-2:#262122;--panel-3:#352e2b;--edge:#0a0909;--line:#494035;--text:#e8dfcf;--muted:#b6ac9e;--dim:#9a8e7e;--gold:#c4a267;--gold-dark:#796039;--glow:#c4a267;--energy:#d0b57a;--title:"Cinzel", Georgia, serif}body{background:radial-gradient(ellipse at 70% 5%, #30201e66, transparent 55%), var(--bg);background-attachment:fixed;font-weight:500}body:before,body:after{content:none}#app{max-width:1400px;padding:24px 40px}.topnav{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;gap:12px 28px;margin-bottom:12px;padding:20px 0 14px}.topnav:after{content:none}.brand{font-family:var(--title);letter-spacing:2px;text-shadow:none;gap:0;font-size:24px}.brand span{color:var(--text);text-shadow:none}.brand:before{filter:none;background:#a67e43;width:11px;height:21px;margin-right:12px;animation:none}.tabs{justify-content:flex-end;gap:1px}.tab{font-family:var(--body);clip-path:none;border:0;padding:12px 10px;font-size:13px}.tab.on{color:var(--gold);box-shadow:inset 0 -1px var(--gold);text-shadow:none;background:0 0}.resources{border-top:1px solid #ffffff08;gap:8px;width:100%;padding-top:10px}.res{box-shadow:none;clip-path:none;background:#181616;border:1px solid #39312a;padding:7px 10px;font-size:12px}.res.essence,.res.stones,.res.shard{color:var(--gold)}.res.wallet{color:var(--text);border-color:#776044;margin-right:auto}.res.sound-btn{font-size:12px}.guest-note{color:var(--dim);background:0 0;border:0;padding:7px 0;font-size:12px}.realm-banner{isolation:isolate;background:radial-gradient(at 80%,#4e252333,#0000 65%),#141213;border:1px solid #554330;grid-template-columns:1fr 1fr;min-height:455px;margin:20px 0 36px;display:grid;position:relative;overflow:hidden}.realm-banner:before{content:"";pointer-events:none;z-index:3;border:1px solid #c4a26718;position:absolute;inset:8px}.realm-copy{z-index:2;padding:60px 0 42px 44px}.realm-eyebrow{letter-spacing:3px;color:var(--gold);font-size:10px;font-weight:800}.realm-copy h1{font-family:var(--title);letter-spacing:-1px;margin:24px 0 20px;font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.3}.realm-copy h1 em{color:var(--gold);font-style:normal}.realm-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.realm-actions{align-items:center;gap:24px;margin-top:28px;display:flex}.realm-actions .btn{font-family:var(--body);font-size:13px}.realm-actions .btn span{padding-left:22px}.realm-link{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:12px 0;font-size:12px}.realm-link:hover{color:var(--gold)}.realm-link span{padding-left:8px}.realm-caption{letter-spacing:2.3px;color:var(--dim);margin-top:34px;font-size:9px}.realm-caption span{color:var(--gold);padding-right:10px}.realm-art{min-width:0;position:relative}.realm-halo{border:1px solid #9b754533;border-radius:50%;width:360px;height:360px;position:absolute;top:44px;left:50%;transform:translate(-50%);box-shadow:0 0 0 22px #9b754509,0 0 0 23px #9b754519}.realm-halo:before{content:"✦";color:var(--gold);font-size:24px;position:absolute;top:-17px;left:48%}.realm-art img{object-fit:contain;width:87%;height:93%;position:absolute;bottom:24px}.realm-cleric{opacity:.75;left:-15%}.realm-mage{opacity:.8;right:-15%}.realm-art .realm-knight{z-index:1;width:96%;height:98%;bottom:0;left:2%}.realm-art:after{content:"";z-index:2;background:linear-gradient(#0000,#141213);position:absolute;inset:75% 0 0}.realm-art-caption{text-align:center;letter-spacing:5px;color:var(--gold);z-index:3;font-size:9px;position:absolute;bottom:20px;left:0;right:0}.section-head{margin:28px 0 16px}.section-head h2{letter-spacing:1px;text-shadow:none;font-size:18px;font-weight:500}.section-head h2:before{width:5px;height:5px;box-shadow:none}.hint{font-size:12px}.btn{clip-path:none;font-family:var(--body);background:linear-gradient(#302926,#211d1b);border:1px solid #6c5740;padding:12px 18px;box-shadow:inset 0 1px #ffffff08}.btn.primary{color:#f4e5d4;background:linear-gradient(#792438,#521827);border-color:#a34a55}.btn.primary:after{content:none}.btn:active:not(:disabled){translate:0 1px;box-shadow:inset 0 1px 5px #0008}.card,.panel,.quest,.mission,.listing,.econ-cell,.chain-panel,.nft-card,.feedback-card,.result,.detail{border-color:var(--line);box-shadow:inset 0 0 0 1px #ffffff04,0 8px 24px #0002}.card.on{box-shadow:inset 0 0 0 2px var(--gold);animation:none}.card:hover{box-shadow:inset 0 0 0 1px var(--gold), 0 8px 20px #0005}.card-art:before{background:linear-gradient(#0000,#120b1055)}.card-body{padding:16px}.islands{gap:12px}.island{aspect-ratio:auto;min-width:0;min-height:110px;box-shadow:none;background-color:#1b1717;border:1px solid #55483a}.island:after{background:linear-gradient(#0000,#100e0ce6);translate:none}.island:hover:after{animation:none}.island.on{border-color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.island-name{font-family:var(--title);font-size:13px}.island-meta{color:#e0d2b9;font-size:11px}.stage{aspect-ratio:3/2;background-position:bottom;background-size:cover}@media (width<=820px){.stage{aspect-ratio:4/3}}.raid-boss,.altar{image-rendering:auto;background-color:#151318;background-position:0 100%;background-repeat:no-repeat;background-size:contain}.raid-boss{background-position:50% 72%;background-size:cover}.empty-roster{border:1px solid var(--line);background:#191617;margin-bottom:110px;padding:24px}.dock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b1717f5;border:1px solid #705a3f;box-shadow:0 -8px 35px #0006}.dock-slot{border-color:var(--line);background:#121010}.screen-adventure:has(.empty-roster) .dock{display:none}.overlay{background:#080606d9}.toast{box-shadow:inset 0 0 0 1px var(--gold), 0 8px 30px #0008;clip-path:none;background:#28201c}@media (width<=1100px){#app{padding:16px 24px}.brand{justify-content:center;width:100%}.tabs{justify-content:center}.realm-copy{padding-left:28px}.realm-actions{gap:14px}}@media (width<=760px){#app{padding:10px 16px}.topnav{gap:16px;padding-top:12px}.tabs{justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.tab{flex:none;padding:10px 12px}.resources{gap:6px}.res{padding:6px 8px;font-size:11px}.realm-banner{grid-template-columns:1fr;margin-top:14px}.realm-copy{padding:32px 24px 0}.realm-copy h1{font-size:clamp(26px,6.5vw,40px)}.realm-copy p{font-size:13px}.realm-caption{margin-top:24px}.realm-art{height:330px;margin:0 14px}.realm-halo{width:240px;height:240px;top:36px}.realm-art img{height:95%}.realm-art .realm-knight{height:100%}.section-head h2{font-size:16px}.hint{font-size:11px}.islands{gap:8px}.island{min-height:95px}.island-name{font-size:10px}.card-body{padding:10px}}.island.locked{cursor:not-allowed;box-shadow:inset 0 0 0 999px #0c0a0bb8}.island.locked:hover{transform:none}.island.locked.ready{box-shadow:inset 0 0 0 999px #0c0a0b73, inset 0 0 0 1px var(--gold);border-color:var(--gold);cursor:pointer}.island.locked.ready:hover{transform:translateY(-3px)}.island-lock{z-index:2;font-size:14px;position:absolute;top:6px;right:8px}.island-meta b{font-weight:600}.island-meta b.no{color:#ff9a8a}.island-open{z-index:2;color:#1b1410;background:var(--gold);margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block;position:relative}.screen.enter :is(.card:not(.on),.panel,.quest,.mission,.listing,.island,.econ-cell,.loot-item,.realm,.raid-boss,.altar){animation:.42s steps(6,end) both riseIn}.screen.enter :is(.card,.quest,.mission,.listing,.island,.econ-cell):nth-child(2){animation-delay:40ms}.screen.enter :is(.card,.quest,.mission,.listing,.island,.econ-cell):nth-child(3){animation-delay:80ms}.screen.enter :is(.card,.quest,.mission,.listing,.island,.econ-cell):nth-child(4){animation-delay:.12s}.screen.enter :is(.card,.quest,.mission,.listing,.island,.econ-cell):nth-child(5){animation-delay:.16s}.screen.enter :is(.card,.quest,.mission,.listing,.island,.econ-cell):nth-child(6){animation-delay:.2s}.screen.enter :is(.card,.quest,.mission,.listing,.island,.econ-cell):nth-child(n+7){animation-delay:.24s}@keyframes riseIn{0%{opacity:0;translate:0 14px}}.topnav:has(~.screen.enter) .tab.on{animation:.3s steps(5,end) tabOn}@keyframes tabOn{0%{box-shadow:inset 0 0 var(--gold)}}.card .card-art:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fff0d229 50%,#0000 65%);position:absolute;inset:0;translate:-130%}.card:hover .card-art:after{animation:.7s steps(8,end) sweep}.result .result-stars .star{animation:.36s steps(5,end) both starStamp}.result .result-stars .star:first-child{animation-delay:.3s}.result .result-stars .star:nth-child(2){animation-delay:.48s}.result .result-stars .star:nth-child(3){animation-delay:.66s}@keyframes starStamp{0%{opacity:0;rotate:-25deg;scale:2.4}70%{opacity:1;scale:.9}}.result .loot-item{animation:.3s steps(4,end) both lootPop}.result .loot-item:nth-child(2){animation-delay:80ms}.result .loot-item:nth-child(3){animation-delay:.16s}.result .loot-item:nth-child(n+4){animation-delay:.24s}.result .loot-item.new{animation-name:lootPop,lootGlow;animation-duration:.3s,1.2s;animation-timing-function:steps(4,end),steps(4,end);animation-iteration-count:1,infinite;animation-direction:normal,alternate}@keyframes lootPop{0%{opacity:0;scale:.5}70%{scale:1.08}}@keyframes lootGlow{to{box-shadow:0 0 14px #ffc23d8c}}.result.win .reward-portrait{animation:.4s steps(6,end) .15s both riseIn}.unlock-card,.feedback-card{animation:.32s steps(5,end) both cardPop}@keyframes cardPop{0%{opacity:0;translate:0 12px;scale:.85}}.tab .dot{animation:1.6s steps(4,end) infinite dotPulse}@keyframes dotPulse{50%{filter:brightness(1.3);scale:1.2}}@media (prefers-reduced-motion:reduce){.screen.enter *,.topnav .tab.on,.card:hover .card-art:after,.result .result-stars .star,.result .loot-item,.result.win .reward-portrait,.unlock-card,.feedback-card,.tab .dot{animation:none!important}}.landing{z-index:50;background:#0e0c0d;outline:none;place-content:center;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow:hidden}.landing-scene{background:url(/scenes/light-hd.jpg) 50% 65%/cover no-repeat;animation:30s ease-in-out infinite alternate landing-drift;position:absolute;inset:0}@keyframes landing-drift{0%{transform:scale(1.04)}to{transform:scale(1.1)translateY(-1%)}}.landing-shade{background:radial-gradient(at 50% 38%,#0e0c0d40,#0e0c0dd1 70%),linear-gradient(#0e0c0d8c,#0000 30% 62%,#0e0c0dd9);position:absolute;inset:0}.landing-panel{z-index:3;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141011c7;border:1px solid #6a5238;width:min(520px,100%);padding:30px 28px 22px;animation:.6s ease-out both landing-in;position:relative;box-shadow:inset 0 0 0 1px #c4a2672e,0 20px 60px #0009}@keyframes landing-in{0%{opacity:0;transform:translateY(12px)}}.landing-crest{clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%);filter:drop-shadow(0 0 10px #c4a26799);background:linear-gradient(135deg,#f6e9c8 0 25%,#c4a267 25% 60%,#7a5a2c 60%);width:30px;height:40px;margin:0 auto 10px}.landing-panel h1{font-family:var(--title);letter-spacing:6px;color:#f1e3c6;margin:0;font-size:clamp(30px,7vw,46px);font-weight:600}.landing-panel h1 span{color:var(--gold)}.landing-tagline{font-family:var(--title);color:#e4d6bd;margin:8px 0 14px;font-size:17px}.landing-tagline em{color:var(--gold);font-style:normal}.landing-copy{color:#bfb09a;max-width:400px;margin:0 auto 20px;font-size:14px}.landing-cta{letter-spacing:1px;min-width:240px;padding:13px 22px;font-size:16px;text-decoration:none;display:inline-block}.landing-error{color:#ff9a8a;margin:12px 0 0;font-size:13px}.landing-note{color:#bfb09a;margin:10px 0 0;font-size:13px}.landing-guest{font:inherit;color:#bfb09a;cursor:pointer;background:0 0;border:none;margin:14px auto 0;padding:6px 10px;font-size:13px;display:block}.landing-guest:hover{color:var(--gold)}.landing-foot{letter-spacing:1px;color:#8a7c68;text-transform:uppercase;margin:14px 0 0;font-size:11px}.landing-music{z-index:4;font:inherit;color:#bfb09a;cursor:pointer;background:#141011b3;border:1px solid #6a5238;padding:7px 12px;font-size:13px;position:absolute;top:16px;right:16px}.landing-music.on{color:var(--gold);border-color:var(--gold)}.landing-music:hover{color:#f1e3c6}@media (prefers-reduced-motion:reduce){.landing-scene,.landing-panel{animation:none}}.ar-gate{padding:18px}.ar-gate p{margin:0 0 12px}.l-bronze{--lg:#b8763e}.l-silver{--lg:#b9c2cc}.l-gold{--lg:#e0b24a}.l-diamond{--lg:#6fd3ff}.l-legend{--lg:#ff7ad9}.ar-top{grid-template-columns:2fr 1fr;gap:12px;margin-bottom:14px;display:grid}.ar-rank,.ar-attacks{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);gap:2px;padding:12px 14px;display:grid}.ar-rank{box-shadow:inset 0 0 0 2px var(--lg), 0 4px 0 var(--edge), 0 0 24px color-mix(in srgb, var(--lg) 30%, transparent)}.ar-rank small,.ar-attacks small{font-family:var(--title);color:var(--gold);text-transform:uppercase;letter-spacing:1px}.ar-rank>b{font-family:var(--title);color:var(--lg);text-shadow:0 0 12px color-mix(in srgb, var(--lg) 60%, transparent);font-size:30px;line-height:1.1}.ar-attacks>b{font-family:var(--title);font-size:22px}.ar-sec-head{justify-content:space-between;align-items:center;gap:10px;margin:4px 0 8px;display:flex}.ar-sec-head h3,.ar-bottom h3{font-family:var(--title);margin:0}.ar-defense{margin-bottom:16px;padding:12px 14px}.ar-team{gap:6px;display:flex}.ar-hero{--spr:84px;background:radial-gradient(circle at 50% 70%, color-mix(in srgb, var(--el) 30%, transparent), transparent 70%);justify-items:center;display:grid;position:relative}.ar-hero small{background:#0a080acc;padding:0 4px;font-size:11px;position:absolute;bottom:0}.ar-opps{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.ar-opp{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--lg), 0 4px 0 var(--edge);gap:8px;padding:10px 12px;display:grid}.ar-opp-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ar-opp-head b{font-family:var(--title)}.ar-league{color:var(--lg);font-size:12px}.ar-opp-foot{gap:6px;display:grid}.up{color:#7ee07e}.down{color:#ff8a78}.ar-bottom{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ar-bottom .ar-box{padding:12px 14px}.ar-log,.ar-top10{margin:8px 0 0;padding:0;font-size:13px;list-style:none}.ar-log li,.ar-top10 li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:8px;padding:4px 0;display:flex}.ar-log li.up span{color:#7ee07e}.ar-log li.down span{color:#ff8a78}.ar-top10{counter-reset:place}.ar-top10 li:before{counter-increment:place;content:counter(place) ".";width:22px;color:var(--muted)}.ar-top10 li span{flex:1}.ar-top10 li.me{color:var(--gold)}.arena-delta{font-family:var(--title);margin:4px 0 8px;font-size:18px}.arena-delta.up{color:#7ee07e}.arena-delta.down{color:#ff8a78}@media (width<=820px){.ar-top,.ar-bottom,.ar-opps{grid-template-columns:1fr}.ar-hero{--spr:72px}}.ar-box{background:var(--panel);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);padding:12px 14px}.explore{border:3px solid var(--edge);height:min(68vh,620px);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#0b0809;outline:none;position:relative;overflow:hidden}.ex-world{transform-origin:0 0;image-rendering:auto;cursor:pointer;background-size:100% 100%;position:absolute;top:0;left:0}.ex-camp,.ex-npc,.ex-hero,.ex-cache{pointer-events:none;position:absolute;translate:-50% -92%}.ex-hero,.ex-npc,.ex-camp{--spr:72px}.ex-hero{z-index:5;filter:drop-shadow(0 3px 2px #000000b3)}.ex-hero .spr.walk,.ex-hero.walking .spr.stand{display:none}.ex-hero.walking .spr.walk{animation:.5s step-end infinite idle;display:block}.ex-hero.left .spr{transform:scaleX(-1)}.ex-hero .town-you{font-size:9px}.ex-camp{z-index:3}.ex-camp.ahead{filter:brightness(.55)saturate(.6)}.ex-camp.next .spr{filter:drop-shadow(0 0 6px #ff5a3cd9)}.ex-camp.lair{--spr:104px}.ex-camp.cleared{color:#d9b45a;text-shadow:0 2px #000;font-size:22px;translate:-50% -100%}.ex-tag{font-family:var(--title);color:#f1e3c6;white-space:nowrap;background:#100c0cd9;border:1px solid #7a5f3c;padding:0 5px;font-size:11px;position:absolute;bottom:100%;left:50%;translate:-50%}.ex-camp.next .ex-tag{color:#ffc4b8;border-color:#d0463a}.ex-cache{z-index:2;translate:-50% -70%}.ex-cache .item-icon{filter:drop-shadow(0 0 6px #ffd36acc);width:34px;height:34px;animation:1.4s steps(2,end) infinite bob}.ex-npc{z-index:4;filter:saturate(.7)}.ex-say{z-index:8;color:#f1e3c6;pointer-events:none;background:#100c0ceb;border:1px solid #7a5f3c;width:190px;padding:5px 8px;font-size:11px;line-height:1.35;position:absolute;translate:-50% calc(-100% - 78px)}.ex-say b{font-family:var(--title);color:var(--gold);display:block}.ex-fog{z-index:6;filter:blur(14px);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ex-prompt{z-index:10;position:absolute;bottom:14px;left:50%;translate:-50%}.ex-prompt kbd{opacity:.8;border:1px solid;margin-left:6px;padding:0 4px;font-size:11px}.ex-help{z-index:10;color:#bfb09a;background:#100c0cbf;padding:2px 8px;font-size:11px;position:absolute;top:8px;right:8px}@media (width<=600px){.explore{height:62vh}.ex-help{display:none}}@media (prefers-reduced-motion:reduce){.ex-cache .item-icon,.ex-hero.walking .spr.walk{animation:none}}.town,.tavern{aspect-ratio:3/2;border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--line), 0 4px 0 var(--edge);-webkit-user-select:none;user-select:none;background-position:50%;background-size:cover;position:relative;overflow:hidden;container-type:size}.town-place,.tavern-spot{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:40%;place-items:end center;padding:0 0 4%;transition:background .2s;display:grid;position:absolute}.town-place:hover,.town-place:focus-visible,.tavern-spot:hover,.tavern-spot:focus-visible,.tavern-spot.on{background:radial-gradient(at 50% 55%,#ffd68c42,#0000 68%);outline:none}.town-label{text-align:center;white-space:nowrap;background:#100c0cd1;border:1px solid #7a5f3c;justify-items:center;padding:3px 10px 4px;line-height:1.15;transition:transform .15s;display:grid;position:relative;box-shadow:0 2px #000a}.town-label b{font-family:var(--title);color:#f1e3c6;font-size:14px}.town-label small{color:#bfb09a;font-size:11px}.town-place:hover .town-label,.town-place:focus-visible .town-label,.tavern-spot:hover .town-label,.tavern-spot.on .town-label{border-color:var(--gold);transform:translateY(-3px)}.town-place:hover .town-label b,.tavern-spot.on .town-label b{color:var(--gold)}.town-label .dot{color:#0e0c0d;background:#7ee07e;border-radius:9px;min-width:18px;padding:1px 5px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:-8px;right:-8px}.town-hero{--spr:12cqh;z-index:2;pointer-events:none;image-rendering:pixelated;position:absolute;translate:-50% -92%}.town-you{font-family:var(--title);letter-spacing:.5px;text-transform:uppercase;color:#1b1410;background:var(--gold);white-space:nowrap;padding:0 3px;font-size:clamp(7px,1.6cqh,9px);font-weight:700;line-height:1.2;position:absolute;top:24%;left:50%;translate:-50% -100%;box-shadow:0 1px #000a}.town-you:after{content:"";border:3px solid #0000;border-top-color:var(--gold);position:absolute;top:100%;left:50%;translate:-50%}.town-hero:after{content:"";z-index:-1;background:radial-gradient(#0000008c,#0000 70%);height:8%;position:absolute;bottom:4%;left:25%;right:25%}.town-hero.left .spr{transform:scaleX(-1)}.town-hero .spr.walk,.town-npc .spr.walk,.town-hero.walking .spr.stand,.town-npc.walking .spr.stand{display:none}.town-hero.walking .spr.walk,.town-npc.walking .spr.walk{display:block}.town-hero.walking .spr.walk{animation:.48s step-end infinite idle,.24s ease-in-out infinite town-bob}.town-hero.walking .spr.walk.strip{animation:.48s step-end infinite idle}@keyframes town-bob{50%{translate:0 -4%}}.tavern .board{width:18%;height:30%;top:22%;left:1%}.tavern .map{width:25%;height:20%;top:58%;left:64%}.barkeep{cursor:pointer;background:0 0;border:none;width:9%;height:18.6%;padding:0;position:absolute;top:25.8%;left:47.6%;overflow:hidden}.barkeep img{width:100%;height:auto;display:block}.barkeep:hover img,.barkeep:focus-visible img{outline:1px solid var(--gold)}.tavern-wrap{position:relative}.barkeep-say{z-index:2;color:#f1e3c6;background:#100c0ce0;border:1px solid #7a5f3c;width:26%;padding:8px 12px 6px;font-size:13px;line-height:1.35;position:absolute;top:4%;left:22%;box-shadow:0 4px 16px #000a}.barkeep-say:after{content:"";border:8px solid #0000;border-left-color:#7a5f3c;position:absolute;top:60%;right:-9px}.barkeep-say b{font-family:var(--title);color:var(--gold)}.barkeep-say p{margin:2px 0 4px}.barkeep-say small{color:#8a7c68;font-size:11px}.tavern-panel{margin-top:16px}@media (width<=820px){.town-label{padding:2px 6px 3px}.town-label b{font-size:11px}.town-label small{display:none}.barkeep-say{width:auto;margin-top:8px;font-size:13px;position:static}.barkeep-say:after{display:none}}@media (prefers-reduced-motion:reduce){.town-hero.walking .spr{animation:none}}.town-lights{pointer-events:none;position:absolute;inset:0}.town-lights i{position:absolute;translate:-50% -50%}.lantern-light{aspect-ratio:1;background:radial-gradient(#ffba5260,#ed90251c 38%,#0000 70%);width:5%;animation:3.7s steps(4,end) infinite lantern-breathe}.crystal-light{background:radial-gradient(#80ccff40,#0000 68%);width:10%;height:20%;animation:6s steps(8,end) infinite lantern-breathe;top:39%;left:50%}@keyframes lantern-breathe{0%,to{opacity:.35}50%{opacity:.9}}.town-place.destination .town-label{border-color:#f3cc83;box-shadow:0 0 0 2px #241c13}.town-place:focus-visible,.tavern-spot:focus-visible,.barkeep:focus-visible{outline-offset:-3px;outline:2px solid #f3cc83}.town-travel{color:#cbbda6;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:13px;display:flex}.town-travel [hidden]{display:none}.town-directory,.tavern-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.town-directory button,.tavern-tools button{text-align:left;color:#e7d6b8;cursor:pointer;min-height:58px;font:inherit;background:linear-gradient(135deg,#251e19,#141213);border:1px solid #58442f;gap:4px;padding:12px;display:grid}.town-directory b,.tavern-tools b{font-family:var(--title);font-size:15px}.town-directory small,.tavern-tools small{color:#b8aa96;font-size:12px;line-height:1.4}.town-directory button:hover,.tavern-tools button:hover,.tavern-tools [aria-pressed=true]{border-color:var(--gold);background:#30251b}.town-directory button:focus-visible,.tavern-tools button:focus-visible,.barkeep-say button:focus-visible,.town-travel button:focus-visible{outline-offset:3px;outline:2px solid #f3cc83}.tavern-tools{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.tavern-panel{background:#151212;border:1px solid #58442f;border-top:3px solid #967447;padding:18px;box-shadow:inset 0 0 0 3px #211b17}.tavern-caption{color:#b8aa96;margin:0 0 16px;font-size:13px;font-style:italic}.tavern-empty{color:#d8c8ad;border:1px dashed #715a3e;margin-bottom:16px;padding:16px}.barkeep-say .realm-link{text-align:left;white-space:normal;min-height:44px}.town-paused .town *,.town-paused .tavern *{animation-play-state:paused!important}@media (width<=600px){.town-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.town-label{white-space:normal;padding:3px 4px}.town-label b{font-size:10px}.town-travel{font-size:12px}.town-travel button{flex-shrink:0;min-height:44px}.tavern-panel{padding:12px}.screen-tavern>.section-head{flex-wrap:wrap;align-items:flex-start;gap:8px}.tavern .board{width:24%}}@media (prefers-reduced-motion:reduce){.town *,.tavern *{transition:none!important;animation:none!important}.town-label{transform:none!important}.town-lights{opacity:.4}}.town-directory button:disabled{cursor:default;opacity:.6}.town-npc{--spr:11cqh;z-index:1;pointer-events:none;image-rendering:pixelated;filter:saturate(.65)brightness(.85);opacity:.9;position:absolute;translate:-50% -92%}.town-npc.left .spr{transform:scaleX(-1)}.town-npc.walking .spr.walk{animation:.9s step-end infinite idle,.45s steps(2,end) infinite town-bob}.town-npc.walking .spr.walk.strip{animation:.9s step-end infinite idle}.town-place{z-index:3}@media (width<=600px){.town-npc[data-resident="3"],.town-npc[data-resident="4"]{display:none}}@media (prefers-reduced-motion:reduce){.town-npc .spr{animation:none}}.tab.locked{color:var(--dim);opacity:.7}.tab .dot.new{background:var(--gold);color:var(--edge)}.sub-tabs{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.sub-tab{font:inherit;color:var(--muted);background:var(--panel);border:1px solid var(--line);cursor:pointer;align-items:baseline;gap:6px;padding:7px 14px;font-size:14px;display:inline-flex}.sub-tab:hover{color:var(--text);border-color:var(--gold)}.sub-tab.on{color:var(--gold);border-color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.sub-tab.locked{color:var(--dim);border-style:dashed}.sub-tab small{font-size:11px}.new-tag{text-transform:uppercase;color:var(--edge);background:var(--gold);padding:0 5px;font-size:10px;font-style:normal;font-weight:700}.next-step{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 16%, var(--panel)), var(--panel) 60%);border:1px solid color-mix(in srgb, var(--gold) 55%, var(--line));border-left:4px solid var(--gold);align-items:center;gap:12px;margin:0 0 16px;padding:10px 14px;display:flex}.next-step.ready{animation:1.8s ease-in-out infinite ns-glow}@keyframes ns-glow{50%{box-shadow:0 0 18px color-mix(in srgb, var(--gold) 45%, transparent)}}.ns-tag{font-family:var(--title);letter-spacing:1px;text-transform:uppercase;color:var(--gold);flex:none;font-size:12px}.ns-text{flex:1;min-width:0;font-size:14px;line-height:1.35}.ns-text b{color:var(--text);margin-right:4px}.next-step .btn{flex:none}.unlock-card{text-align:center;background:var(--panel);border:1px solid var(--gold);width:min(420px,100%);box-shadow:0 0 40px color-mix(in srgb, var(--gold) 35%, transparent), 0 8px 24px #0008;padding:22px 22px 18px;animation:.35s ease-out unlock-in}.unlock-card small{font-family:var(--title);letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.unlock-card h3{font-family:var(--title);margin:6px 0 8px;font-size:26px}.unlock-card p{color:var(--muted);margin:0 0 16px}.unlock-card .result-actions{justify-content:center}@keyframes unlock-in{0%{opacity:0;transform:scale(.85)}}.town-place.locked .town-label{opacity:.85;filter:grayscale(.7)}.town-place.locked .town-label small,.town-directory button.locked small{color:var(--dim)}.town-directory button.locked{opacity:.6}.town-place.fresh .town-label{border-color:var(--gold);box-shadow:0 0 16px color-mix(in srgb, var(--gold) 60%, transparent)}.town-place.fresh .town-label small{color:var(--gold)}@media (width<=600px){.next-step{flex-wrap:wrap;gap:6px 10px}.ns-text{flex-basis:100%;order:2}.next-step .btn,.next-step>.muted{order:3}}@media (prefers-reduced-motion:reduce){.next-step.ready,.unlock-card{animation:none}}.battle-tip{z-index:6;background:color-mix(in srgb, var(--panel) 94%, transparent);border:1px solid var(--gold);width:min(440px,100% - 24px);padding:10px 14px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0009}.battle-tip small{font-family:var(--title);letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.battle-tip p{margin:4px 0 8px;font-size:14px;line-height:1.4}.battle-tip div{gap:8px;display:flex}