@font-face{font-family:Gowun Batang;font-style:normal;font-display:swap;font-weight:400;src:url(./gowun-batang-korean-400-normal-B01U8-a5.woff2) format("woff2"),url(./gowun-batang-korean-400-normal-CXDiTy1F.woff) format("woff")}@font-face{font-family:Gowun Batang;font-style:normal;font-display:swap;font-weight:700;src:url(./gowun-batang-korean-700-normal-CH9Iz3IW.woff2) format("woff2"),url(./gowun-batang-korean-700-normal-B4_fsFB4.woff) format("woff")}@font-face{font-family:Gowun Batang;font-style:normal;font-display:swap;font-weight:400;src:url(./gowun-batang-latin-400-normal-DhJlxzQq.woff2) format("woff2"),url(./gowun-batang-latin-400-normal-HlPzkeyL.woff) format("woff")}@font-face{font-family:Gowun Batang;font-style:normal;font-display:swap;font-weight:700;src:url(./gowun-batang-latin-700-normal-ii_3u4DV.woff2) format("woff2"),url(./gowun-batang-latin-700-normal-COBS19rt.woff) format("woff")}@font-face{font-family:Gowun Dodum;font-style:normal;font-display:swap;font-weight:400;src:url(./gowun-dodum-korean-400-normal-kyfibGs5.woff2) format("woff2"),url(./gowun-dodum-korean-400-normal-BH5HIN7-.woff) format("woff")}@font-face{font-family:Gowun Dodum;font-style:normal;font-display:swap;font-weight:400;src:url(./gowun-dodum-latin-400-normal-DzfYs89k.woff2) format("woff2"),url(./gowun-dodum-latin-400-normal-B2g_5z5f.woff) format("woff")}:root{--ink: #0b0a0d;--lac: #15110f;--lac2: #1e1814;--line: #5a4630;--gold: #c9a45c;--gold2: #f2d58c;--bone: #e8dcc4;--dim: #9a8c78;--red: #b3342a;--blue: #4f7cc8;--leg: #ff8a2a;--rare: #f2cf4a;--magic: #6f9dff;--serif: "Gowun Batang", "Nanum Myeongjo", serif;--sans: "Gowun Dodum", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#050407;overflow:hidden;color:var(--bone);font-family:var(--serif);user-select:none}#app{position:fixed;inset:0}#stage canvas{display:block}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.hud,#ui>.toasts,#ui>.vignette,#ui>.fade:not(.on),#ui>.banner{pointer-events:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}.loading{position:absolute;inset:0;display:grid;place-content:center;gap:22px;background:#050407;z-index:99}.ltitle{font-size:48px;letter-spacing:.35em;padding-left:.35em;font-weight:700;color:var(--bone);text-align:center}.loadbar{width:220px;height:2px;background:#2a2218;margin:auto}.loadbar i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s}.hud{position:absolute;inset:0}.floorname{position:absolute;left:22px;top:18px;text-shadow:0 2px 6px #000}.floorname b{display:block;font-size:22px;letter-spacing:.08em}.floorname span{font-size:14px;color:var(--dim);font-family:var(--sans)}.minimap{position:absolute;right:18px;top:18px;width:200px;height:200px;border-radius:50%;background:radial-gradient(#080606a6,#08060659);box-shadow:0 0 0 1px #c9a45c59,0 6px 20px #00000080}.minimap.big{width:min(78vh,78vw);height:min(78vh,78vw);right:50%;top:50%;transform:translate(50%,-50%);border-radius:6px;background:#080606b8}.bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.row{display:flex;align-items:flex-end;gap:16px}.xp{width:520px;height:5px;background:#14100ccc;position:relative;box-shadow:0 0 0 1px #c9a45c4d}.xp i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a6a2a,var(--gold2));transition:width .25s}.xp span{position:absolute;left:50%;top:-20px;transform:translate(-50%);font-size:12.5px;color:var(--gold);font-family:var(--sans);text-shadow:0 1px 3px #000}.orb{width:108px;height:108px;border-radius:50%;position:relative;overflow:hidden;background:#0a0808;box-shadow:0 0 0 2px #3a2c1c,0 0 0 4px #0c0a08,0 0 0 5px #c9a45c80,0 8px 24px #0009,inset 0 0 20px #000}.orb .fill{position:absolute;inset:0;transition:transform .12s linear}.orb.life .fill{background:radial-gradient(circle at 50% 30%,#e0584a,#8a1a14 55%,#3a0806)}.orb.qi .fill{background:radial-gradient(circle at 50% 30%,#7fb0ff,#2a4a9a 55%,#0a1438)}.orb .gloss{position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.35),transparent 35%),radial-gradient(circle at 50% 110%,rgba(0,0,0,.6),transparent 50%)}.orb .val{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-family:var(--sans);text-shadow:0 1px 3px #000}.orb .olabel{position:absolute;bottom:12px;width:100%;text-align:center;font-size:11px;color:#ffffff8c;letter-spacing:.15em}.orb.flash{animation:oflash .4s}@keyframes oflash{30%{box-shadow:0 0 0 2px #fff,0 0 30px 6px #ffdca0cc}}.slots{display:flex;gap:8px;padding-bottom:6px}.slot{width:62px;height:62px;position:relative;background:#0d0b09;box-shadow:0 0 0 1px #4a3a26,0 0 0 3px #0c0a08,0 0 0 4px #c9a45c59,0 6px 14px #0009;border-radius:3px;overflow:hidden}.slot .ico{position:absolute;inset:0;background:center / cover no-repeat;display:grid;place-items:center;font-size:22px;color:var(--gold2)}.slot .cd{position:absolute;inset:0}.slot .ch{position:absolute;right:4px;top:2px;font-family:var(--sans);font-size:13px;text-shadow:0 1px 2px #000}.slot .key{position:absolute;left:3px;bottom:1px;font-family:var(--sans);font-size:12px;color:var(--gold);text-shadow:0 1px 2px #000}.slot.empty .ico{opacity:.15}.slot.noqi .ico{filter:grayscale(.8) brightness(.5)}.slot.used{animation:used .25s}@keyframes used{0%{transform:scale(.9)}60%{transform:scale(1.06)}}.slot.potion{width:50px;height:50px;margin-left:6px;align-self:flex-end}.slot.potion .ico:empty{background:radial-gradient(circle at 50% 55%,#c33 30%,transparent 32%)}.bossbar{position:absolute;left:50%;top:24px;transform:translate(-50%);width:min(640px,60vw);opacity:0;transition:opacity .6s;text-align:center}.bossbar.on{opacity:1}.bname b{font-size:24px;letter-spacing:.12em;text-shadow:0 2px 8px #000}.bname span{display:block;font-size:13px;color:var(--dim);margin-bottom:6px}.btrack{height:12px;background:#140c0a;position:relative;box-shadow:0 0 0 1px #5a3a26,0 0 0 3px #0a0806,0 0 0 4px #c9a45c66}.btrack b{position:absolute;left:0;top:0;bottom:0;background:#e8d0a0;transition:width 1s .3s;opacity:.5}.btrack i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(#d0463a,#7a1810);transition:width .1s;z-index:1}.feed{position:absolute;right:22px;bottom:170px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:15px;text-shadow:0 1px 4px #000}.frow{transition:opacity .6s}.frow.out{opacity:0}.keyhint{position:absolute;left:22px;bottom:16px;font-family:var(--sans);font-size:12px;color:#e8dcc473;max-width:260px;line-height:1.6}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(160,10,10,.75));opacity:0;transition:opacity .35s}.vignette.low{opacity:.45;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.2}}.toasts{position:absolute;left:50%;top:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{font-size:22px;letter-spacing:.06em;text-shadow:0 2px 10px #000,0 0 2px #000;animation:tin .3s;transition:opacity .5s,transform .5s}.toast.out{opacity:0;transform:translateY(-10px)}@keyframes tin{0%{opacity:0;transform:translateY(8px) scale(.96)}}.banner{position:absolute;left:0;right:0;top:30%;text-align:center;transition:opacity 1s;text-shadow:0 3px 16px #000;animation:tin 1s}.banner.out{opacity:0}.banner .b1{font-size:44px;letter-spacing:.4em;padding-left:.4em;font-weight:700}.banner .b2{font-size:16px;color:var(--gold);letter-spacing:.2em;margin-top:6px}.fade{position:absolute;inset:0;background:#050407;opacity:0;transition:opacity .5s;z-index:50}.fade.on{opacity:1}.veil{position:absolute;inset:0;background:#0403059e;display:grid;place-items:center;animation:fin .2s;padding:20px}@keyframes fin{0%{opacity:0}}.panel{background:linear-gradient(#1a1411,#100c0a);box-shadow:0 0 0 1px #4a3a26,0 0 0 4px #0a0806,0 0 0 5px #c9a45c73,0 30px 80px #000000b3;width:min(900px,100%);max-height:calc(100vh - 40px);overflow:auto;animation:rise .25s cubic-bezier(.2,.8,.25,1)}.panel.wide{width:min(1180px,100%)}.panel.small{width:min(460px,100%)}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.phead{display:flex;align-items:baseline;gap:16px;padding:18px 24px 12px;border-bottom:1px solid rgba(201,164,92,.2)}.phead h2{margin:0;font-size:24px;letter-spacing:.1em;color:var(--gold2)}.phead span{color:var(--dim);font-size:14px;font-family:var(--sans)}.help{color:var(--dim);font-size:12.5px;font-family:var(--sans);padding:10px 0 0}.muted{color:var(--dim)}.inv{display:flex;gap:20px;padding:18px 24px 22px;align-items:flex-start}.inv .col{display:flex;flex-direction:column;gap:14px}.inv .grow{flex:0 0 auto}.equip{display:grid;grid-template-columns:repeat(3,72px);gap:8px}.bag{display:grid;grid-template-columns:repeat(8,56px);gap:5px}.cell{width:56px;height:56px;background:#0b0908;box-shadow:inset 0 0 0 1px #2e241a;position:relative;display:grid;place-items:center}.cell.eslot{width:72px;height:72px}.cell span{font-size:12px;color:#54463a}.cell img{max-width:86%;max-height:86%;filter:drop-shadow(0 2px 3px #000)}.cell.sel{box-shadow:inset 0 0 0 2px var(--gold2),0 0 12px #f2d58c59}.cell.r-magic{background:radial-gradient(#6f9dff2e,#0b0908 70%)}.cell.r-rare{background:radial-gradient(#f2cf4a33,#0b0908 70%)}.cell.r-legendary{background:radial-gradient(#ff8a2a4d,#0b0908 70%);box-shadow:inset 0 0 0 1px #ff8a2a99}.cell.r-legendary.sel{box-shadow:inset 0 0 0 2px var(--gold2),0 0 12px #ff8a2a80}.cell i.up{position:absolute;right:3px;top:1px;font-size:11px;color:#7dff8a;font-style:normal}.stats{font-family:var(--sans);font-size:13px;width:232px}.stats div{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid rgba(201,164,92,.08)}.stats span{color:var(--dim)}.tips{display:flex;flex-direction:column;gap:12px;width:300px}.icard{background:#0b0908;box-shadow:inset 0 0 0 1px var(--rc, #3a2e22);padding:12px 14px 14px;font-size:14px}.icard.empty{color:#5a4a3c}.iname{color:var(--rc);font-size:18px;font-weight:700}.isub{color:var(--dim);font-size:12px;font-family:var(--sans);margin:2px 0 10px}.icard .big{font-size:22px;font-family:var(--sans);margin-bottom:6px}.icard .big small{font-size:12px;color:var(--dim)}.aff{color:#9fb4ff;font-family:var(--sans);font-size:13.5px;padding:1px 0}.aff.hi{color:#c4d2ff}.power{color:var(--leg);margin-top:10px;line-height:1.55;font-size:14px}.cmp{margin-top:10px;font-family:var(--sans);font-size:13px;color:var(--dim)}.cmp.up{color:#7dff8a}.cmp.down{color:#ff7a6a}.curlabel{font-size:12px;color:var(--dim);font-family:var(--sans)}.skillp{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;padding:18px 24px 22px}.srow{display:flex;gap:12px;padding:10px;box-shadow:inset 0 0 0 1px #2a2018;margin-bottom:8px;cursor:pointer}.srow.sel{box-shadow:inset 0 0 0 2px var(--gold2)}.sico{width:54px;height:54px;flex:none;background:#0b0908 center / cover;box-shadow:inset 0 0 0 1px #3a2e22}.sname{font-size:17px;color:var(--gold2);display:flex;gap:8px;align-items:center}.skey{font-family:var(--sans);font-size:11px;color:#0b0908;background:var(--gold);padding:0 6px;border-radius:2px}.sdesc{font-size:13px;color:var(--bone);opacity:.8;margin:3px 0 6px;line-height:1.5}.smods{display:flex;gap:6px;flex-wrap:wrap}.smods span{font-size:11.5px;font-family:var(--sans);padding:1px 7px;box-shadow:inset 0 0 0 1px #3a2e22;color:#6a5a4a}.smods span.on{color:var(--gold2);box-shadow:inset 0 0 0 1px var(--gold)}.plist h3{margin:0 0 8px;color:var(--gold2);font-size:16px}.plist div{font-size:13.5px;padding:3px 0;line-height:1.5}.levelup{text-align:center;animation:rise .3s}.lvhead{font-size:40px;color:var(--gold2);letter-spacing:.2em;text-shadow:0 0 30px rgba(242,213,140,.4)}.lvsub{color:var(--dim);margin:4px 0 22px}.cards{display:flex;gap:18px;justify-content:center}.card{width:250px;min-height:330px;background:linear-gradient(#1c1612,#0e0b09);box-shadow:0 0 0 1px #4a3a26,0 0 0 4px #0a0806,0 0 0 5px #c9a45c59;padding:22px 18px;cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative}.card.sel{transform:translateY(-8px);box-shadow:0 0 0 1px var(--gold2),0 0 0 4px #0a0806,0 0 0 5px var(--gold2),0 0 40px #f2d58c4d}.card .cnum{position:absolute;left:10px;top:8px;font-family:var(--sans);color:var(--dim);font-size:13px}.cico{width:96px;height:96px;margin:6px auto 14px;background:#0b0908 center / cover;box-shadow:inset 0 0 0 1px #3a2e22}.csub{font-size:12.5px;color:var(--dim);font-family:var(--sans);letter-spacing:.1em}.card.skill .csub{color:#9fc4ff}.card.mod .csub{color:var(--gold)}.card.passive .csub{color:#e88a7a}.ctitle{font-size:22px;margin:4px 0 10px;color:var(--bone)}.cdesc{font-size:14px;line-height:1.6;color:#e8dcc4d9}.menu{display:flex;flex-direction:column;padding:10px 24px 22px}.menu button{text-align:left;padding:10px 12px;font-size:18px;color:var(--dim)}.menu button.sel{color:var(--gold2);background:#c9a45c14}.menu button.sel:before{content:"▸ "}.flavor{padding:14px 24px 0;line-height:1.7;color:#e8dcc4d9;margin:0}.flavor.gold{color:var(--gold2)}.summary{padding:12px 24px 4px;font-family:var(--sans)}.summary div{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(201,164,92,.1)}.summary span{color:var(--dim)}.title-screen,.hub{position:absolute;inset:0;background:#050407;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .7s}.title-screen.out{opacity:0}.tbg{position:absolute;inset:0;background:center / cover no-repeat;opacity:.7}.tbg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(5,4,7,.9) 80%),linear-gradient(transparent 60%,#050407)}.tlogo{position:relative;text-align:center}.tmain{font-size:clamp(64px,12vw,150px);font-weight:700;letter-spacing:.3em;padding-left:.3em;text-shadow:0 6px 40px rgba(0,0,0,.8),0 0 60px rgba(179,52,42,.35)}.tsub{font-size:18px;color:var(--gold);letter-spacing:.25em;margin-top:8px}.tpress{position:relative;margin-top:70px;color:var(--dim);letter-spacing:.3em;animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.3}}.tlang{position:absolute;right:24px;top:20px;font-family:var(--sans);font-size:13px;color:var(--dim)}.hubinner{position:relative;width:min(760px,92vw);max-height:92vh;overflow:auto;padding:10px}.hubhead{display:flex;align-items:baseline;justify-content:space-between}.hubhead h1{margin:0;font-size:34px;letter-spacing:.15em;text-shadow:0 3px 20px #000}.coins{color:var(--rare);font-family:var(--sans);font-size:18px}.hub .flavor{padding:8px 0 16px}.hublist{display:flex;flex-direction:column;gap:6px}.hublist button{display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-align:left;padding:11px 16px;background:#100c0acc;box-shadow:inset 0 0 0 1px #2e241a}.hublist button b{font-weight:400;font-size:17px}.hublist button span{font-size:13px;color:var(--dim);font-family:var(--sans);text-align:right}.hublist button.sel{box-shadow:inset 0 0 0 2px var(--gold2);background:#281e14d9}.hublist button.dim b{color:#7a6a58}.hublist button:first-child b{color:var(--gold2);font-size:20px}.cell .noicon{font-size:15px;font-weight:700}
