:root{--ink:#fff8ee;--ink2:#fff2e4bd;--ink3:#ffecdc80;--glass:#1e1438a3;--glass2:#ffffff12;--line:#ffe2be2b;--gold1:#fff0c4;--gold2:#ffd27a;--gold3:#e9a43f;--gold4:#b9741f;--rose:#ff7a9a;--mint:#7ff0c0;--sky:#8fd3ff;--violet:#b99bff;--r:22px;--f:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--display:"Avenir Next", "Futura", "Century Gothic", "Trebuchet MS", var(--f)}#app canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui,#nums{font-family:var(--f);color:var(--ink);word-break:keep-all;-webkit-font-smoothing:antialiased;position:absolute;inset:0}#nums{pointer-events:none;overflow:hidden}.ic{vertical-align:-.2em;flex:none;width:1.15em;height:1.15em}.ic.big{width:54px;height:54px}.ic.gold,.gold .ic{color:var(--gold2)}.screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;animation:.35s ease-out fadein;display:flex;position:absolute;inset:0;overflow:hidden}.screen.dim{-webkit-backdrop-filter:blur(3px);background:radial-gradient(120% 90% at 50% 20%,#28184659,#0e081ec7)}.screen.modal{animation:.2s ease-out fadein}@keyframes fadein{0%{opacity:0}}.panel{box-sizing:border-box;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.3);scrollbar-width:none;background:linear-gradient(#382660c7,#1a1032db);border-radius:28px;width:min(100%,420px);max-height:100%;padding:24px 20px 20px;animation:.45s cubic-bezier(.2,.9,.25,1.15) rise;position:relative;overflow:auto;box-shadow:0 30px 80px #0802188c,inset 0 1px #ffffff1f}.panel::-webkit-scrollbar{display:none}.panel.wide{width:min(100%,560px)}.panel.center{text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.97)}}.panel h2{font:800 24px/1.25 var(--f);text-align:center;letter-spacing:-.01em;margin:0 0 14px}.phead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin-bottom:8px;display:flex}.phead h2{text-align:left;margin:0}.eyebrow{font:700 12px/1 var(--display);letter-spacing:.32em;text-transform:uppercase;color:var(--gold2);text-align:center;margin:0}@media (max-width:420px){.eyebrow{letter-spacing:.16em;font-size:11px}}.label{color:var(--ink3);letter-spacing:.08em;margin:16px 0 8px;font-size:13px;font-weight:700}.body{color:var(--ink2);text-align:center;margin:0 0 16px;font-size:15px;line-height:1.6}.body b,.note b{color:var(--gold1)}.fine{color:var(--ink3);text-align:center;text-shadow:0 1px 8px #00000080;margin:14px 0 0;font-size:12px}.empty{color:var(--ink3);text-align:center;margin:0;padding:18px 0}.note{color:var(--ink2);text-align:center;background:#ffd27a1a;border:1px solid #ffd27a40;border-radius:14px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.note .ic{color:var(--gold2);margin-right:4px}.stack{flex-direction:column;gap:10px;width:100%;margin-top:18px;display:flex}.row3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.row3 .btn,.row2 .btn{gap:6px;min-width:0;padding:0 10px}.row3 .btn span,.row2 .btn span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.btn{appearance:none;min-height:52px;font:800 16px/1 var(--f);color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform 80ms,filter .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(2px)scale(.985)}.btn:focus-visible,.card:focus-visible,.hero:focus-visible,.diff:focus-visible,.meta:focus-visible,.toggle:focus-visible{outline:2px solid var(--gold1);outline-offset:3px}.btn.primary{color:#2b1704;background:linear-gradient(180deg, var(--gold1) 0%, var(--gold2) 45%, var(--gold3) 100%);box-shadow:0 6px 0 var(--gold4), 0 14px 30px #e9a43f59, inset 0 1px 0 #ffffffb3;text-shadow:0 1px #fff6}.btn.primary:active{box-shadow:0 3px 0 var(--gold4), 0 8px 20px #e9a43f4d, inset 0 1px 0 #ffffffb3}.btn.big{letter-spacing:.02em;border-radius:20px;min-height:60px;font-size:19px}.btn.glass{background:var(--glass2);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);font-size:15px;box-shadow:inset 0 1px #ffffff14}.btn.glass .ic{color:var(--gold2)}.btn.ghost{color:var(--ink2);background:0 0;min-height:44px;font-size:15px;font-weight:700}.btn.danger{color:#ffb0bf}.btn.small{border-radius:12px;min-height:38px;padding:0 14px;font-size:13px}.btn.icon{border-radius:14px;width:42px;min-height:42px;padding:0}.btn[hidden]{display:none}.chip{border:1px solid var(--line);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);background:#140c288c;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:800;display:inline-flex}.chip .ic{color:var(--gold2)}.chip.gold{color:var(--gold1)}.splash{padding-top:max(8vh, env(safe-area-inset-top));background:linear-gradient(#120a2cb8 0%,#120a2c33 30%,#120a2c00 48%,#120a2c4d 64%,#0e0820e0 100%);justify-content:space-between}.splash .top,.splash .bottom{flex-direction:column;align-items:center;width:min(100%,400px);display:flex}.title{line-height:.86;font-family:var(--display);text-transform:uppercase;flex-direction:column;align-items:center;margin:14px 0 0;display:flex}.title span:first-child{letter-spacing:.02em;background:linear-gradient(180deg, #fffaf0 0%, var(--gold1) 30%, var(--gold2) 62%, #d98a2b 100%);color:#0000;filter:drop-shadow(0 4px #7a3d12)drop-shadow(0 16px 30px #ff963c59);-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,19vw,118px);font-weight:900}.title span:last-child{letter-spacing:.58em;color:#fff;text-shadow:0 2px 16px #ff8cb4b3;margin:10px 0 0 .58em;font-size:clamp(22px,6.4vw,40px);font-weight:800}.hook{text-align:center;color:var(--ink);text-shadow:0 2px 14px #140028b3;margin:18px 0 0;font-size:clamp(15px,4.2vw,19px);font-weight:700;line-height:1.55}.splash .chips{gap:8px;margin-bottom:14px;display:flex}.splash .stack{margin-top:0}.heroes{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:560px){.heroes{grid-template-columns:repeat(4,1fr)}}.hero,.diff,.meta{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--glass2);-webkit-tap-highlight-color:transparent;border-radius:18px;transition:transform .12s,border-color .2s,background .2s}.hero{text-align:center;flex-direction:column;align-items:center;gap:3px;padding:12px 8px 10px;display:flex;position:relative}.hero b{font-size:16px}.hero small{color:var(--ink3);font-size:12px}.hero .perk{color:var(--ink2);align-items:center;gap:4px;font-size:11px;display:flex}.hero .perk .ic{color:var(--acc)}.hero.sel{border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2), 0 10px 30px #ffbe5a26;background:linear-gradient(#ffd27a29,#ffd27a0a)}.hero.locked{opacity:.78}.hero.locked .avatar{filter:grayscale(.7)brightness(.7)}.tag{color:var(--gold1);background:#ffd27a2e;border-radius:99px;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.tag.dim{color:var(--ink3);background:#ffffff0f}.tag.cost{background:#00000040}.avatar{background:radial-gradient(circle at 35% 30%, #fff 0, var(--body) 32%, color-mix(in srgb, var(--body) 70%, #8a5a8a) 100%);border-radius:50%;width:54px;height:54px;margin-bottom:4px;position:relative;box-shadow:0 0 0 3px #2b1d3d,0 6px 14px #00000059}.avatar:before{content:"";background:var(--acc);border-radius:26px 26px 6px 6px;height:26px;position:absolute;top:-6px;left:6px;right:6px;box-shadow:0 0 0 3px #2b1d3d}.avatar i:before,.avatar i:after{content:"";background:#24182f;border-radius:50%;width:7px;height:10px;position:absolute;top:26px}.avatar i:before{left:16px}.avatar i:after{right:16px}.avatar.sm{width:40px;height:40px;margin:0}.avatar.sm:before{height:18px;top:-4px}.avatar.sm i:before,.avatar.sm i:after{width:5px;height:8px;top:18px}.avatar.sm i:before{left:12px}.avatar.sm i:after{right:12px}.diffs{gap:8px;display:grid}@media (min-width:560px){.diffs{grid-template-columns:repeat(3,1fr)}}.diff{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.diff b{align-items:center;gap:6px;font-size:16px;display:flex}.diff small{color:var(--ink2);font-size:12px;line-height:1.4}.diff .mult{color:var(--ink3);font-variant-numeric:tabular-nums;font-size:11px}.diff .ok{color:var(--mint)}.diff.sel{border-color:var(--c,var(--gold2));box-shadow:0 0 0 1px var(--c,var(--gold2));background:color-mix(in srgb, var(--c,#ffd27a) 14%, transparent)}.diff.locked{opacity:.45;cursor:default}.d-daily{--c:#b99bff}.d-normal{--c:#7fd3ff}.d-hard{--c:#ff9f6a}.d-hell{--c:#ff5c8a}.d-easy{--c:#9be8a8}.tut-art{place-items:center;height:120px;margin-bottom:8px;display:grid}.tut-row{align-items:center;gap:12px;display:flex}.tut-row .plus{color:var(--ink3);font-size:26px;font-weight:800}.tut-stick{background:#ffffff0f;border:2px solid #ffffff59;border-radius:50%;width:96px;height:96px;position:relative}.tut-stick i{background:linear-gradient(180deg, var(--gold1), var(--gold3));border-radius:50%;width:44px;height:44px;animation:2.4s ease-in-out infinite stick;position:absolute;top:26px;left:26px;box-shadow:0 4px 12px #0006}@keyframes stick{0%,to{transform:translate(0)}25%{transform:translate(24px,-10px)}50%{transform:translate(-6px,24px)}75%{transform:translate(-24px,-6px)}}.gem{border-radius:4px;width:22px;height:22px;animation:1.6s ease-in-out infinite bob;transform:rotate(45deg)}.gem.g1{background:#5ec8ff;box-shadow:0 0 18px #5ec8ff}.gem.g2{background:#5cff8f;animation-delay:.2s;box-shadow:0 0 18px #5cff8f}.gem.g3{background:#d47bff;width:28px;height:28px;animation-delay:.4s;box-shadow:0 0 18px #d47bff}@keyframes bob{50%{transform:rotate(45deg)translate(-6px,-6px)}}.tut-ring{border:3px solid #ff7a9a;border-radius:50%;place-items:center;width:110px;height:110px;animation:2.6s ease-in-out infinite shrink;display:grid;box-shadow:0 0 24px #ff7a9a,inset 0 0 24px #ff7a9a80}.tut-ring i{background:var(--gold2);border-radius:50%;width:18px;height:18px}@keyframes shrink{50%{transform:scale(.62)}}.dots{justify-content:center;gap:8px;margin:4px 0 0;display:flex}.dots i{background:#fff3;border-radius:99px;width:8px;height:8px;transition:width .2s}.dots i.on{background:var(--gold2);width:22px}.play{pointer-events:none;justify-content:flex-start;padding:0;animation:none}.play .btn{pointer-events:auto}.play .btn.glass{background:#160c2c9e;border-color:#ffffff24}.xpbar{height:max(6px, env(safe-area-inset-top));background:#0a041873;position:absolute;top:0;left:0;right:0}.xpbar i{background:linear-gradient(90deg,#6fd3ff,#b99bff,#ffd27a);width:0;height:100%;transition:width .15s;display:block;box-shadow:0 0 12px #b99bffcc}.hud-top{top:calc(max(6px, env(safe-area-inset-top)) + 8px);grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid;position:absolute;left:10px;right:10px}.hud-l{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;background:#160c2c8c;border:1px solid #ffffff1a;border-radius:16px;justify-self:start;align-items:center;gap:8px;width:min(100%,230px);min-width:0;padding:5px 10px 5px 5px;display:flex}.lvl{width:38px;height:38px;font:900 17px/1 var(--display);color:#2b1704;background:linear-gradient(180deg, var(--gold1), var(--gold3));box-shadow:0 3px 0 var(--gold4), 0 6px 16px #0000004d;border-radius:12px;flex:none;place-items:center;display:grid}.lvl.pop{animation:.5s cubic-bezier(.2,.9,.3,1.6) lvpop}@keyframes lvpop{40%{transform:scale(1.35)rotate(-6deg)}}.hpwrap{flex:1;min-width:56px;max-width:200px}.hpbar{background:#0a041899;border:1px solid #ffffff26;border-radius:99px;height:12px;overflow:hidden}.hpbar i{background:linear-gradient(#ff9fb2,#f57);border-radius:99px;width:100%;height:100%;transition:width .2s;display:block}.hpwrap span{white-space:nowrap;color:var(--ink2);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #000000b3;margin-top:3px;font-size:10px;font-weight:800;display:block}.hud-c{text-align:center}.time{font:800 30px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 2px 12px #140028a6;background:#160c2c66;border-radius:14px;padding:4px 12px}.time.hot{color:#ffb0bf}.diffpill{color:var(--c,var(--ink2));border:1px solid color-mix(in srgb, var(--c,#fff) 40%, transparent);background:#0a041880;border-radius:99px;margin-top:4px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.hud-r{justify-content:flex-end;align-items:center;gap:6px;display:flex}.stat{font-variant-numeric:tabular-nums;background:#160c2c9e;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.stat .ic{color:var(--ink2)}.stat.gold .ic,.stat.gold b{color:var(--gold1)}.slots{top:calc(max(6px, env(safe-area-inset-top)) + 62px);flex-wrap:wrap;gap:5px;display:flex;position:absolute;left:10px;right:10px}.slot{background:#0a04188c;border:1px solid #ffffff24;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;position:relative}.slot.w{color:var(--c);border-color:color-mix(in srgb, var(--c) 45%, transparent)}.slot.p{color:var(--ink2)}.slot .ic{width:17px;height:17px}.slot i{min-width:14px;height:14px;font:900 9px/14px var(--f);text-align:center;color:var(--gold1);background:#2b1d3d;border:1px solid #fff3;border-radius:7px;font-style:normal;position:absolute;bottom:-4px;right:-4px}.buffs{justify-content:center;gap:6px;display:flex;position:absolute;bottom:max(150px,22%);left:0;right:0}.buff{color:var(--gold1);background:#ffd27a33;border:1px solid #ffd27a80;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:800;animation:.3s rise}.bossbar{left:50%;top:calc(max(6px, env(safe-area-inset-top)) + 100px);text-align:center;width:min(84%,520px);animation:.5s rise;position:absolute;transform:translate(-50%)}.bossbar[hidden]{display:none}.bossbar span{font:800 13px/1 var(--display);letter-spacing:.2em;color:#ffd0dc;text-shadow:0 2px 10px #ff3c64b3}.bossbar div{background:#0a0418a6;border:1px solid #ff789680;border-radius:99px;height:12px;margin-top:6px;overflow:hidden;box-shadow:0 0 20px #ff507859}.bossbar i{background:linear-gradient(90deg,#ff3b6b,#ff8fb0);width:100%;height:100%;transition:width .15s;display:block}.combo{text-align:right;font:900 28px/1 var(--display);color:var(--gold1);text-shadow:0 3px 14px #ff8c2899;opacity:0;font-variant-numeric:tabular-nums;transition:opacity .3s;position:absolute;top:38%;right:14px}.combo small{font:800 11px/1.4 var(--f);letter-spacing:.25em;color:var(--ink2);display:block}.combo.on{opacity:1}.combo.bump{animation:.18s ease-out bump}@keyframes bump{50%{transform:scale(1.18)}}.announce{text-align:center;font:900 clamp(24px, 7vw, 40px)/1.2 var(--f);text-shadow:0 4px 20px #140028cc;opacity:0;pointer-events:none;position:absolute;top:30%;left:0;right:0}.announce small{font:700 13px/1.6 var(--display);letter-spacing:.3em;color:var(--gold2);display:block}.announce.on{animation:2.6s ease-out forwards announce}:is(#ui:has(.modal) .announce,#ui:has(.modal) .combo){visibility:hidden}.announce.boss{color:#ffc2d0}@keyframes announce{0%{opacity:0;letter-spacing:.2em;transform:scale(1.4)}12%{opacity:1;letter-spacing:0;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.minihp{opacity:0;background:#0a041899;border-radius:99px;width:44px;height:5px;transition:opacity .3s;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-50%)}.minihp.on{opacity:1}.minihp i{background:#ff6b88;height:100%;display:block}.stick{opacity:0;background:radial-gradient(circle,#ffffff1a,#ffffff05);border:2px solid #ffffff47;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .2s;position:absolute}.stick.on{opacity:1}.stick.ghost{opacity:.35}.stick i{background:linear-gradient(#fff0c4f2,#e9a43ff2);border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #0006}.vignette{opacity:0;background:radial-gradient(#0000 50%,#dc143c8c);transition:opacity .3s;position:absolute;inset:0}.hurt{opacity:0;background:radial-gradient(#ff285000 55%,#ff28506b);position:absolute;inset:0}.hurt.on{animation:.4s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.dmg{font:900 15px/1 var(--display);color:#fff;text-shadow:0 2px #2b1d3d,0 0 6px #00000080;opacity:0;white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.dmg.crit{color:#ffe066;font-size:20px}.dmg.boss{color:#ffc2d0}.lu-head{text-align:center;margin-bottom:14px}.lu-head h2{font:900 34px/1 var(--display);background:linear-gradient(180deg, #fff, var(--gold2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 2px}.lu-head .sub{color:var(--ink2);margin:4px 0 0;font-size:14px}.cards{flex-direction:column;gap:10px;width:min(100%,420px);display:flex}@media (min-width:760px) and (min-height:520px){.cards{flex-direction:row;width:min(100%,860px)}.card{text-align:center;flex-direction:column;flex:1;align-items:center;padding:26px 18px 22px}.card .ctile{border-radius:24px;width:76px;height:76px}.card .ctile .ic{width:40px;height:40px}.card .ctext{align-items:center}.card .key{top:12px;left:12px}}.card{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border:1px solid color-mix(in srgb, var(--c) 40%, #ffffff1a);animation:.45s cubic-bezier(.2,.9,.3,1.2) backwards cardin;animation-delay:var(--d);-webkit-tap-highlight-color:transparent;background:linear-gradient(#3e2a68eb,#1e123af0);border-radius:22px;align-items:center;gap:14px;padding:14px 16px;transition:transform .15s,box-shadow .2s;display:flex;position:relative;box-shadow:0 14px 40px #08021880,inset 0 1px #ffffff1a}@media (hover:hover){.card:hover{box-shadow:0 20px 50px #08021899, 0 0 0 1px var(--c), inset 0 1px 0 #ffffff1a;transform:translateY(-4px)}}.card:active{transform:scale(.98)}.card.evo{border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2), 0 0 40px #ffbe5a73, 0 14px 40px #08021880;background:linear-gradient(160deg,#784614f2,#3c1a46f2)}.card.evo:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff0c840 45%,#0000 60%) 0 0/250% 100%;animation:2.2s linear infinite sheen;position:absolute;inset:0}@keyframes sheen{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes cardin{0%{opacity:0;transform:translateY(30px)scale(.9)}}.card .key{font:800 11px/1 var(--display);color:var(--ink3);position:absolute;top:8px;right:10px}.ctile{width:56px;height:56px;color:var(--c);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--c) 40%, transparent), color-mix(in srgb, var(--c) 12%, #0a041899));border:1px solid color-mix(in srgb, var(--c) 50%, transparent);box-shadow:inset 0 1px 0 #ffffff26, 0 0 24px color-mix(in srgb, var(--c) 25%, transparent);border-radius:18px;flex:none;place-items:center;display:grid}.ctile .ic{width:28px;height:28px}.ctile.sm{border-radius:14px;width:42px;height:42px}.ctile.sm .ic{width:22px;height:22px}.ctext{flex-direction:column;gap:4px;min-width:0;display:flex}.ctext b{letter-spacing:-.01em;font-size:18px}.csub{letter-spacing:.12em;color:var(--c);text-transform:uppercase;font-size:11px;font-weight:800}.card.new .csub:before{content:"NEW · "}.cdesc{color:var(--ink2);font-size:13px;line-height:1.45}.pips{gap:4px;margin-top:3px;display:flex}.pips i{background:#ffffff26;border-radius:3px;width:14px;height:5px}.pips i.on{background:var(--gold2)}.pips i.new{animation:.8s ease-in-out infinite alternate pip}@keyframes pip{to{box-shadow:0 0 8px var(--gold2);background:#fff}}.lu-foot{min-height:52px;margin-top:14px}.chest-art{filter:drop-shadow(0 0 24px #ffd27ab3);animation:1s ease-in-out chest}.chest-art .ic.big{width:80px;height:80px}@keyframes chest{0%,40%{transform:rotate(0)}10%,30%{transform:rotate(-8deg)scale(1.05)}20%{transform:rotate(8deg)scale(1.05)}60%{transform:scale(1.3)}}.loot{text-align:left;flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.loot li{border:1px solid color-mix(in srgb, var(--c) 35%, transparent);animation:.45s cubic-bezier(.2,.9,.3,1.3) backwards cardin;animation-delay:var(--d);background:#ffffff0d;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.loot b{font-size:15px;display:block}.loot small{color:var(--ink2);font-size:12px}[data-act=chest-ok]{animation:.4s backwards fadein;animation-delay:var(--d);width:100%;margin-top:16px}.result{text-align:center}.rtitle{font:900 30px/1.2 var(--f)!important;margin:8px 0 4px!important}.result.win .rtitle{background:linear-gradient(180deg, #fff, var(--gold2));color:#0000;-webkit-background-clip:text;background-clip:text}.result.lose .rtitle{color:#ffc2d0}.badge{background:linear-gradient(180deg, var(--gold1), var(--gold3));color:#2b1704;border-radius:99px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:900;animation:.6s .3s backwards lvpop;display:inline-flex}.score{font:900 clamp(48px, 14vw, 64px)/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-shadow:0 4px 30px #ffc87859;margin:10px 0 14px}.grid4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.grid4 div{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:10px 4px}.grid4 small{color:var(--ink3);margin-bottom:4px;font-size:11px;display:block}.grid4 b{font-variant-numeric:tabular-nums;font-size:17px}.dmgs{flex-direction:column;gap:6px;margin-top:12px;display:flex}.drow{text-align:left;grid-template-columns:132px minmax(0,1fr) 60px;align-items:center;gap:8px;font-size:12px;display:grid}.drow span{color:var(--ink2);white-space:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden}.drow span .ic{color:var(--c)}.drow i{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 60%, transparent), var(--c));height:8px;width:var(--w);border-radius:99px;animation:.8s cubic-bezier(.2,.9,.3,1) .3s backwards grow}@keyframes grow{0%{width:0}}.drow b{text-align:right;font-variant-numeric:tabular-nums}.earn{color:var(--gold1);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-weight:800;display:flex}.earn .dim{color:var(--ink3);margin-left:6px;font-size:13px;font-weight:700}.metas{gap:8px;display:grid}@media (min-width:560px){.metas{grid-template-columns:1fr 1fr}}.meta{--c:var(--gold2);align-items:center;gap:12px;padding:10px 12px;display:flex}.meta .mtext{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.meta b{font-size:15px}.meta small{color:var(--ink2);font-size:12px}.meta .price{color:var(--ink3);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:13px;font-weight:900;display:inline-flex}.meta.can .price{color:var(--gold1)}.meta.can{border-color:#ffd27a59}.meta.maxed{opacity:.6;cursor:default}.meta.bought{animation:.45s lvpop}.list{margin:6px 0 0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 6px;display:grid}.list li.me{background:#ffd27a1a;border-radius:12px}.list .rk{font:900 18px/1 var(--display);color:var(--gold2);text-align:center}.list .who b{font-variant-numeric:tabular-nums;font-size:17px;display:block}.list .who small{color:var(--ink2);font-size:12px}.list em{color:var(--c);margin-right:6px;font-style:normal;font-weight:800}.list .dt{color:var(--ink3);font-size:12px}.setrow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-size:15px;font-weight:600;display:flex}.setrow>span{align-items:center;gap:10px;display:flex}.setrow>span .ic{color:var(--gold2)}.toggle{appearance:none;cursor:pointer;background:#ffffff26;border:0;border-radius:99px;width:52px;height:30px;transition:background .2s;position:relative}.toggle i{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.toggle[aria-pressed=true]{background:linear-gradient(180deg, var(--gold2), var(--gold3))}.toggle[aria-pressed=true] i{transform:translate(22px)}.seg{background:#ffffff14;border-radius:12px;padding:3px;display:flex}.seg button{appearance:none;color:var(--ink2);font:700 13px/1 var(--f);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:8px 10px}.seg button.on{color:var(--gold1);background:#ffd27a38}@media (max-height:640px){.title span:first-child{font-size:clamp(48px,13vw,80px)}.hook{margin-top:10px}.btn.big{min-height:52px}.panel{padding:18px 16px 16px}.tut-art{height:90px}.lu-head h2{font-size:26px}}@media (max-width:480px){.hud-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;left:8px;right:8px}.hud-l{gap:6px;width:100%;max-width:200px;padding:4px 8px 4px 4px}.lvl{border-radius:10px;width:34px;height:34px;font-size:15px}.hpwrap{min-width:0}.time{padding:3px 9px;font-size:26px}.hud-r{grid-template-columns:auto auto;justify-content:end;align-items:center;gap:4px 6px;min-width:0;display:grid}.hud-r .stat{border-radius:9px;grid-column:1;justify-self:end;gap:3px;padding:3px 8px;font-size:12px}.hud-r .stat .ic{width:13px;height:13px}.hud-r .btn.icon{grid-area:1/2/span 2;width:40px;height:40px;min-height:40px}.diffpill{display:none}.slot{width:27px;height:27px}.slot .ic{width:15px;height:15px}.slots{gap:4px}}@media (max-width:380px){.card{gap:10px;padding:12px}.ctile{width:48px;height:48px}.ctext b{font-size:16px}.time{font-size:24px}.drow{grid-template-columns:120px minmax(0,1fr) 54px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-delay:0s!important}}.daily{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;background:linear-gradient(120deg,#7fd3ff33,#b99bff38);border:1px solid #a0c8ff66;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:transform .1s;display:flex;box-shadow:inset 0 1px #ffffff26,0 10px 30px #3c288c4d}.daily:active{transform:scale(.985)}.daily .dl{flex-direction:column;gap:2px;min-width:0;display:flex}.daily small{font:800 11px/1.3 var(--display);letter-spacing:.18em;color:var(--sky)}.daily b{font-size:17px}.daily em{color:var(--ink2);font-size:12px;font-style:normal}.daily .dr{color:var(--gold1);text-align:right;flex:none;align-items:center;gap:4px;max-width:42%;font-size:12px;font-weight:800;display:inline-flex}.daily.done{border-color:#7ff0c073}.daily.done .dr{color:var(--mint)}.achs{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.ach-new{animation:.45s cubic-bezier(.2,.9,.3,1.3) backwards cardin;animation-delay:var(--d);background:#ffd27a24;border:1px solid #ffd27a73;border-radius:99px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:inline-flex}.ach-new .ic{color:var(--gold2)}.ach-new em{color:var(--gold1);font-style:normal;font-weight:800}.achlist{gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}@media (min-width:560px){.achlist{grid-template-columns:1fr 1fr}}.achlist li{border:1px solid var(--line);--c:#8a7fa8;opacity:.72;background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.achlist li.ok{--c:var(--gold2);opacity:1;border-color:#ffd27a59}.achlist li>span:nth-child(2){flex:1;min-width:0}.achlist b{font-size:14px;display:block}.achlist small{color:var(--ink2);font-size:12px}.achlist em{color:var(--ink3);align-items:center;gap:3px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.achlist li.ok em{color:var(--mint)}.modal .cards{scrollbar-width:none;max-height:calc(100% - 150px);margin:-4px;padding:4px;overflow:auto}.modal .cards::-webkit-scrollbar{display:none}@media (max-height:700px) and (max-width:759px){.card{padding:10px 14px}.card .ctile{width:46px;height:46px}.cdesc{font-size:12px}}.fps{z-index:50;color:#fff;pointer-events:none;background:#0000008c;border-radius:8px;padding:4px 8px;font:700 11px/1.4 ui-monospace,monospace;position:fixed;bottom:8px;left:8px}.zarrow{border-left:11px solid #0000;border-right:11px solid #0000;border-bottom:20px solid var(--gold2);filter:drop-shadow(0 0 8px #ffd27ae6);opacity:0;pointer-events:none;width:0;height:0;transition:opacity .25s;position:absolute;top:0;left:0}.zarrow.on{opacity:1;animation:.7s ease-in-out infinite alternate zpulse}.zarrow.out{filter:drop-shadow(0 0 10px #ff5078f2);border-bottom-color:#ff6b88}@keyframes zpulse{to{filter:drop-shadow(0 0 14px #ffd27a)}}.login .panel{width:min(100%,400px)}.login .status{text-align:center;min-height:18px;color:var(--ink2);margin:0;font-size:13px}.acct{align-items:center;gap:8px;display:flex}.acct em{color:var(--ink2);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;font-style:normal;overflow:hidden}.setrow .dim{color:var(--ink3);font-size:13px}.chip.user{color:var(--ink)}.chip.user .ic{color:var(--mint)}.adanchor{z-index:10;padding:0 0 calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);visibility:hidden;font-family:var(--f);background:#1b1236;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.adanchor.on{visibility:visible}.adanchor-h{justify-content:space-between;align-items:center;height:24px;margin-bottom:2px;display:flex}.adanchor-h small,.cardad>small{color:var(--ink3);letter-spacing:.04em;font-size:10px}.adanchor-x{width:44px;height:24px;color:var(--ink2);font:20px/24px var(--f);cursor:pointer;background:0 0;border:0;margin-right:-12px;padding:0}.cardad{flex-direction:column;align-items:center;gap:4px;margin-top:16px;display:flex}.cp-box{flex-direction:column;align-items:center;gap:4px;display:flex}.cp-box iframe{background:#ffffff0a;border:0;border-radius:8px;display:block}.cp-notice{max-width:680px;color:var(--ink3);text-align:center;padding:0 8px;font-size:10px;line-height:1.4}.cp-shelf{flex-direction:column;align-items:center;margin-top:16px;display:flex}.cp-shelf .label{align-self:flex-start;margin:0 0 8px}.ad-demo{box-sizing:border-box;border:1px dashed var(--ink3);color:var(--ink3);text-align:center;border-radius:8px;font-size:12px}@media print{.adanchor{display:none}}.links{justify-content:center;gap:14px;margin:12px 0 0;font-size:12px;display:flex}.links a{color:var(--ink3)}.tier{font:900 13px/1 var(--f);color:var(--tc);background:color-mix(in srgb, var(--tc) 16%, #0a041899);border:1px solid color-mix(in srgb, var(--tc) 55%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--tc) 25%, transparent);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:4px 10px 4px 7px;display:inline-flex}.tier .ic{width:15px;height:15px;color:var(--tc)}.tier.sm{box-shadow:none;padding:2px 7px 2px 5px;font-size:11px}.tier.sm .ic{width:12px;height:12px}.tier.t-champion{background:linear-gradient(90deg,#ff7a9a4d,#ffd27a4d)}.rankchip{cursor:pointer;color:var(--ink);white-space:nowrap;font-family:var(--f);padding-left:6px}.rankchip .tier{padding:3px 7px 3px 5px}.season{border:1px solid var(--line);background:linear-gradient(135deg,#ffd27a1f,#8c64ff14);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 10px;padding:12px;display:flex}.season>div{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.season small{color:var(--ink2);font-variant-numeric:tabular-nums;font-size:12px}.season .ends{color:var(--gold1);align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.season .ends .ic{width:14px;height:14px}.seg.wide button{flex:1}.total{color:var(--ink3);text-align:right;font-variant-numeric:tabular-nums;margin:8px 2px 0;font-size:12px}.list.lb{overscroll-behavior:contain;max-height:min(46vh,420px);overflow-y:auto}.list.lb li{grid-template-columns:34px 1fr auto}.list.lb .who b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.list.lb .who small{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.list.lb .sc{font:900 16px/1 var(--display);font-variant-numeric:tabular-nums}.list.lb li.me{-webkit-backdrop-filter:blur(8px);background:linear-gradient(90deg,#ffd27a47,#ffd27a1f);position:sticky;bottom:0}.list.lb li.gap{text-align:center;color:var(--ink3);border:0;padding:2px;display:block}.rk.m1,.rk.m2,.rk.m3{color:#2b1704;border-radius:50%;justify-self:center;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.rk.m1{background:linear-gradient(#fff2c4,#f5b83d);box-shadow:0 0 14px #ffc8508c}.rk.m2{background:linear-gradient(#f4f7ff,#a9b6cf)}.rk.m3{background:linear-gradient(#ffd9b8,#c47a45)}.scorepill{justify-content:center;align-items:baseline;gap:5px;margin-top:4px;display:flex}.scorepill b{font:900 17px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--gold1);text-shadow:0 2px 10px #140028b3}.scorepill em{color:#2b1704;background:var(--gold2);border-radius:99px;padding:2px 6px;font-size:11px;font-style:normal;font-weight:900}.scorepill em:empty{display:none}.rival{left:50%;top:calc(max(6px, env(safe-area-inset-top)) + 128px);text-align:center;pointer-events:none;width:min(64%,300px);animation:.4s fadein;position:absolute;transform:translate(-50%)}.rival[hidden]{display:none}#ui:has(.bossbar:not([hidden])) .rival{top:calc(max(6px, env(safe-area-inset-top)) + 150px)}.rival span{max-width:100%;color:var(--ink);text-shadow:0 1px 8px #000c;white-space:nowrap;text-overflow:ellipsis;background:#0a041873;border-radius:99px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:800;display:inline-flex;overflow:hidden}.rival span .ic{width:12px;height:12px;color:var(--gold2);flex:none}.rival div{background:#0a04188c;border-radius:99px;height:5px;margin-top:4px;overflow:hidden}.rival i{background:linear-gradient(90deg, var(--gold3), var(--gold1));width:0;height:100%;transition:width .2s;display:block}.rival.top span{color:var(--gold1)}.rival.top i{background:linear-gradient(90deg, #ff7a9a, var(--gold1))}.countdown,.final{text-align:center;pointer-events:none;font:900 clamp(90px, 30vw, 160px)/1 var(--display);color:var(--gold1);text-shadow:0 6px #7a3d12,0 0 40px #ffb45099;opacity:0;position:absolute;top:36%;left:0;right:0}.countdown.on{animation:.9s ease-out forwards count}.countdown.go{color:#fff;font-size:clamp(70px,22vw,120px)}@keyframes count{0%{opacity:0;transform:scale(2.2)}18%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(.8)}}.final{color:#ffd0dc;text-shadow:0 4px #6a1630,0 0 30px #ff3c6499;font-size:clamp(56px,18vw,96px);top:24%}.final.on{animation:.95s ease-out forwards count}:is(#ui:has(.modal) .countdown,#ui:has(.modal) .final,#ui:has(.modal) .rival){visibility:hidden}.letterbox{pointer-events:none;position:absolute;inset:0}.letterbox i{background:#000;height:11vh;position:absolute;left:0;right:0;transform:scaleY(0)}.letterbox i:first-child{transform-origin:top;top:0}.letterbox i:last-child{transform-origin:bottom;bottom:0}.letterbox.on i{animation:2.4s ease-in-out forwards letterbox}@keyframes letterbox{0%{transform:scaleY(0)}18%,72%{transform:scaleY(1)}to{transform:scaleY(0)}}.lbres:empty{display:none}.lbres{flex-direction:column;align-items:center;gap:8px;margin:12px 0 0;display:flex}.tierline{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.tierline small{color:var(--ink2);font-size:12px}.promo{color:var(--gold1);font-size:14px;animation:.5s ease-out 1.2s 2 bump}.lbwait{color:var(--ink3);margin:0;font-size:12px}.lbrows{flex-wrap:wrap;justify-content:center;gap:6px;animation:.4s rise;display:flex}.lbrow{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:14px;align-items:baseline;gap:5px;padding:7px 12px;display:inline-flex}.lbrow em{color:var(--ink3);font-size:11px;font-style:normal;font-weight:700}.lbrow b{font:900 18px/1 var(--display);color:var(--gold1)}.lbrow i{font-size:12px;font-style:normal;font-weight:900}.lbrow i.up{color:#7ff0a8}.lbrow i.new{color:#8fd3ff}.lbrow small{color:var(--ink3);font-size:11px}.lblink{appearance:none;color:var(--gold2);font:800 12px/1 var(--f);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.acctbar{top:max(12px, env(safe-area-inset-top));z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);background:#140c2899;border-radius:99px;align-items:center;gap:2px;padding:3px 3px 3px 10px;font-size:13px;animation:.4s fadein;display:flex;position:absolute;right:12px}.acctbar .who{align-items:center;gap:5px;min-width:0;display:inline-flex}.acctbar .who .ic{width:15px;height:15px;color:var(--mint);flex:none}.acctbar .who b{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-weight:800;overflow:hidden}.acctbar.off .who .ic{color:var(--ink3)}.acctbar.off .who b{color:var(--ink2)}.acctbar .out{appearance:none;min-height:30px;color:var(--ink2);font:700 12px/1 var(--f);cursor:pointer;touch-action:manipulation;background:#ffffff1a;border:0;border-radius:99px;align-items:center;gap:4px;margin-left:6px;padding:0 11px;display:inline-flex}.acctbar .out .ic{width:14px;height:14px}.acctbar .out:hover{color:var(--ink);background:#ffffff2e}.acctbar .out:focus-visible{outline:2px solid var(--gold1);outline-offset:2px}.acct-actions{align-items:center;gap:4px;display:inline-flex}#app input,#ui input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.nickform h2{margin-bottom:6px}.nickfield{margin:4px 0 6px;display:block}.nickfield input{box-sizing:border-box;width:100%;min-height:52px;color:var(--ink);font:800 18px/1 var(--f);text-align:center;letter-spacing:.02em;background:#0a04188c;border:1px solid #ffffff38;border-radius:16px;outline:none;padding:0 16px;transition:border-color .15s,box-shadow .15s}.nickfield input::placeholder{color:var(--ink3);letter-spacing:0;font-size:14px;font-weight:600}.nickfield input:focus{border-color:var(--gold2);box-shadow:0 0 0 3px #ffd27a33}.nickfield input:disabled{opacity:.6}.nickform .status.bad{color:#ffb0bf}.nickform .note{margin:0 0 8px}.acct{flex-wrap:wrap;justify-content:flex-end}.langsw{top:max(12px, env(safe-area-inset-top));z-index:6;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);font:800 12px/1 var(--f);background:#140c2899;border-radius:99px;gap:2px;padding:3px;display:inline-flex;position:fixed;left:12px}.langsw a{min-height:28px;color:var(--ink2);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:99px;justify-content:center;align-items:center;padding:0 10px;text-decoration:none;display:inline-flex}.langsw a[aria-current]{color:var(--gold1);background:#ffd27a38}.langsw a:focus-visible{outline:2px solid var(--gold1);outline-offset:1px}body[data-screen]:not([data-screen=splash]):not([data-screen=login]):not([data-screen=nick]) .langsw{display:none}@media (max-width:420px){.row3 .btn{gap:4px;padding:0 6px;font-size:13px}.row3 .btn .ic{width:1.05em;height:1.05em}}