:root{--bg:#120b10;--panel:#241820;--panel2:#342330;--line:#4a3340;--ember:#ff7a2a;--ember2:#ffb347;--gold:#f2b632;--text:#fff3e6;--dim:#c9b3a8;--green:#5ae07a;--red:#ff4b4b;--blue:#4a8fe8;--purple:#b05ae8;--cyan:#7fd2ff;--q-normal:#8a8a8a;--q-unique:#3d8cff;--q-elite:#f2b632;--q-super:#b3121f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;width:100%;height:100%;color:var(--text);margin:0;padding:0;font-family:Cairo,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;overflow:hidden}#gl{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;z-index:2;position:fixed;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#labels{pointer-events:none;z-index:1;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#nums{pointer-events:none;z-index:3;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#toasts{left:0;right:0;top:calc(var(--safe-top) + 90px);pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed}#modals{pointer-events:none;z-index:15;position:fixed;top:0;bottom:0;left:0;right:0}#modals>*{pointer-events:auto}#fade{opacity:0;pointer-events:none;z-index:10;background:#000;transition:opacity .3s;position:fixed;top:0;bottom:0;left:0;right:0}#fade.on{opacity:1}#hurt-flash{pointer-events:none;z-index:4;transition:box-shadow .15s;position:fixed;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 90px 30px #ff282800}#hurt-flash.on{box-shadow:inset 0 0 90px 30px #ff28288c}#status{display:none}.screen{padding:calc(var(--safe-top) + 10px) 14px calc(var(--safe-bottom) + 10px);background:var(--bg);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen.transparent{background:0 0}.screen .content{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;padding-bottom:20px;overflow:hidden auto}.topbar{align-items:center;gap:8px;min-height:52px;margin-bottom:8px;display:flex}.topbar h1{text-align:center;color:var(--ember2);text-shadow:0 2px #000;flex:1;margin:0;font-size:24px}.cur{background:#00000059;border-radius:14px;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-size:15px;font-weight:700;display:inline-flex}.cur .ic{width:18px;height:18px}.cur.gold{color:var(--gold)}.cur.ruby{color:#ff6b9a}.ic{vertical-align:-.25em;width:1.2em;height:1.2em}.btn{color:var(--text);cursor:pointer;text-shadow:0 1px #00000080;background:linear-gradient(#ff9240,#e8641e);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:17px;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:0 4px #8a3a10,inset 0 2px #ffffff59}.btn:active{transform:translateY(3px);box-shadow:0 1px #8a3a10}.btn.ghost{background:linear-gradient(#5a4654,#3b2a35);box-shadow:0 4px #1a1016,inset 0 2px #ffffff26}.btn.ghost:active{box-shadow:0 1px #1a1016}.btn.green{background:linear-gradient(#6fe08a,#2fa84e);box-shadow:0 4px #1a5a2c,inset 0 2px #ffffff59}.btn.green:active{box-shadow:0 1px #1a5a2c}.btn.gold{color:#2a1a05;text-shadow:none;background:linear-gradient(#ffd66a,#d99a1a);box-shadow:0 4px #7a5208,inset 0 2px #ffffff80}.btn.gold:active{box-shadow:0 1px #7a5208}.btn.red{background:linear-gradient(#ff6a6a,#c0282e);box-shadow:0 4px #5a1016,inset 0 2px #ffffff4d}.btn.small{border-radius:11px;padding:8px 14px;font-size:14px}.btn.big{border-radius:18px;padding:16px 36px;font-size:22px}.btn.icon{border-radius:13px;width:46px;height:46px;padding:10px}.btn.icon .ic{width:22px;height:22px}.btn:disabled{filter:grayscale(.8)brightness(.6);cursor:default}.btn.wide{width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;padding:12px;box-shadow:0 6px #00000059}.panel h2{color:var(--gold);margin:0 0 8px;font-size:18px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.center{justify-content:center}.col{flex-direction:column;gap:6px;display:flex}.dim{color:var(--dim)}.small{font-size:13px}.gold-t{color:var(--gold)}.green-t{color:var(--green)}.red-t{color:var(--red)}.bold{font-weight:800}.center{text-align:center}.grow{flex:1}.toast{border:1px solid var(--gold);color:var(--gold);opacity:0;text-align:center;background:#140a10eb;border-radius:12px;max-width:90vw;padding:8px 16px;font-weight:800;transition:all .25s;transform:translateY(-8px)}.toast.show{opacity:1;transform:translateY(0)}.toast.bad{border-color:var(--red);color:var(--red)}.toast.good{border-color:var(--green);color:var(--green)}.modal-bg{opacity:0;background:#000000b3;justify-content:center;align-items:center;padding:16px;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal-bg.show{opacity:1}.modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:min(440px,100%);max-height:86vh;padding:18px;transition:transform .2s;overflow-y:auto;transform:scale(.94);box-shadow:0 10px 40px #0009}.modal-bg.show .modal{transform:scale(1)}.modal h2{color:var(--gold);text-align:center;margin:0 0 10px;font-size:22px}.confirm p{text-align:center;margin:6px 0 16px;font-size:18px}.confirm .row{justify-content:center}.nav{border-top:1px solid var(--line);justify-content:space-around;padding-top:8px;display:flex}.nav button{color:var(--dim);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:700;display:flex;position:relative}.nav button .ic{width:28px;height:28px}.nav button.active{color:var(--ember2)}.nav button.locked{opacity:.35}.nav .dot{background:var(--red);width:9px;height:9px;box-shadow:0 0 6px var(--red);border-radius:50%;position:absolute;top:2px;right:10px}.preview{background:radial-gradient(at 50% 80%,#3a2a34,#140c12 70%);border-radius:16px;flex:none;width:100%;height:220px;min-height:220px;position:relative;overflow:hidden}.preview canvas{width:100%;height:100%;display:block}.slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slot{background:var(--panel2);border:2px solid var(--line);border-radius:14px;align-items:center;gap:8px;min-height:64px;padding:8px;display:flex;position:relative}.slot .ic{width:26px;height:26px;color:var(--dim)}.slot.locked{opacity:.5}.slot .name{font-size:13px;font-weight:800;line-height:1.15}.slot .sub{color:var(--dim);font-size:11px}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.iic{z-index:1;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:relative}.iic .ic{width:100%;height:100%}.iic img{object-fit:contain;width:100%;height:100%;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.iic.img img{display:block}.iic.img .ic{visibility:hidden}.slot .iic{width:32px;height:32px}.results .iic{width:26px;height:26px}.cell>span,.slot>*,.slot .col{z-index:1;position:relative}.q-normal{color:#cfcfcf;border-color:var(--q-normal)!important}.q-unique{color:#7fb4ff;position:relative;overflow:hidden;border-color:var(--q-unique)!important;background:linear-gradient(#1c2a4a,#152038)!important}.q-elite{color:#ffd36a;animation:1.4s ease-in-out infinite eliteglow;position:relative;overflow:hidden;border-color:var(--q-elite)!important;background:linear-gradient(#4a3410,#2a1c06)!important}.q-super{color:#ff6a76;animation:.8s ease-in-out infinite superpulse;position:relative;overflow:hidden;border-color:var(--q-super)!important;background:linear-gradient(#3a0a10,#160305)!important}.fx-unique,.fx-elite,.fx-super{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.fx-unique:after{content:"";background:linear-gradient(115deg,#0000 42%,#a0c8ff73 50%,#0000 58%);animation:3.2s linear infinite shine;position:absolute;top:-60%;bottom:-60%;left:-60%;right:-60%}.fx-elite{background:radial-gradient(circle at 30% 30%,#ffd66a8c,#f2b63226 45%,#0000 70%) 0 0/220% 220%,radial-gradient(circle at 70% 75%,#ffe69673,#0000 55%) 0 0/180% 180%;animation:4s ease-in-out infinite alternate elitedrift}.fx-elite:after{content:"";background:linear-gradient(115deg,#0000 44%,#fff0be59 50%,#0000 56%);animation:2.4s linear infinite shine;position:absolute;top:-60%;bottom:-60%;left:-60%;right:-60%}.fx-super{background:radial-gradient(circle,#ff283c38,#5a000c59 70%);animation:1.7s steps(3,end) infinite superflicker}.fx-super .zap,.fx-super .bolts{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.fx-super .zap polyline{fill:none;stroke:#ff3b4a;stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:18 26;animation:.5s steps(5,end) infinite zap}.fx-super .zap polyline.b{stroke:#ffb0b8;stroke-width:1px;stroke-dasharray:6 40;animation:.35s steps(7,end) infinite reverse zap}.fx-super .bolts polyline{fill:none;stroke:#ff3546;stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:64 36;paint-order:stroke}.fx-super .bolts,.fx-super .zap{will-change:contents}.fx-super .bolts polyline.br{stroke-width:.9px;stroke:#ff8a96}.fx-super .bolts .l1{stroke-dasharray:64 36;animation:.9s linear infinite crawl,1.3s steps(4,end) infinite flick}.fx-super .bolts .l2{stroke-dasharray:48 52;animation:1.3s linear infinite reverse crawl,.7s steps(3,end) infinite flick}@keyframes shine{0%{transform:translate(-60%)}to{transform:translate(60%)}}@keyframes elitedrift{0%{background-position:0 0,100% 100%}to{background-position:100% 100%,0 0}}@keyframes eliteglow{0%,to{box-shadow:0 0 6px 1px #f2b63259}50%{box-shadow:0 0 16px 4px #f2b632bf}}@keyframes superpulse{0%,to{box-shadow:0 0 10px 2px #b3121f99}50%{box-shadow:0 0 22px 6px #ff2a3ad9}}@keyframes superflicker{0%,to{opacity:.85}33%{opacity:1}66%{opacity:.7}}@keyframes zap{0%{stroke-dashoffset:0;opacity:1}50%{opacity:.55}to{stroke-dashoffset:88px;opacity:1}}@keyframes crawl{0%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}@keyframes flick{0%,to{opacity:1}25%{opacity:.2}50%{opacity:.9}75%{opacity:.4}}.tag.q-normal,.tag.q-unique,.tag.q-elite,.tag.q-super{border:1px solid;animation:none;overflow:visible}#reveal{pointer-events:none;z-index:14;opacity:0;transition:opacity .2s;position:fixed;top:0;bottom:0;left:0;right:0}#reveal.gold{background:radial-gradient(circle,#f2b632d9,#f2b63200 70%)}#reveal.red{background:radial-gradient(circle,#ff2a3ae6,#3c000899 75%)}#reveal.on{opacity:1;transition:none}body.shake{animation:.35s bodyshake}body.shake.big{animation:.6s bodyshake}@keyframes bodyshake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-2px)}}.results .cell.pop{animation:.9s cubic-bezier(.2,1.4,.4,1) pop}.results .cell.pop.big{animation-duration:1.3s}@keyframes pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1}to{transform:scale(1)}}.smith{grid-template-columns:1fr 1fr;gap:8px;display:grid}.smith .btn{flex-direction:column;gap:2px;padding:10px 6px;font-size:14px}.smith .btn small{opacity:.85;font-size:11px;font-weight:700}.garments{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cell{aspect-ratio:1;background:var(--panel2);border:2px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:800;display:flex;position:relative}.cell .ic{width:30px;height:30px}.cell>span:not(.lvl):not(.eq):not(.cnt){text-align:center;padding:0 3px 10px;font-size:10px;line-height:1.1}.cell .eq .ic{width:13px;height:13px}.cell .lvl{color:var(--dim);font-size:10px;position:absolute;bottom:3px;right:5px}.cell .eq{color:var(--green);font-size:10px;position:absolute;top:3px;left:5px}.cell .cnt{background:var(--gold);color:#000;border-radius:8px;padding:0 5px;font-size:10px;position:absolute;top:3px;right:5px}.bar{background:#00000080;border-radius:6px;height:10px;overflow:hidden}.bar>div{background:var(--green);border-radius:6px;height:100%;transition:width .2s}.bar.xp>div{background:var(--cyan)}.bar.gold>div{background:var(--gold)}.stat{border-bottom:1px dashed #ffffff14;justify-content:space-between;padding:3px 0;font-size:14px;display:flex}.stat b{color:var(--text)}.delta{margin-inline-start:6px;font-size:12px}.tag{background:#00000059;border-radius:8px;padding:1px 8px;font-size:11px;font-weight:800;display:inline-block}.map-outer{flex:1;min-height:0;display:flex;position:relative}.map-wrap{touch-action:pan-y;border:1px solid var(--line);background:linear-gradient(#1e1420,#2a1a24);border-radius:16px;flex:1;position:relative;overflow:hidden auto}.map-inner{width:100%;position:relative}.map-inner svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.node{width:58px;height:58px;color:var(--dim);background:radial-gradient(circle at 35% 30%,#6a5060,#2e1f2a);border:3px solid #5a4652;border-radius:50%;justify-content:center;align-items:center;margin:-29px 0 0 -29px;font-size:20px;font-weight:900;display:flex;position:absolute;box-shadow:0 5px #15090f}.node.cleared{color:#fff;background:radial-gradient(circle at 35% 30%,#7fe08a,#2a8a44);border-color:#a8f0b0}.node.current{color:#fff;background:radial-gradient(circle at 35% 30%,#ffb347,#e05a1a);border-color:#ffe0a0;animation:1.2s infinite pulse}.node.boss{width:72px;height:72px;margin:-36px 0 0 -36px}.node .ic{width:28px;height:28px}.node .lab{white-space:nowrap;color:var(--dim);margin-top:4px;font-size:11px;font-weight:700;position:absolute;top:100%}.node.cleared .lab,.node.current .lab{color:var(--text)}.node .skull{color:#ff6a8a;width:22px;height:22px;margin-bottom:2px;position:absolute;bottom:100%}@keyframes pulse{0%,to{box-shadow:0 5px #15090f,0 0 #ffb347b3}50%{box-shadow:0 5px #15090f,0 0 0 12px #ffb34700}}.side{top:10px;z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute}.side:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:10px}.side:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:10px}.side:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:10px}.side:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:10px}.side button{background:var(--panel2);width:60px;height:60px;color:var(--text);border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:inherit;font-size:10px;font-weight:800;display:flex;position:relative;box-shadow:0 4px #15090f}.side button .ic{width:24px;height:24px}.side button.locked{opacity:.45}.side button .badge{background:var(--gold);color:#000;border-radius:10px;padding:0 5px;font-size:10px;position:absolute;top:-4px;right:-4px}.region-banner{top:10px;z-index:2;background:#00000073;border-radius:12px;padding:6px 12px;position:absolute}.region-banner:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:10px}.region-banner:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:10px}.region-banner:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:10px}.region-banner:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:10px}.region-banner b{color:var(--ember2);font-size:16px;display:block}.hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-top{top:calc(var(--safe-top) + 8px);align-items:center;gap:8px;display:flex;position:absolute;left:10px;right:10px}.hud-top .xpwrap{text-align:center;flex:1}.hud-top .xpwrap .lvl{text-shadow:0 2px #000;font-size:15px;font-weight:900}.hud-top .bar{border:2px solid #0009;height:12px}.hud-top .bar>div{background:linear-gradient(#ffe08a,#e8a21e)}.hud-room{top:calc(var(--safe-top) + 56px);pointer-events:none;background:#00000073;border-radius:12px;padding:2px 12px;font-size:14px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.hud-boss{top:calc(var(--safe-top) + 84px);pointer-events:none;position:absolute;left:40px;right:40px}.hud-boss .bar{border:2px solid #0009;height:14px}.hud-boss .bar>div{background:linear-gradient(#ff6a8a,#b0203a)}.hud-boss .name{text-align:center;text-shadow:0 2px #000;font-size:13px;font-weight:800}.hud-hp{left:12px;bottom:calc(var(--safe-bottom) + 120px);pointer-events:none;width:150px;position:absolute}.hud-hp .bar{border:2px solid #0009;height:14px}.hud-hp .txt{text-shadow:0 2px #000;font-size:12px;font-weight:800}.peak{bottom:calc(var(--safe-bottom) + 24px);width:84px;height:84px;color:var(--dim);background:radial-gradient(circle at 50% 40%,#4a3040,#1a1016);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 0 0 4px #0006}.peak:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:16px}.peak:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:16px}.peak:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:16px}.peak:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:16px}.peak .ring{background:conic-gradient(var(--ember2) calc(var(--p) * 1%), #ffffff14 0);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(circle,#0000 60%,#000 62%);mask:radial-gradient(circle,#0000 60%,#000 62%)}.peak .ic{width:38px;height:38px;position:relative}.peak.ready{color:var(--gold);animation:.8s infinite peakpulse}.peak.ready .ring{background:conic-gradient(var(--gold) 100%, var(--gold) 0)}.peak.active{color:var(--cyan)}@keyframes peakpulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #f2b63266}50%{transform:scale(1.08);box-shadow:0 0 24px 6px #f2b63299}}.banner{text-align:center;color:var(--ember2);text-shadow:0 3px #000,0 0 20px #ff7a2a99;opacity:0;pointer-events:none;font-size:30px;font-weight:900;transition:all .25s;position:absolute;top:34%;left:0;right:0;transform:scale(.7)}.banner.show{opacity:1;transform:scale(1)}.banner.gold{color:var(--gold)}.banner.red{color:#ff6a8a}.banner.ember{color:var(--ember)}.hint{bottom:calc(var(--safe-bottom) + 130px);border:1px solid var(--gold);color:var(--gold);white-space:nowrap;pointer-events:none;opacity:0;background:#000000b3;border-radius:12px;padding:8px 16px;font-size:15px;font-weight:800;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}.hint.show{opacity:1}.joy-base{pointer-events:none;z-index:5;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:fixed}.joy-thumb{background:#7fd2ff73;border:2px solid #ffffff80;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.hpbar{background:#000000b3;border:1px solid #000c;border-radius:4px;width:44px;height:6px;position:absolute;top:0;left:0}.hpbar .fill{background:#ff4040;border-radius:3px;width:100%;height:100%}.hpbar.hero{width:60px;height:8px}.hpbar.hero .fill{background:#5ae07a}.hpbar.hero.low .fill{background:#ff4b4b}.hpbar.boss-hidden{display:none}.dmg{color:#fff;text-shadow:0 0 3px #000,2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;white-space:nowrap;font-size:22px;font-weight:900;position:absolute;top:0;left:0}.dmg.crit{color:var(--gold);font-size:32px}.dmg.crit:after{content:"!"}.dmg.hurt{color:#ff5a5a}.dmg.heal{color:var(--green)}.dmg.block{color:var(--cyan);font-size:18px}.dmg.dot{color:#ffb080;font-size:17px}.pick{background:#050204c7;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pick h2{color:var(--gold);text-shadow:0 3px #000;margin:0;font-size:28px}.cards{justify-content:center;gap:10px;width:100%;display:flex}.card{background:var(--panel);border:3px solid var(--line);text-align:center;opacity:0;cursor:pointer;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:6px;max-width:130px;padding:10px 8px 12px;transition:all .25s;display:flex;transform:translateY(20px)}.card.in{opacity:1;transform:translateY(0)}.card:active{transform:scale(.96)}.card .ic{width:44px;height:44px}.card .nm{font-size:14px;font-weight:900;line-height:1.15}.card .ds{color:var(--dim);font-size:11px;line-height:1.25}.card .rar{border-radius:8px;padding:1px 8px;font-size:10px;font-weight:800}.card.common{border-color:#4fd36a}.card.common .rar{color:#000;background:#4fd36a}.card.common .ic{color:#8af0a8}.card.rare{border-color:#4a8fe8}.card.rare .rar{color:#fff;background:#4a8fe8}.card.rare .ic{color:#8ac0ff}.card.epic{border-color:#b05ae8;box-shadow:0 0 18px #b05ae899}.card.epic .rar{color:#fff;background:#b05ae8}.card.epic .ic{color:#d8a0ff}.card .stack{color:var(--gold);font-size:10px}.title{text-align:center;background:radial-gradient(at 50% 30%,#3a1a24,#120b10 70%);justify-content:center;align-items:center}.title h1{color:var(--ember2);text-shadow:0 4px #5a2a10,0 0 30px #ff7a2a80;margin:0;font-size:46px}.title p{color:var(--dim);max-width:320px}.loading{width:220px;height:10px}.chestcard{text-align:center}.chestcard .ic.big{width:64px;height:64px;color:var(--gold)}.rates{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0;display:flex}.rates span{background:#00000059;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800}.results{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.results .cell{font-size:10px}.results .cell .lvl{display:none}.results .cell>span:not(.lvl):not(.eq):not(.cnt){padding-bottom:2px;font-size:9px}.quest{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:8px 0;display:flex}.quest .bar{flex:1}.days{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.day{background:var(--panel2);border:2px solid var(--line);text-align:center;border-radius:10px;padding:6px 2px;font-size:11px;font-weight:800}.day.today{border-color:var(--gold);background:#3a2a10}.day.past{opacity:.5;border-color:var(--green)}.day .ic{width:22px;height:22px;margin:0 auto 2px;display:block}
