:root{--navy: #1b2347;--navy-2: #2a3566;--blue-1: #6fc4ff;--blue-2: #3b93f0;--blue-3: #2368c9;--sky: #dff0ff;--sky-2: #c4e2ff;--paper: #ffffff;--ink: #25305f;--ink-2: #5a6795;--yellow-1: #ffe761;--yellow-2: #ffc21f;--yellow-3: #e89a00;--green-1: #9cf06a;--green-2: #3fc23f;--green-3: #238a2a;--red-1: #ff8a8a;--red-2: #ef4646;--red-3: #a8262a;--purple-1: #d6a4ff;--purple-2: #9a55f0;--orange-1: #ffbf5e;--orange-2: #ff8a1f;--gold: #ffd23a;--display: "Black Han Sans", "Noto Sans KR", system-ui, sans-serif;--body: "Noto Sans KR", system-ui, sans-serif;--line: .16rem}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a0f24;color:var(--ink);font-family:var(--body);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;overscroll-behavior:none}#shell{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#backdrop{position:absolute;inset:-40px;background:var(--vista, none) center / cover no-repeat;filter:blur(22px) brightness(.5) saturate(1.2)}#frame{position:relative;overflow:hidden;background:#2a62c4;box-shadow:0 0 60px #0009}#game,#ui{position:absolute;inset:0}#game canvas{display:block;width:100%;height:100%}#ui{pointer-events:none}#ui .screen,#ui .modal-bg,#ui .loading,#ui .hud .pause{pointer-events:auto}#ui .passthrough{pointer-events:none}button{font-family:var(--body);cursor:pointer;color:inherit}img{-webkit-user-drag:none}.o{font-family:var(--display);font-weight:400;color:#fff;-webkit-text-stroke:.16em var(--navy);paint-order:stroke fill;letter-spacing:.01em}.o.thin{-webkit-text-stroke-width:.12em}.o.y{color:var(--gold)}.o.r{color:#ff7b7b}.o.g{color:#9cf06a}.btn{position:relative;border:var(--line) solid var(--navy);border-radius:.95rem;padding:.55rem 1.1rem .7rem;font-family:var(--display);font-size:1.1rem;color:#fff;-webkit-text-stroke:.15em var(--navy);paint-order:stroke fill;background:linear-gradient(180deg,var(--yellow-1) 0%,var(--yellow-2) 62%);box-shadow:inset 0 -.32rem 0 var(--yellow-3),inset 0 .16rem #fff9,0 .18rem 0 var(--navy);transition:transform .07s,filter .1s;white-space:nowrap}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(.12rem) scale(.985)}.btn.green{background:linear-gradient(180deg,var(--green-1),var(--green-2) 62%);box-shadow:inset 0 -.32rem 0 var(--green-3),inset 0 .16rem #ffffff8c,0 .18rem 0 var(--navy)}.btn.blue{background:linear-gradient(180deg,var(--blue-1),var(--blue-2) 62%);box-shadow:inset 0 -.32rem 0 var(--blue-3),inset 0 .16rem #ffffff80,0 .18rem 0 var(--navy)}.btn.red{background:linear-gradient(180deg,var(--red-1),var(--red-2) 62%);box-shadow:inset 0 -.32rem 0 var(--red-3),inset 0 .16rem #ffffff80,0 .18rem 0 var(--navy)}.btn.gray{background:linear-gradient(180deg,#cfd8ee,#9fadd1 62%);box-shadow:inset 0 -.32rem #73819f,inset 0 .16rem #ffffff8c,0 .18rem 0 var(--navy)}.btn.small{font-size:.9rem;padding:.4rem .75rem .55rem;border-radius:.75rem}.btn.big{font-size:1.75rem;padding:.7rem 1rem .95rem;border-radius:1.2rem}.btn.wide{width:100%}.btn:disabled{filter:grayscale(.9) brightness(.85);cursor:not-allowed;transform:none}.btn .ico{width:1.9rem;height:1.9rem;vertical-align:-.45rem;margin-right:.35rem}.round{width:2.5rem;height:2.5rem;padding:0;border-radius:.8rem;display:grid;place-items:center}.pnl{position:relative;background:var(--sky);border:var(--line) solid var(--navy);border-radius:1.1rem;box-shadow:0 .25rem 0 var(--navy);overflow:hidden}.pnl>.hdr{position:relative;background:linear-gradient(180deg,var(--blue-1),var(--blue-2));border-bottom:var(--line) solid var(--navy);padding:.5rem .8rem .6rem;text-align:center}.pnl>.hdr:after{content:"";position:absolute;left:.5rem;right:.5rem;top:.25rem;height:.35rem;border-radius:.3rem;background:#ffffff59}.pnl>.hdr .o{font-size:1.4rem}.pnl>.body{padding:.75rem}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .45rem;border-radius:.45rem;font-size:.7rem;font-weight:900;color:#fff;background:var(--blue-2);border:.1rem solid var(--navy)}.pill{display:inline-flex;align-items:center;gap:.3rem;height:2rem;padding:0 .7rem 0 .25rem;background:#1b2347d9;border:var(--line) solid var(--navy);border-radius:999px}.pill img{width:1.75rem;height:1.75rem;margin-left:-.45rem}.pill .o{font-size:1.05rem;-webkit-text-stroke-width:.12em}.stars{display:inline-flex;gap:.08rem}.stars img{width:.95rem;height:.95rem;filter:grayscale(1) brightness(.6) opacity(.5)}.stars img.on{filter:none}.stars img.next{filter:none;animation:twinkle .8s ease-in-out infinite}@keyframes twinkle{50%{opacity:.35;transform:scale(.85)}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.lobby{background:radial-gradient(circle at 50% 28%,#5fb0ff,#3478e0 46%,#2252b0)}.lobby:before{content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background:repeating-linear-gradient(45deg,#fff 0 .12rem,transparent .12rem 1.4rem)}.lobby .top{position:relative;display:flex;align-items:center;gap:.5rem;padding:calc(.7rem + env(safe-area-inset-top,0px)) .75rem .3rem;z-index:2}.avatar{width:3rem;height:3rem;border-radius:.8rem;border:var(--line) solid var(--navy);background:linear-gradient(180deg,#8fd0ff,#3d8be8);overflow:hidden;box-shadow:0 .15rem 0 var(--navy);flex:0 0 auto}.avatar img{width:130%;height:130%;margin:-5% 0 0 -15%}.lobby .who{flex:1;min-width:0}.lobby .who .o{font-size:1.05rem;-webkit-text-stroke-width:.13em;display:block}.lobby .who .sub{font-size:.68rem;font-weight:900;color:#e6f2ff}.tab-body{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;padding-bottom:5.4rem;scrollbar-width:none}.tab-body::-webkit-scrollbar{display:none}.tabbar{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);border-top:var(--line) solid #0d1230;padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom));gap:.25rem;z-index:3}.tab{border:0;background:transparent;border-radius:.8rem;padding:.15rem 0 .25rem;display:flex;flex-direction:column;align-items:center;gap:.05rem}.tab img{width:2.4rem;height:2.4rem;transition:transform .12s;filter:saturate(.6) brightness(.8)}.tab .o{font-size:.78rem;-webkit-text-stroke-width:.1em;color:#b9c6ef}.tab.on{background:linear-gradient(180deg,#4f9df5,#2c6fd6);box-shadow:inset 0 .12rem #ffffff59}.tab.on img{transform:translateY(-.45rem) scale(1.2);filter:none}.tab.on .o{color:#fff}.chapter{position:relative;margin:.4rem .9rem 0}.ch-card{position:relative;border:.22rem solid var(--navy);border-radius:1.3rem;overflow:hidden;box-shadow:0 .3rem 0 var(--navy);background:#000;aspect-ratio:1 / .9}.ch-card .art{position:absolute;inset:0;background-size:cover;background-position:center}.ch-card:after{content:"";position:absolute;inset:0;border-radius:1.1rem;box-shadow:inset 0 0 0 .2rem #ffffff8c;pointer-events:none}.ch-card .boss{position:absolute;left:50%;bottom:17%;width:82%;transform:translate(-50%);filter:drop-shadow(0 .6rem .4rem rgba(0,0,0,.35));animation:bossIdle 2.4s ease-in-out infinite}@keyframes bossIdle{50%{transform:translate(-50%) translateY(-.35rem)}}.ch-card .shade{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,#0a143200,#0a1432c7)}.ch-card .name{position:absolute;left:0;right:0;bottom:.65rem;text-align:center}.ch-card .name .o{font-size:2.1rem;display:block}.ch-card .name .boss-name{font-size:.78rem;font-weight:900;color:#ffe6a8}.ch-card.locked .art,.ch-card.locked .boss{filter:grayscale(1) brightness(.45)}.ch-card .lock{position:absolute;left:50%;top:42%;width:4.5rem;transform:translate(-50%,-50%)}.ch-ribbon{position:absolute;left:50%;top:-.55rem;transform:translate(-50%);z-index:2;padding:.15rem 1.4rem .3rem;border:var(--line) solid var(--navy);border-radius:.6rem;background:linear-gradient(180deg,#ff8a5c,#e8473a);box-shadow:inset 0 -.2rem #a52a24,0 .15rem 0 var(--navy)}.ch-ribbon .o{font-size:1rem}.ch-arrow{position:absolute;top:46%;width:2.6rem;height:3.2rem;border-radius:.8rem;z-index:2;padding:0;font-size:1.3rem}.ch-arrow.l{left:-.55rem}.ch-arrow.r{right:-.55rem}.ch-record{display:flex;justify-content:center;gap:.4rem;margin:.65rem 0 0;flex-wrap:wrap}.ch-record .chip{font-size:.74rem;padding:.2rem .55rem;background:#1b2347bf}.ch-record .chip.ok{background:var(--green-2)}.start{margin:.85rem .9rem 0}.start .btn{width:100%}.start .cost{text-align:center;font-size:.72rem;font-weight:900;color:#dceaff;margin-top:.4rem}.hero-strip{margin:.75rem .9rem 0;display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border:var(--line) solid var(--navy);border-radius:1rem;background:#ffffffeb;box-shadow:0 .18rem 0 var(--navy);cursor:pointer}.hero-strip img.p{width:3.4rem;height:3.4rem}.hero-strip .nm{font-family:var(--display);font-size:1.1rem;color:var(--ink)}.hero-strip .wp{font-size:.72rem;font-weight:900;color:var(--ink-2);display:flex;align-items:center;gap:.25rem}.hero-strip .wp img{width:1.3rem;height:1.3rem}.hero-strip .go{margin-left:auto;font-size:.75rem;font-weight:900;color:var(--blue-3)}.hero-stage{position:relative;margin:.3rem .9rem 0}.hero-stage .pedestal{position:relative;height:13rem;display:grid;place-items:center}.hero-stage .pedestal:before{content:"";position:absolute;left:50%;bottom:.9rem;width:11rem;height:2.6rem;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,#ffffff8c,#fff0 70%)}.hero-stage .pedestal img{position:relative;width:12.5rem;height:12.5rem;filter:drop-shadow(0 .35rem 0 rgba(27,35,71,.35))}.hero-stage .pedestal img.locked{filter:brightness(0) opacity(.45)}.hero-stage .name{text-align:center;margin-top:-.4rem}.hero-stage .name .o{font-size:1.8rem}.hero-info{margin:.6rem .9rem 0}.hero-info .body{display:flex;flex-direction:column;gap:.45rem}.wrow{display:flex;gap:.6rem;align-items:center}.wrow .ib{width:3rem;height:3rem;border-radius:.75rem;border:var(--line) solid var(--navy);background:linear-gradient(180deg,#fff,#cfe6ff);display:grid;place-items:center;flex:0 0 auto}.wrow .ib img{width:85%;height:85%}.wrow b{font-family:var(--display);font-weight:400;font-size:1.05rem;color:var(--ink);display:block}.wrow span{font-size:.74rem;color:var(--ink-2);font-weight:700}.bonus-line{font-size:.78rem;font-weight:900;color:#1f8a3a}.hero-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin:.75rem .9rem 0}.hcell{position:relative;aspect-ratio:1;border:var(--line) solid var(--navy);border-radius:.8rem;background:linear-gradient(180deg,#fff,#bfdcff);box-shadow:0 .14rem 0 var(--navy);cursor:pointer;overflow:hidden}.hcell img.p{width:118%;height:118%;margin:-4% 0 0 -9%}.hcell.locked{background:linear-gradient(180deg,#8f9bc0,#5c6a96)}.hcell.locked img.p{filter:brightness(0) opacity(.4)}.hcell .lk{position:absolute;right:.1rem;bottom:.1rem;width:1.3rem;height:1.3rem}.hcell.sel{border-color:var(--yellow-2);box-shadow:0 0 0 .16rem var(--navy),0 .14rem 0 .16rem var(--navy);background:linear-gradient(180deg,#fff6c9,#ffd65c)}.hero-dock{position:sticky;bottom:0;margin:.9rem .9rem 0}.hero-dock .note{text-align:center;font-size:.72rem;font-weight:900;color:#e3efff;margin-top:.35rem}.tr-title{text-align:center;margin:.3rem 0 .5rem}.tr-title .o{font-size:1.6rem}.tr-title .sub{font-size:.72rem;font-weight:900;color:#e3efff}.tr-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 .9rem}.tr{background:#fff;border:var(--line) solid var(--navy);border-radius:.95rem;box-shadow:0 .16rem 0 var(--navy);padding:.55rem;display:grid;grid-template-columns:2.6rem 1fr;gap:.2rem .5rem;align-items:center}.tr .ic{grid-row:span 2;width:2.6rem;height:2.6rem;border-radius:.7rem;background:linear-gradient(180deg,#dff0ff,#a9d2ff);border:.12rem solid var(--navy);display:grid;place-items:center}.tr .ic img{width:88%;height:88%}.tr .ic .emo{font-size:1.4rem}.tr .t{font-family:var(--display);font-size:1rem;color:var(--ink)}.tr .d{font-size:.66rem;font-weight:900;color:var(--ink-2)}.tr .stars{grid-column:1 / -1;margin-top:.15rem}.tr .btn{grid-column:1 / -1;margin-top:.25rem}.tr-foot{margin:.8rem .9rem 0}.hud{position:absolute;inset:env(safe-area-inset-top,0px) 0 0 0;pointer-events:none}.hud .xp{position:absolute;top:.45rem;left:.5rem;right:3.3rem;height:1.15rem;border:var(--line) solid var(--navy);border-radius:.7rem;background:#1f2a55;overflow:hidden}.hud .xp .fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(180deg,#8ff0ff,#31b6f5 60%,#1f8ae0);transition:width .15s}.hud .xp .fill:after{content:"";position:absolute;left:.2rem;right:.2rem;top:.12rem;height:.22rem;border-radius:.2rem;background:#ffffff8c}.hud .xp .lv{position:absolute;inset:0;display:grid;place-items:center;font-size:.85rem;-webkit-text-stroke-width:.13em;line-height:1}.hud .pause{position:absolute;top:.3rem;right:.5rem;width:2.5rem;height:2.5rem;pointer-events:auto;font-size:.9rem}.hud .row2{position:absolute;top:2.05rem;left:.5rem;right:3.3rem;display:flex;justify-content:space-between;align-items:center}.hud .stat{display:flex;align-items:center;gap:.15rem}.hud .stat img{width:1.7rem;height:1.7rem}.hud .stat .o{font-size:1.05rem;-webkit-text-stroke-width:.14em}.hud .timer{position:absolute;top:3.85rem;left:0;right:0;text-align:center;font-size:1.85rem;letter-spacing:.04em}.hud .slots{position:absolute;top:4.15rem;left:.5rem;display:flex;flex-direction:column;gap:.2rem}.hud .line{display:flex;gap:.16rem}.hud .slot{width:1.7rem;height:1.7rem;border-radius:.45rem;border:.12rem solid var(--navy);background:#ffffffd9;position:relative}.hud .slot img{width:100%;height:100%}.hud .slot b{position:absolute;right:-.25rem;bottom:-.3rem;font-size:.66rem}.hud .slot.evo{background:linear-gradient(180deg,#fff3b0,#ffc21f)}.hud .slot.passive{width:1.3rem;height:1.3rem;border-radius:50%}.hud .slot.empty{display:none}.hud .bossbar{position:absolute;top:6.4rem;left:10%;right:10%;display:none}.hud .bossbar .nm{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:.15rem}.hud .bossbar .nm img{width:1.5rem;height:1.5rem}.hud .bossbar .nm .o{font-size:.95rem;-webkit-text-stroke-width:.13em}.hud .bossbar .bar{height:.95rem;border-radius:.55rem;background:#3a1220;border:var(--line) solid var(--navy);overflow:hidden}.hud .bossbar .bar i{display:block;height:100%;width:100%;background:linear-gradient(180deg,#ff9c9c,#ef3b4f 60%,#b81f35);transition:width .12s}.hud .lowhp{position:absolute;inset:0;transition:box-shadow .3s}.hud .freeze{position:absolute;inset:0;background:#78c8ff24;display:none}.hurt-flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 6rem #ff283cb3;opacity:0;transition:opacity .25s}.hurt-flash.on{opacity:1;transition:none}.banner{position:absolute;left:0;right:0;top:24%;pointer-events:none;text-align:center;animation:banner 2.4s ease-out forwards}.banner .t{font-size:2.2rem;display:block}.banner .s{font-size:.95rem;display:block;margin-top:.2rem;-webkit-text-stroke-width:.13em}@keyframes banner{0%{opacity:0;transform:scale(1.8)}9%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96) translateY(-.6rem)}}.move-hint{position:absolute;left:0;right:0;bottom:16%;text-align:center;pointer-events:none;transition:opacity .4s}.move-hint.gone{opacity:0}.move-hint .track{position:relative;width:9rem;height:3rem;margin:0 auto .5rem}.move-hint .track:before{content:"";position:absolute;left:1rem;right:1rem;top:50%;height:.3rem;margin-top:-.15rem;border-radius:.2rem;background:#ffffff59}.move-hint .finger{position:absolute;top:50%;left:50%;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;border-radius:50%;background:#ffffffd9;border:.18rem solid var(--navy);animation:swipe 1.6s ease-in-out infinite}@keyframes swipe{0%,to{transform:translate(-2.6rem)}50%{transform:translate(2.6rem)}}.move-hint .o{font-size:1.05rem;-webkit-text-stroke-width:.13em}@media(pointer:coarse){.card .key{display:none}}.joy-base{position:absolute;width:6.4rem;height:6.4rem;margin:-3.2rem 0 0 -3.2rem;border-radius:50%;border:.18rem solid rgba(27,35,71,.55);background:#ffffff38;display:none;pointer-events:none}.joy-knob{position:absolute;left:50%;top:50%;width:2.8rem;height:2.8rem;border-radius:50%;background:linear-gradient(180deg,#fff,#cfe3ff);border:.16rem solid var(--navy);transform:translate(-50%,-50%)}.modal-bg{position:absolute;inset:0;background:#080e2899;display:flex;align-items:center;justify-content:center;padding:.8rem;animation:fade .15s;overflow-y:auto;touch-action:pan-y}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-height:100%;overflow-y:auto;animation:pop .22s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.85);opacity:0}}.modal.pnl>.body{background:var(--sky)}.modal.bare{background:none;border:0;box-shadow:none;overflow:visible}.lu-title{position:relative;text-align:center;margin-bottom:.8rem}.lu-title .o{font-size:2.8rem;display:block}.lu-title .sub{font-size:.85rem;display:block;margin-top:.15rem;-webkit-text-stroke-width:.13em}.rays{position:absolute;left:50%;top:50%;width:24rem;height:24rem;margin:-12rem 0 0 -12rem;pointer-events:none;opacity:.55;background:repeating-conic-gradient(rgba(255,236,140,.35) 0deg 10deg,transparent 10deg 24deg);border-radius:50%;animation:spin 16s linear infinite;-webkit-mask:radial-gradient(circle,#000 0%,transparent 62%);mask:radial-gradient(circle,#000 0%,transparent 62%)}@keyframes spin{to{transform:rotate(360deg)}}.cards{display:flex;flex-direction:column;gap:.55rem}.card{position:relative;display:grid;grid-template-columns:4.4rem 1fr;gap:.7rem;align-items:center;cursor:pointer;padding:.6rem .7rem;border:var(--line) solid var(--navy);border-radius:1rem;background:#fff;box-shadow:0 .22rem 0 var(--navy);animation:cardIn .26s backwards;transition:transform .08s}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}@keyframes cardIn{0%{opacity:0;transform:translate(-1.2rem)}}.card:hover{transform:scale(1.015)}.card:active{transform:scale(.98)}.card .ic{width:4.4rem;height:4.4rem;border-radius:.85rem;border:var(--line) solid var(--navy);display:grid;place-items:center;background:linear-gradient(180deg,var(--c1, #8fd0ff),var(--c2, #3b93f0));box-shadow:inset 0 .18rem #ffffff73}.card .ic img{width:86%;height:86%;filter:drop-shadow(0 .12rem 0 rgba(27,35,71,.4))}.card .ic .emo{font-size:2.2rem}.card .nm{font-family:var(--display);font-size:1.25rem;color:var(--ink);line-height:1.1}.card .ds{font-size:.78rem;font-weight:700;color:var(--ink-2);margin-top:.2rem;line-height:1.35}.card .stars{margin-top:.3rem}.card .evo{margin-top:.3rem;font-size:.66rem;font-weight:900;color:#8a93b8;display:flex;align-items:center;gap:.2rem}.card .evo img{width:1.1rem;height:1.1rem}.card .evo.ok{color:var(--orange-2)}.card .new{position:absolute;top:-.45rem;right:.6rem;padding:.05rem .5rem .15rem;border:.13rem solid var(--navy);border-radius:.45rem;background:linear-gradient(180deg,#ff8a5c,#e8473a)}.card .new .o{font-size:.75rem;-webkit-text-stroke-width:.12em}.card .key{position:absolute;right:.55rem;bottom:.35rem;font-size:.62rem;font-weight:900;color:#b5bdd8}.card.weapon{--c1: #8fd0ff;--c2: #3b93f0}.card.weapon.up{--c1: #b5f08a;--c2: #45c04a}.card.passive{--c1: #e3bcff;--c2: #9a55f0}.card.special{--c1: #ffe38a;--c2: #ffb41f}.card.banish-mode{background:#ffe4e4}.choice-bar{display:flex;gap:.45rem;margin-top:.85rem}.choice-bar .btn{flex:1}.chest-top{position:relative;height:9rem;display:grid;place-items:center}.chest-top img{position:relative;width:7.5rem;height:7.5rem;animation:chestPop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes chestPop{0%{transform:scale(.2) rotate(-14deg)}}.chest-items{display:flex;flex-direction:column;gap:.45rem}.chest-item{display:grid;grid-template-columns:3.2rem 1fr;gap:.6rem;align-items:center;background:#fff;border:var(--line) solid var(--navy);border-radius:.9rem;padding:.4rem .55rem;box-shadow:0 .16rem 0 var(--navy);animation:cardIn .35s backwards}.chest-item .ic{width:3.2rem;height:3.2rem;border-radius:.7rem;border:.13rem solid var(--navy);background:linear-gradient(180deg,#dff0ff,#8fc6ff);display:grid;place-items:center}.chest-item .ic img{width:88%;height:88%}.chest-item .nm{font-family:var(--display);font-size:1.05rem;color:var(--ink)}.chest-item .ds{font-size:.7rem;font-weight:700;color:var(--ink-2)}.chest-item.evo{background:linear-gradient(90deg,#fff3b0,#fff)}.chest-item.evo .ic{background:linear-gradient(180deg,#ffe38a,#ff9f1f)}.chest-gold{display:flex;justify-content:center;margin-top:.7rem}.build{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.build h4{font-family:var(--display);font-weight:400;font-size:.95rem;margin:0 0 .3rem;color:var(--ink)}.build .item{display:grid;grid-template-columns:2.1rem 1fr;gap:.35rem;align-items:center;padding:.2rem 0}.build .item .ic{width:2.1rem;height:2.1rem;border-radius:.55rem;border:.12rem solid var(--navy);background:#fff}.build .item .ic img{width:100%;height:100%}.build .item .n{font-size:.74rem;font-weight:900;color:var(--ink)}.build .item .stars img{width:.72rem;height:.72rem}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.15rem .8rem;font-size:.74rem;font-weight:900;margin-top:.7rem;color:var(--ink-2);background:#fff;border:.12rem solid var(--navy);border-radius:.8rem;padding:.45rem .6rem}.stats div{display:flex;justify-content:space-between;padding:.15rem 0}.stats b{color:var(--ink)}.result-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.7rem}.result-tiles .k{background:#fff;border:var(--line) solid var(--navy);border-radius:.85rem;padding:.45rem .6rem;box-shadow:0 .14rem 0 var(--navy)}.result-tiles .k b{display:block;font-family:var(--display);font-weight:400;font-size:1.35rem;color:var(--ink)}.result-tiles .k span{font-size:.68rem;font-weight:900;color:var(--ink-2)}.dmg-row{display:grid;grid-template-columns:1.9rem 5rem 1fr 2.3rem;gap:.4rem;align-items:center;font-size:.74rem;font-weight:900;color:var(--ink);margin:.3rem 0}.dmg-row img{width:1.9rem;height:1.9rem}.dmg-row .bar{height:.7rem;background:#fff;border:.12rem solid var(--navy);border-radius:.4rem;overflow:hidden}.dmg-row .bar i{display:block;height:100%;background:linear-gradient(180deg,#ffe761,#ffb41f)}.dmg-row .v{text-align:right;color:var(--ink-2)}.unlock-note{text-align:center;margin-top:.6rem;font-weight:900;color:#1f8a3a;font-size:.82rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .4rem;border-bottom:.1rem dashed #9fc3ee;font-weight:900;font-size:.95rem;color:var(--ink)}.settings-row:last-of-type{border-bottom:0}.settings-row input[type=range]{width:52%;accent-color:var(--blue-2)}.settings-row input[type=checkbox]{width:1.5rem;height:1.5rem;accent-color:var(--blue-2)}.toast{position:absolute;left:50%;bottom:6.5rem;transform:translate(-50%);background:var(--navy);border-radius:.8rem;padding:.5rem 1rem;z-index:10;pointer-events:none;white-space:nowrap;animation:fade .2s}.toast .o{font-size:.95rem;-webkit-text-stroke-width:0}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:radial-gradient(circle at 50% 35%,#5fb0ff,#2252b0)}.loading .o{font-size:2.6rem}.loading .bar{width:62%;height:1rem;border:var(--line) solid var(--navy);border-radius:.6rem;overflow:hidden;background:#1f2a55}.loading .bar i{display:block;height:100%;background:linear-gradient(180deg,#ffe761,#ffb41f);width:0%;transition:width .2s}