:root{--ink:#6b3b2a;--pink:#4f9be0;--pink2:#cde5fb;--cream:#fff7ea;--gold:#ffc83d;--mint:#7fe3c0;--panel:rgba(255,250,242,.94);--shadow:0 6px 0 rgba(60,90,140,.28),0 14px 28px rgba(30,40,80,.22)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{margin:0;height:100%;background:#16233a;overflow:hidden;font-family:Jua,Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:var(--ink)}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block}img.ic{width:36px;height:36px;object-fit:contain;vertical-align:middle;pointer-events:none}img.ic.sm{width:20px;height:20px}img.ic.big{width:64px;height:64px}.panel{background:var(--panel);border:3px solid var(--pink);border-radius:20px;box-shadow:var(--shadow)}.mut{color:#a07a70}.up{color:#27a35b}.dn{color:#5154d9}.warn{color:#454de0}.pad{padding:6px 10px}#hud{position:absolute;inset:0;pointer-events:none}#hud-left{position:absolute;left:14px;top:12px;display:flex;gap:10px;padding:8px 14px 8px 8px;align-items:center}.portrait{width:74px;height:74px;border-radius:50%;background:linear-gradient(#ffe9a8,#c9daff);border:3px solid #fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}.portrait img{width:66px;margin-top:6px}.who{min-width:210px}.nm{font-size:20px;line-height:1.1;margin-bottom:3px}.nm b{color:#456de0;margin-left:6px}.bar{position:relative;height:20px;border-radius:12px;background:#78465a38;overflow:hidden;margin:3px 0;border:2px solid #fff}.bar i{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:10px;transition:width .12s}.bar.hp i{background:linear-gradient(#9bb0ff,#5f82ff)}.bar.xp{height:13px}.bar.xp i{background:linear-gradient(#9be7ff,#4db8ff)}.bar.boss{height:24px}.bar.boss i{background:linear-gradient(#ffb36b,#5f60ff)}.bar span{position:absolute;inset:0;text-align:center;font-size:13px;line-height:17px;color:#fff;text-shadow:0 1px 2px rgba(90,20,50,.8)}.bar.xp span{font-size:10px;line-height:9px}.coins{display:flex;align-items:center;gap:6px;font-size:20px;margin-top:2px}.coins b{min-width:60px}.sp{font-size:14px;color:#2f6fb5;margin-left:6px;animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.75}}#hud-right{position:absolute;right:14px;top:12px;width:230px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.chip{background:var(--panel);border:3px solid var(--pink);border-radius:999px;padding:5px 12px;text-align:center;font-size:17px;box-shadow:var(--shadow)}#minimap{width:230px;height:146px;border-radius:16px;border:3px solid var(--pink);box-shadow:var(--shadow)}.quest{padding:8px 12px;font-size:15px;line-height:1.35}.quest .qt{font-size:16px}.quest .qp{color:#2f6fb5;margin:0 0 4px 22px}.quest .h{color:#2b8a6a;margin-top:4px}#bossbar{position:absolute;left:50%;top:14px;transform:translate(-50%);width:min(520px,44vw);text-align:center;opacity:0;transition:opacity .3s}#bossbar.on{opacity:1}#bossbar .nm{font-size:24px;color:#fff;text-shadow:0 2px 0 #3a60b0,0 0 8px #3a60b0}#hotbar{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}#items,#skills{display:flex;gap:7px}.slot{position:relative;width:62px;height:62px;border-radius:16px;background:#fffaf2e6;border:3px solid #fff;box-shadow:0 4px #3c5a8c59;display:flex;align-items:center;justify-content:center;overflow:hidden}.slot.skill{width:68px;height:68px;border-color:#cde5fb}.slot.skill.has{background:linear-gradient(#fff,#eaf1ff)}.slot.skill.ready{border-color:var(--gold);box-shadow:0 0 12px #ffc83de6,0 4px #3c5a8c59}.slot .skimg{position:absolute;inset:4px;display:flex;align-items:center;justify-content:center}.slot .skimg img{width:56px;height:56px}.slot img{width:44px;height:44px}.slot em{position:absolute;left:4px;top:1px;font-style:normal;font-size:15px;color:#fff;text-shadow:0 1px 2px rgba(90,20,60,.9),0 0 3px rgba(90,20,60,.9);z-index:3}.slot b{position:absolute;right:5px;bottom:1px;font-size:16px;color:var(--ink);text-shadow:0 0 3px #fff,0 0 3px #fff;z-index:3}.slot.item{width:50px;height:50px;border-radius:14px}.slot.item img{width:36px;height:36px}.slot.item.dim img{opacity:.35;filter:grayscale(1)}.slot .cd{position:absolute;left:0;right:0;bottom:0;background:#50285a8c;z-index:2}#keys-hint{font-size:12px;color:#fff;text-shadow:0 1px 3px rgba(60,20,70,.9),0 0 3px rgba(60,20,70,.9);opacity:.85}#combo{position:absolute;right:28px;top:36%;text-align:right;pointer-events:none}#combon{font-size:34px;color:#fff;text-shadow:0 3px 0 #456de0,0 0 12px rgba(79,155,224,.9);opacity:0;transition:opacity .15s,transform .08s;transform-origin:right center}#combon b{font-size:56px;color:#ffe066;text-shadow:0 4px 0 #456de0}#combon.on{opacity:1}#combomsg{font-size:36px;color:#ffe066;text-shadow:0 3px 0 #456de0;opacity:0}#combomsg.pop{animation:cm 1.1s ease-out}@keyframes cm{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.3)}70%{opacity:1}to{opacity:0;transform:scale(1) translateY(-14px)}}#tipbar{position:absolute;left:50%;top:76px;transform:translate(-50%);padding:6px 16px;border-radius:999px;background:#fffaf2eb;border:2px solid var(--pink);font-size:16px;opacity:0;transition:opacity .4s;white-space:nowrap}#tipbar.on{opacity:1}#toasts{position:absolute;left:14px;bottom:100px;display:flex;flex-direction:column;gap:6px;pointer-events:none;max-width:46vw}.toast{display:flex;align-items:center;gap:8px;background:var(--panel);border:2px solid var(--pink);border-radius:999px;padding:3px 16px 3px 6px;font-size:17px;box-shadow:0 4px #3c5a8c40;animation:tin .3s ease-out;align-self:flex-start;transition:opacity .5s,transform .5s}.toast .ic{width:30px;height:30px}.toast.out{opacity:0;transform:translate(-30px)}@keyframes tin{0%{opacity:0;transform:translate(-40px)}}#banner{position:absolute;left:0;right:0;top:20%;text-align:center;pointer-events:none;opacity:0}#banner.show{animation:bn 2.8s ease-out}#banner .b1{display:inline-block;font-size:clamp(34px,5.4vw,66px);color:#fff;text-shadow:0 4px 0 #456de0,0 0 18px rgba(79,155,224,.9);padding:0 20px}#banner .b2{font-size:clamp(17px,2vw,24px);color:#fff;text-shadow:0 2px 0 #3a60b0;margin-top:4px}@keyframes bn{0%{opacity:0;transform:translateY(-18px) scale(.7)}12%{opacity:1;transform:none scale(1.08)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-12px)}}#win,#dialog{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#461e5061}#win.on{display:flex}#dialog{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;justify-content:center;padding-bottom:26px;pointer-events:none}#dialog.on{display:flex}.winbox{width:min(920px,94vw);max-height:92vh;background:var(--panel);border:4px solid var(--pink);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.winbox.pop{animation:wp .18s ease-out}.winbox.wide{width:min(1100px,96vw)}@keyframes wp{0%{opacity:0;transform:scale(.94) translateY(10px)}}.wt{background:linear-gradient(#b3cbff,#4f9be0);color:#fff;font-size:26px;padding:8px 22px;text-shadow:0 2px 0 rgba(30,70,130,.7)}.wb{padding:14px 18px;overflow:auto;font-size:18px}.wf{padding:7px 18px;background:#eef4ff;color:#5974a0;font-size:15px;border-top:2px dashed var(--pink2)}.bagwrap{display:flex;gap:18px}.bagwrap .right{flex:1}.eqrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.eqs{border:3px solid var(--pink2);border-radius:16px;padding:6px;text-align:center;background:#fff}.eqs.sel{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d80}.eqt{font-size:13px;color:#a07a70}.eqn{font-size:15px;min-height:20px}.eqs2{font-size:13px;color:#2b8a6a;min-height:16px}.blank{width:64px;height:64px;margin:0 auto;border-radius:50%;background:#e8edf6}.statbox{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:17px;background:#fff;border-radius:14px;padding:8px 12px;border:2px solid var(--pink2)}.statbox b{color:#456de0}.statbox .job{grid-column:1/3;font-size:15px;border-top:2px dashed var(--pink2);padding-top:4px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.cell{position:relative;aspect-ratio:1;border:3px solid var(--pink2);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center}.cell.sel{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d80;background:#fffbe6}.cell img{width:80%;height:80%}.cell b{position:absolute;right:4px;bottom:0;font-size:16px;text-shadow:0 0 3px #fff,0 0 3px #fff}.cell .ring{position:absolute;inset:3px;border:3px solid;border-radius:11px;opacity:.7}.desc{margin-top:10px;min-height:92px;background:#fff;border-radius:14px;border:2px solid var(--pink2);padding:8px 12px;font-size:17px;line-height:1.5}.skwrap{display:flex;gap:16px}.sklist{flex:0 0 360px;max-height:56vh;overflow:auto;display:grid;gap:6px;padding-right:4px}.sk{display:flex;align-items:center;gap:10px;border:3px solid var(--pink2);border-radius:14px;padding:3px 10px 3px 6px;background:#fff;position:relative}.sk.sel{border-color:var(--gold);background:#fffbe6;box-shadow:0 0 0 3px #ffc83d73}.sk.lock{opacity:.5;filter:grayscale(.6)}.sk .ic{width:44px;height:44px}.skn b{display:block;font-size:18px}.skn span{font-size:14px;color:#a07a70}.sk em{position:absolute;right:10px;font-style:normal;background:var(--pink);color:#fff;border-radius:8px;padding:0 9px;font-size:16px}.skd{flex:1;text-align:center}.skd h3{margin:4px 0 2px;font-size:28px;color:#456de0}.skd p{margin:6px 0;font-size:18px}.skbig .ic.big{width:110px;height:110px}.hotrow{display:flex;gap:6px;justify-content:center;margin-top:10px}.hs{position:relative;width:54px;height:54px;border:3px solid var(--pink2);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center}.hs.cur{border-color:var(--gold);background:#fffbe6}.hs img{width:42px;height:42px}.hs em{position:absolute;left:3px;top:-1px;font-style:normal;font-size:14px;color:#456de0;text-shadow:0 0 3px #fff,0 0 3px #fff}.qcard{background:#fff;border:3px solid var(--pink2);border-radius:18px;padding:10px 16px;margin-bottom:10px}.qcard.ready{border-color:var(--mint);background:#f3fff9}.qcard h3{margin:2px 0;font-size:26px;color:#456de0}.qcard p{margin:4px 0}.qh{color:#a07a70;font-size:15px}.goal{font-size:21px}.claim{color:#1f9c6c;font-size:22px;animation:blink 1s infinite}.mtabs{display:flex;gap:8px;justify-content:center;margin:8px 16px 0;flex-wrap:wrap}.mtabs .btn{font-size:16px;padding:5px 14px}.mapbox{position:relative;margin:10px 16px 0}.mapbox img{width:100%;display:block;border-radius:18px;border:3px solid var(--pink2)}.mnode{position:absolute;width:6.6%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffe0;border:4px solid var(--pink);display:flex;align-items:center;justify-content:center;font-size:24px}.mnode.sel{border-color:var(--gold);box-shadow:0 0 0 6px #ffc83d99;transform:translate(-50%,-50%) scale(1.15)}.mnode.lock{background:#b4aabee6;border-color:#b8aac4}.mnode .here{position:absolute;top:-34px;font-size:30px;animation:hop .8s infinite}@keyframes hop{50%{transform:translateY(-8px)}}.mapinfo{padding:8px 24px;font-size:20px;text-align:center}.tabs{display:flex;gap:8px;margin-bottom:8px}.tabs span{padding:3px 20px;border-radius:999px;background:#eef4ff;border:2px solid var(--pink2)}.tabs span.on{background:var(--pink);color:#fff}.list{display:grid;gap:6px;max-height:54vh;overflow:auto}.row{display:flex;align-items:center;gap:12px;border:3px solid var(--pink2);border-radius:14px;padding:3px 14px 3px 8px;background:#fff}.row.sel{border-color:var(--gold);background:#fffbe6;box-shadow:0 0 0 3px #ffc83d73}.row .rn{flex:1}.row .rn b{display:block}.row .rn span{font-size:14px;color:#a07a70}.row .rp{font-size:20px;display:flex;align-items:center;gap:4px}.row.dimr{opacity:.6}.menu{display:grid;gap:8px;padding:6px 40px}.mi{padding:8px 18px;border-radius:14px;border:3px solid var(--pink2);background:#fff;text-align:center;font-size:22px}.mi.sel{border-color:var(--gold);background:#fffbe6;box-shadow:0 0 0 3px #ffc83d73}.help{display:grid;gap:8px;font-size:20px}kbd{display:inline-block;min-width:28px;padding:1px 8px;margin:0 2px;background:#fff;border:2px solid var(--pink);border-bottom-width:4px;border-radius:8px;font-family:inherit;font-size:17px;text-align:center}.dbox{pointer-events:none;width:min(900px,94vw);display:flex;gap:14px;background:var(--panel);border:4px solid var(--pink);border-radius:26px;box-shadow:var(--shadow);padding:12px 20px 12px 14px;align-items:center;animation:wp .18s ease-out}.dport{flex:none;width:130px;height:130px;border-radius:50%;background:linear-gradient(#ffe9a8,#c9daff);border:4px solid #fff;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.dport img{width:112px}.dmain{flex:1;min-height:104px;position:relative}.dname{display:inline-block;background:var(--pink);color:#fff;border-radius:999px;padding:1px 16px;font-size:18px;margin-bottom:4px}.dtext{font-size:22px;line-height:1.5;min-height:66px;white-space:pre-wrap}.dnext{position:absolute;right:0;bottom:-2px;font-size:16px;color:#2f6fb5;animation:blink 1s infinite}.chs{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.ch{padding:3px 16px;border-radius:999px;border:3px solid var(--pink2);background:#fff;font-size:19px}.ch.sel{border-color:var(--gold);background:#fffbe6;box-shadow:0 0 0 3px #ffc83d73}#title{position:absolute;inset:0;display:none;background:#cde5fb}#title.on{display:block}.tbg{position:absolute;inset:0;background:url(/assets/title.jpg) center/cover no-repeat}.tlogo{position:absolute;left:0;right:0;top:5%;text-align:center}.tl1{font-size:clamp(70px,13vw,170px);line-height:1;color:#fff;text-shadow:0 8px 0 #456de0,0 0 0 #456de0,0 14px 30px rgba(120,30,80,.45);letter-spacing:6px;-webkit-text-stroke:6px #7a9dff;paint-order:stroke fill}.tl2{font-size:clamp(24px,3.6vw,46px);color:#fff;text-shadow:0 3px 0 #3a60b0,0 0 14px rgba(79,155,224,.9);margin-top:-6px}.tmenu{position:absolute;right:7%;bottom:12%;width:min(380px,40vw);display:grid;gap:12px}.tmenu .mi{font-size:28px;background:#fffaf2f2;box-shadow:var(--shadow)}.tmenu .mi{position:relative}.tmenu .mi.sel{border-color:#5f8dff;background:#fff6c9;box-shadow:0 0 0 4px #ff5f9a59}.tmenu .arr{position:absolute;left:14px;color:#456de0;animation:nudge 1.2s ease-in-out infinite}@keyframes nudge{50%{transform:translate(6px)}}.tstart{position:absolute;right:7%;bottom:calc(12% + 190px);width:min(380px,40vw);text-align:center;font-size:24px;color:#fff;background:#456de0;border:4px solid #fff;border-radius:999px;padding:8px 10px;box-shadow:var(--shadow)}.tstart:empty{display:none}.tstart kbd{background:#fff;color:#456de0;border-radius:8px;padding:1px 8px;font-family:inherit}.tstart b{color:#ffe066}.tfoot{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(90,30,70,.9);font-size:18px}.thelp{position:absolute;left:7%;right:7%;bottom:4%;background:var(--panel);border:3px solid var(--pink);border-radius:18px;padding:8px 16px;text-align:center;font-size:19px}#loading{position:absolute;inset:0;background:linear-gradient(#e5eeff,#fff3d6);display:flex;align-items:center;justify-content:center;z-index:50;transition:opacity .5s}#loading.off{opacity:0;pointer-events:none}.ld-card{text-align:center}.ld-card img{width:120px;animation:hop 1s infinite}.ld-t{font-size:24px;margin:8px 0}.ld-bar{width:260px;height:16px;border-radius:10px;background:#fff;border:3px solid var(--pink);margin:0 auto;overflow:hidden}.ld-bar i{display:block;height:100%;width:0;background:linear-gradient(#b3cbff,#4f9be0);transition:width .1s}@media(max-width:900px){#hud-right{width:170px}#minimap{width:170px;height:108px}.bagwrap,.skwrap{flex-direction:column}.bagwrap .left,.sklist{flex:none}.slot.skill{width:52px;height:52px}.slot .skimg img{width:42px;height:42px}}.tlogo{transition:none}.tlogo.small .tl1{font-size:clamp(40px,6vw,80px);-webkit-text-stroke:4px #7a9dff}.tlogo.small .tl2{display:none}.tlogo.small{top:2%}.tjob{display:none;position:absolute;left:50%;top:17%;transform:translate(-50%);width:min(1180px,96vw);grid-template-columns:repeat(5,1fr);gap:10px}.jcard{position:relative;background:#fffaf2f0;border:4px solid #b6caf3;border-radius:22px;padding:8px 10px 10px;text-align:center;box-shadow:var(--shadow)}.jcard .jimg{height:104px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 70%,var(--jc),rgba(255,255,255,0) 70%);border-radius:16px}.jcard .jimg img{height:98px}.jcard .jname{font-size:21px;color:#355a7a;margin-top:2px}.jcard .jtag{font-size:14px;color:#5a7aa0}.jcard .jstat{font-size:13px;color:#2f6fb5;margin-top:2px}.jcard.sel{border-color:#5f8dff;background:#fff8d6;box-shadow:0 0 0 5px #ff5f9a66,var(--shadow);transform:translateY(-4px)}.jinfo{grid-column:1/-1;background:var(--panel);border:4px solid var(--pink);border-radius:20px;padding:8px 18px;font-size:21px;text-align:center;box-shadow:var(--shadow)}.jinfo b{color:#456de0}.jgo{margin-top:4px;color:#fff;background:#456de0;border-radius:999px;display:inline-block;padding:2px 18px;font-size:20px}.jgo kbd{background:#fff;color:#456de0;border-radius:8px;padding:0 8px;font-family:inherit}.tcode{display:none;position:absolute;right:7%;bottom:12%;width:min(440px,46vw);background:#fffaf2f7;border:5px solid #5f8dff;border-radius:24px;padding:20px 22px;text-align:center;box-shadow:var(--shadow)}.tcode .cb{font-size:26px;color:#456de0;margin-bottom:12px}.tcode .cv{font-size:46px;letter-spacing:8px;background:#fff;border:4px solid #b3cbff;border-radius:16px;min-height:72px;line-height:72px;color:#6b3b2a}.tcode .cv .ph{font-size:20px;letter-spacing:0;color:#bba}.tcode .cv i{display:inline-block;width:3px;height:40px;background:#456de0;vertical-align:middle;margin-left:4px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.tcode .cm{font-size:20px;color:#7a4a3a;margin:12px 0 8px;min-height:52px}.tcode .ck{font-size:16px;color:#0069aa}.tcode kbd{background:#e9f0ff;border-radius:6px;padding:0 6px;font-family:inherit}.mpage{position:absolute;right:12px;bottom:10px;background:#ffffffe6;border:3px solid var(--pink);border-radius:999px;padding:2px 16px;font-size:20px;color:#4363a0}#skills2{display:none;gap:7px}#skills2.on{display:flex}.hotrow{flex-wrap:wrap;max-width:500px;margin-left:auto;margin-right:auto}.gridwrap{max-height:42vh;overflow:auto;padding:3px}.cnt{text-align:right;font-size:15px;margin-top:4px}.bulk{display:grid;gap:5px}.bulk .brow{display:flex;justify-content:space-between;gap:8px;border:2px solid var(--pink2);border-radius:10px;padding:2px 10px;background:#fff;font-size:16px}.bulk .brow.sel{border-color:var(--gold);background:#fffbe6}.bulk .brow em{font-style:normal;color:#4363a0}.bulk .brow.dimr{opacity:.55}.row .rp kbd{font-size:24px;min-width:44px;text-align:center;background:#e9f0ff;border:2px solid var(--pink);border-radius:10px;padding:0 10px;font-family:inherit}#hud-left{left:10px;top:10px;padding:6px 12px 6px 6px;gap:8px;border-width:3px}.portrait{width:58px;height:58px}.portrait img{width:52px;margin-top:5px}.who{min-width:200px}.nm{font-size:17px}.nm b{font-size:16px}.bar{height:16px;margin:2px 0}.bar span{font-size:11px;line-height:12px}.bar.xp{height:11px}.bar.xp span{font-size:9px;line-height:7px}.coins{font-size:16px;gap:5px}.coins b{min-width:48px}.coins .cash{margin-left:8px;color:#a05ad0}#hud-right{right:10px;top:10px;width:210px;gap:6px}#hud-btns{display:flex;gap:5px;justify-content:flex-end;pointer-events:auto;flex-wrap:wrap}.hb{pointer-events:auto;cursor:pointer;width:38px;height:38px;border-radius:12px;background:var(--panel);border:3px solid var(--pink);box-shadow:0 3px #3c5a8c4d;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;transition:transform .08s}.hb:hover{transform:translateY(-2px);background:#fff}.hb em{position:absolute;right:2px;bottom:-1px;font-size:10px;font-style:normal;color:#2f6fb5;background:#fff;border-radius:6px;padding:0 3px;line-height:12px}.hb.alert:after{content:"!";position:absolute;right:-5px;top:-7px;background:#5f71ff;color:#fff;border-radius:50%;width:17px;height:17px;font-size:12px;line-height:17px;text-align:center}#minimap{width:210px;height:112px;border-width:3px}.quest{padding:6px 10px;font-size:13px}.quest .qt{font-size:14px}.quest .qp{margin:0 0 2px 20px}#hotbar{bottom:14px;flex-direction:row;align-items:flex-end;gap:10px;pointer-events:auto}#items{display:grid;grid-template-columns:repeat(2,40px);gap:4px}#skills{display:flex;flex-direction:column;gap:4px}.srow{display:flex;gap:4px}.srow.r0{margin-left:0}.srow.r1{margin-left:16px}.slot.skill{width:44px;height:44px;border-radius:12px;border-width:2px;cursor:pointer;pointer-events:auto}.slot.skill .skimg{inset:2px}.slot.skill .skimg img{width:38px;height:38px}.slot.skill em{font-size:12px;left:3px;top:0}.slot.skill.locked{opacity:.45}.slot.skill.empty{background:#fffaf28c}.slot.skill.ult{border-color:#ffd23f;background:linear-gradient(#fff6c9,#ffe9a8)}.slot.skill.ready{border-color:var(--gold);box-shadow:0 0 12px #ffc83de6,0 3px #3c5a8c59}.slot.item{width:40px;height:40px;border-radius:12px;cursor:pointer;pointer-events:auto}.slot.item img{width:30px;height:30px}#keys-hint{display:none}#expbar{position:absolute;left:0;right:0;bottom:0;height:9px;background:#78465a59;pointer-events:none}#expbar i{display:block;height:100%;width:0;background:linear-gradient(#9be7ff,#4db8ff);transition:width .2s}#toasts{left:10px;bottom:150px}#tipbar{top:70px}#win{background:#461e5038}.winbox{width:min(880px,94vw);max-height:80vh;border-width:4px;border-radius:22px}.winbox.wide{width:min(1040px,96vw)}.winbox.mid{width:min(760px,94vw)}.winbox.sm{width:min(560px,94vw)}.wt{font-size:22px;padding:6px 18px;display:flex;align-items:center;gap:10px}.wt .x{margin-left:auto;cursor:pointer;background:#ffffff4d;border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px;font-size:18px}.wb{padding:12px 16px;font-size:16px}.wf{font-size:13px;padding:5px 16px}.btn{display:inline-block;cursor:pointer;padding:5px 14px;border-radius:999px;background:var(--pink);color:#fff;border:3px solid #fff;box-shadow:0 3px #3c5a8c59;font-size:15px;margin:2px 3px;text-shadow:0 1px 0 rgba(30,70,130,.6);-webkit-user-select:none;user-select:none}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn.alt{background:#7fc8ff}.btn.gold{background:#ffb938}.btn.gray{background:#b8aac4}.btn.red{background:#6f83ff}.btn.dis{opacity:.45;pointer-events:none}.cell{cursor:pointer}.cell:hover{border-color:var(--pink)}.eqs{cursor:pointer}.cat{display:flex;flex-direction:column;gap:5px;min-width:130px}.cat div{cursor:pointer;padding:5px 10px;border-radius:12px;background:#fff;border:2px solid var(--pink2);font-size:15px}.cat div.on{background:var(--pink);color:#fff;border-color:#fff}.shopgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-height:50vh;overflow:auto;padding:3px}.card{position:relative;cursor:pointer;background:#fff;border:3px solid var(--pink2);border-radius:14px;padding:6px 4px 4px;text-align:center;font-size:13px;line-height:1.2}.card:hover{border-color:var(--pink)}.card.sel{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d80;background:#fffbe6}.card .ci{height:62px;display:flex;align-items:center;justify-content:center;font-size:34px}.card .ci img{max-width:92%;max-height:60px}.card .cp{color:#a05ad0}.card.own .cp{color:#2b8a6a}.card .tag{position:absolute;left:3px;top:3px;background:#2b8a6a;color:#fff;border-radius:8px;font-size:11px;padding:0 5px}.card .tag.eq{background:#5f71ff}.cashhead{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:8px;flex-wrap:wrap}.cashhead b{color:#a05ad0;font-size:23px}.prev{width:230px;height:250px;border-radius:18px;background:linear-gradient(#f6faff,#e3efff);border:3px solid var(--pink2);display:block;margin:0 auto}.side{width:250px;flex:none}.main{flex:1;min-width:0}.two{display:flex;gap:14px}.sk2grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sk2{position:relative;cursor:pointer;display:flex;gap:6px;align-items:center;background:#fff;border:3px solid var(--pink2);border-radius:12px;padding:3px 6px;font-size:13px}.sk2 .ic{width:38px;height:38px;flex:none}.sk2.sel{border-color:var(--gold);background:#fffbe6}.sk2.lock{opacity:.45}.sk2.ult{border-color:#ffd23f;background:linear-gradient(#fffbe8,#fff0c0)}.sk2 em{position:absolute;right:4px;top:2px;font-style:normal;color:#fff;background:var(--pink);border-radius:7px;padding:0 5px;font-size:11px}.hbrow{display:flex;gap:4px;margin:3px 0}.hbrow.off{margin-left:22px}.hs2{position:relative;width:46px;height:50px;border:3px dashed var(--pink2);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.hs2.has{border-style:solid;border-color:var(--pink)}.hs2.target{border-color:var(--gold);box-shadow:0 0 0 3px #ffc83d8c}.hs2 img{width:34px;height:34px}.hs2 em{position:absolute;left:2px;top:-1px;font-size:12px;font-style:normal;color:#456de0;text-shadow:0 0 3px #fff,0 0 3px #fff}.hs2 .rm{position:absolute;right:-7px;top:-9px;background:#5f71ff;color:#fff;border-radius:50%;width:20px;height:20px;font-size:13px;line-height:20px;text-align:center;display:none;border:2px solid #fff}.hs2.has:hover .rm{display:block}.note{font-size:13px;color:#a07a70}#evbanner{position:absolute;left:50%;top:16%;transform:translate(-50%);pointer-events:none;opacity:0;text-align:center;white-space:nowrap}#evbanner.show{animation:evb 4.2s ease-out}#evbanner .e1{font-size:clamp(24px,3.4vw,42px);color:#fff;background:linear-gradient(90deg,#4f9be0,#ffb938,#7fe3ff);border:5px solid #fff;border-radius:999px;padding:4px 30px;text-shadow:0 3px 0 rgba(160,60,100,.6);box-shadow:0 8px 24px #4f9be080}#evbanner .e2{margin-top:6px;font-size:18px;color:#fff;text-shadow:0 2px 0 #3a60b0,0 0 6px #3a60b0}@keyframes evb{0%{opacity:0;transform:translate(-50%,-30px) scale(.6)}10%{opacity:1;transform:translate(-50%) scale(1.1)}16%{transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)}}#ultbanner{position:absolute;left:0;right:0;top:28%;text-align:center;pointer-events:none;opacity:0}#ultbanner.show{animation:ulb 2.4s ease-out}#ultbanner .u1{display:inline-block;font-size:clamp(36px,6vw,88px);color:#fff;letter-spacing:3px;text-shadow:0 6px 0 #6a2fb0,0 0 30px #fff,0 0 60px #d6edff;-webkit-text-stroke:5px #a860e0;paint-order:stroke fill;padding:0 24px}@keyframes ulb{0%{opacity:0;transform:scale(2.4)}14%{opacity:1;transform:scale(1)}24%{transform:scale(1.06)}80%{opacity:1}to{opacity:0;transform:scale(1.15)}}.cslot{background:#fffaf2f5;border:4px solid #b6caf3;border-radius:22px;padding:12px;text-align:center;cursor:pointer;box-shadow:var(--shadow);min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.cslot:hover{border-color:#5f8dff;transform:translateY(-3px)}.cslot img{height:120px}.cslot .cn{font-size:24px}.cslot .cl{font-size:17px;color:#2f6fb5}.cslot .plus{font-size:64px;color:#4f9be0}.cslots{position:absolute;left:50%;top:44%;transform:translate(-50%);width:min(900px,94vw);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.nameinp{font-family:inherit;font-size:26px;text-align:center;border:4px solid #b3cbff;border-radius:16px;padding:6px 12px;width:260px;color:#6b3b2a;outline:none;user-select:text;-webkit-user-select:text}.jgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.jc{cursor:pointer;background:#fffaf2f2;border:4px solid #b6caf3;border-radius:18px;padding:6px 4px 8px;text-align:center}.jc.sel{border-color:#5f8dff;background:#fff8d6;transform:translateY(-3px)}.jc img{height:84px}.jc .jn{font-size:16px;color:#355a7a}.jc .jt{font-size:12px;color:#5a7aa0}.tbg{background-image:url(/assets/title.jpg)}.dchoices{pointer-events:auto}.ch{cursor:pointer;pointer-events:auto}#dialog .dbox{pointer-events:auto}.winbox{max-height:84vh}.wb{min-height:0;flex:1;overflow:auto}.sk2grid{grid-template-columns:repeat(3,1fr)}.sk2{font-size:12px;line-height:1.15}.sk2 b{font-size:13px}.sk2 .note{font-size:11px;white-space:nowrap}.bagwrap .left{flex:0 0 330px}.slot.skill.hide{display:none}.catchip{display:inline-block;font-size:11px;line-height:15px;padding:0 6px;border-radius:8px;background:#4f9be0;color:#fff;vertical-align:middle}.tacct{position:absolute;right:18px;top:14px;z-index:5;cursor:pointer;background:#fffaf2f2;border:3px solid #4f9be0;border-radius:999px;padding:6px 16px;font-size:17px;color:#2f6fb5;box-shadow:0 3px #3c5a8c4d}.tacct:hover{background:#fff}#amodal{position:absolute;inset:0;z-index:20;background:#14233c8c;display:flex;align-items:center;justify-content:center}#amodal .abox{width:min(520px,92vw);background:#fffaf2fa;border:5px solid #4f9be0;border-radius:24px;padding:20px 24px;font-size:18px;color:#5a3a2a;box-shadow:0 10px #3c5a8c4d,0 18px 40px #141e3c66}#amodal .ah{font-size:24px;color:#2f6fb5;margin-bottom:8px}#amodal p{margin:8px 0;line-height:1.45}#amodal .nameinp{display:block;width:100%;margin:8px 0;font-size:20px;text-align:left;padding:8px 14px}#amodal .ab{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}#amodal .atabs{display:flex;gap:8px;margin-bottom:8px}#amodal .atabs span{cursor:pointer;flex:1;text-align:center;padding:7px;border-radius:14px;background:#e6f0fb;border:3px solid #bcd6f2}#amodal .atabs span.on{background:#4f9be0;color:#fff;border-color:#fff}#amodal .aknown{background:#eef6ff;border:3px solid #bcd6f2;border-radius:16px;padding:8px 10px;margin:6px 0}#amodal .ak{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}#amodal .ak b{flex:1;min-width:80px;font-size:20px}#amodal .amsg{margin-top:10px;padding:8px 12px;border-radius:12px;font-size:17px}#amodal .amsg.ok{background:#e0f7ea;color:#1c7a4c}#amodal .amsg.bad{background:#ffe6e6;color:#b03030}#amodal .note{font-size:14px;color:#8a6a5a;margin-top:8px}.advhead{margin:6px 16px;font-size:17px;text-align:center}.advcols{display:flex;gap:12px;margin:6px 12px;max-height:62vh;overflow-y:auto}.advcol{flex:1;border:3px solid var(--bc);border-radius:16px;padding:8px 10px;background:#ffffffb3}.advcol.mine{box-shadow:0 0 0 4px #ffd23f99;background:#fffaf0}.advcol.other{opacity:.45}.advcol h3{margin:2px 0 4px;font-size:20px}.advcol p{margin:2px 0 6px;font-size:14px}.advtier{border-top:2px dashed #e8d8e8;padding:6px 0}.advtier.got .advh b{color:#d08a00}.advsks{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px}.advsk{display:flex;gap:6px;align-items:center;font-size:14px;line-height:1.15}.advsk .ic{width:40px;height:40px}.sk2.adv{border-color:#ffc83d}.advb{display:inline-block;background:#a050d0;color:#fff;border-radius:8px;font-size:11px;padding:0 5px;margin-right:4px;vertical-align:middle}.goalwrap{max-height:60vh;overflow-y:auto;margin:6px 14px}.goal{border:3px solid #f0d8e8;border-radius:14px;padding:7px 10px;margin:6px 0;background:#ffffffbf}.goal.ready{border-color:#ffc83d;background:#fffbe8;box-shadow:0 0 0 3px #ffc83d59}.goal.got{opacity:.6}.goal.bonus{border-style:dashed}.goal .gtop{display:flex;justify-content:space-between;gap:8px;font-size:16px}.goal .gbot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:3px}.gbar{height:10px;border-radius:6px;background:#efe3ee;overflow:hidden;margin-top:4px}.gbar i{display:block;height:100%;background:linear-gradient(90deg,#7dd8ff,#ff9fcf)}.gbar.big{height:18px;margin:4px 0 8px}.jhead{text-align:center;font-size:20px;margin-top:4px}.gok{color:#3aa86a;font-weight:700}.gsum{text-align:center;font-size:17px;margin:4px 0}.achgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.goal.ach{display:flex;gap:8px;align-items:flex-start}.goal.ach>.ic{width:42px;height:42px;flex:none}.stars i{color:#d8cce0;font-style:normal;font-size:13px}.stars i.rd{color:#ffb03f}.stars i.on{color:#ffc83d;text-shadow:0 0 3px #ffe9a0}@media(max-width:760px){.achgrid{grid-template-columns:1fr}}.gtag{position:absolute;right:4px;top:4px;color:#fff;font-size:11px;border-radius:7px;padding:0 5px;line-height:16px}.gtag.in{position:static;display:inline-block;vertical-align:middle}.card{position:relative}.pot{border:2px solid #ccc;border-radius:10px;padding:3px 8px;margin-top:4px;font-size:14px;background:#ffffffb3}.pot.none{color:#a08a90;border-style:dashed}.stars.sf{color:#ffb800;letter-spacing:-1px;font-size:13px}.stars.sf i{color:#e0d6e0;font-style:normal}.forge{display:flex;gap:14px;align-items:flex-start;margin:6px 4px}.forge .ic.big{width:84px;height:84px}.forgewrap{max-height:52vh;overflow-y:auto;margin:6px 14px}.sfbox{margin:6px 0;font-size:16px}.ck{display:block;font-size:15px;margin:3px 0;cursor:pointer}.cell b{position:absolute;right:2px;bottom:0;font-size:11px}#runebox{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);z-index:60;display:none;pointer-events:none}#runebox.on{display:block}#runebox .rb{background:#fffaf2f2;border:4px solid #7fb8ff;border-radius:22px;padding:12px 22px;text-align:center;box-shadow:0 8px #3c5a8c40}#runebox .rb .ic{width:52px;height:52px}#runebox .rt{font-size:18px;margin:2px 0 6px}#runebox .ra span{display:inline-block;width:58px;height:58px;line-height:58px;font-size:40px;margin:0 4px;border-radius:14px;background:#eef3ff;color:#6a7a9a}#runebox .ra span.now{background:#ffe58a;color:#a05a00;transform:scale(1.12)}#runebox .ra span.ok{background:#9be8b0;color:#1e7a40}#runebox .rbar{height:10px;border-radius:6px;background:#e0e6f0;margin-top:10px;overflow:hidden}#runebox .rbar i{display:block;height:100%;background:linear-gradient(90deg,#ff9fcf,#7fb8ff)}.qcard.got{opacity:.55}.fhead{margin:4px 14px}.fv{font-size:22px;text-align:center}.perks{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:13px;margin:4px 0;color:#9a8a96}.perks .on{color:#2a8a5a;font-weight:700}.fregs{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:6px 10px}.btn.sm{font-size:13px;padding:2px 8px}.fgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:6px 14px}.fcard{border:3px solid #eee0ea;border-radius:14px;padding:6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffffb3}.fcard.on{border-color:#ffb8d8;background:#fff6fa}.fcard.boss.on{border-color:#ffc83d;background:#fffbe8}.fcard .ic{width:76px;height:76px;object-fit:contain}@media(max-width:760px){.fgrid{grid-template-columns:repeat(2,1fr)}.perks{grid-template-columns:1fr}}.card.locked{filter:grayscale(.85) brightness(.92);opacity:.78}.card .tag.lk{background:#8a7a9a;color:#fff}.livebar{margin:6px 0 8px;padding:6px 12px;border-radius:12px;background:linear-gradient(90deg,#fff4d6,#ffe3f0);border:2px solid #ffd27a;font-size:14px;text-align:center}.livebar .btn{margin-left:8px;padding:2px 10px;font-size:13px}.attgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:8px 0}.attc,.passc{position:relative;border-radius:12px;background:#fffaf0;border:2px solid #ead7b8;padding:4px 2px 6px;text-align:center;font-size:11px;line-height:1.2;min-height:78px}.attc em,.passc em{display:block;font-style:normal;font-weight:700;color:#a0603a}.attc .ic,.passc .ic{width:34px;height:34px;display:block;margin:2px auto}.attc span,.passc span{display:block;color:#6b3b2a}.attc.sp,.passc.sp{background:#fff0fa;border-color:#ff9fd0}.attc.today{border-color:#ffb400;box-shadow:0 0 0 3px #ffe58a}.attc.got,.passc.got{opacity:.45}.attc.got:after,.passc.got:after{content:"✅";position:absolute;right:4px;top:2px;font-size:14px}.passgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:8px}.passc.ready{border-color:#ffb400;background:#fff6d0;cursor:pointer;box-shadow:0 0 0 3px #ffe58a}#mghud{display:none;position:absolute;left:50%;top:70px;transform:translate(-50%);z-index:6;padding:8px 18px;border-radius:16px;background:#fffaf0ed;border:3px solid #ffc83d;font-size:17px;text-align:center;color:#6b3b2a;pointer-events:none;max-width:80vw;box-shadow:0 4px #0000001f}#mghud .big{font-size:46px;font-weight:700;color:#ff8a3d}#mghud .q{margin-top:6px;font-size:21px;font-weight:700;color:#4f6be0}.chapter{font-size:17px;line-height:1.75;padding:6px 10px}.chapter p{margin:6px 0}.fishsea{position:relative;height:120px;margin:6px 0;border-radius:16px;background:linear-gradient(#bfe8ff,#4aa8e0);overflow:hidden}.fishsea .fbob{position:absolute;left:50%;top:40px;width:54px;height:54px;transform:translate(-50%)}.fishsea .fbob.wait{animation:bobwave 1.2s ease-in-out infinite}.fishsea .fbob.bite{top:60px;animation:bobbite .18s linear infinite}.fishsea .bob.bite{position:absolute;left:calc(50% + 34px);top:18px;font-size:34px}@keyframes bobwave{50%{transform:translate(-50%,6px)}}@keyframes bobbite{50%{transform:translate(-50%,10px) rotate(8deg)}}.fdex{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.fcell{text-align:center;font-size:11px;background:#fffaf0;border-radius:10px;border:2px solid #ead7b8;padding:2px}.fcell .ic{width:38px;height:38px;display:block;margin:0 auto}.fcell.no .ic{filter:brightness(0) opacity(.25)}.dport{align-items:flex-start!important}.dport img.ic{width:auto;height:210px;max-width:none;margin-top:4px}.tlogo .tlimg{width:min(560px,62vw);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 6px 0 rgba(107,59,42,.18))}.tlogo.small .tlimg{width:min(340px,40vw)}.tdaily{position:absolute;left:50%;bottom:74px;transform:translate(-50%);display:flex;gap:10px;z-index:3}.btn.big{font-size:20px;padding:8px 22px}.btn.sm{font-size:13px;padding:2px 9px;margin:2px}.btn.pulse{animation:dpulse 1s ease-in-out infinite}@keyframes dpulse{50%{transform:scale(1.07);box-shadow:0 0 0 6px #ffc83d73}}.dres{text-align:center}.dres .big{font-size:54px;font-weight:700;color:#ff7a2a;line-height:1.1}.dres .pct{font-size:18px;margin:4px 0 8px}pre.share{white-space:pre-wrap;text-align:left;background:#fffaf0;border:2px dashed #ffc83d;border-radius:12px;padding:8px 12px;font-family:inherit;font-size:15px;margin:8px auto;max-width:520px;word-break:break-all}table.rtab{width:100%;border-collapse:collapse;font-size:15px}table.rtab th,table.rtab td{padding:4px 6px;border-bottom:1px solid #f0e2c8;text-align:center}table.rtab td:nth-child(2){text-align:left}.rme{margin-top:6px;padding:6px 10px;border-radius:10px;background:#fff3c4;text-align:center}.rrow{display:grid;grid-template-columns:34px 1fr 70px 110px;gap:6px;padding:3px 6px;font-size:15px}.rrow.me{background:#fff3c4;border-radius:8px;font-weight:700}.gwrap{display:flex;flex-direction:column;align-items:center;gap:4px;margin:4px 0 8px}.gwrap .or{font-size:13px;color:#a07a70}.nameinp.shake{animation:nshake .35s;border-color:#ff7a8f!important}@keyframes nshake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}:root{--uis: 1;--wins: 1;--tis: 1;--tbs: 1;--gameh: 100vh;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}#hud-left{transform:scale(var(--uis));transform-origin:top left;left:calc(10px + var(--sal));top:calc(10px + var(--sat))}#hud-right{transform:scale(var(--uis));transform-origin:top right;right:calc(10px + var(--sar));top:calc(10px + var(--sat))}#hotbar{transform:translate(-50%) scale(var(--uis));transform-origin:bottom center;bottom:calc(14px + var(--sab))}#bossbar{transform:translate(-50%) scale(var(--uis));transform-origin:top center;top:calc(14px * var(--uis) + var(--sat))}#tipbar{transform:translate(-50%) scale(var(--uis));transform-origin:top center;top:calc(70px * var(--uis) + var(--sat))}#mghud{transform:translate(-50%) scale(var(--uis));transform-origin:top center;top:calc(112px * var(--uis) + var(--sat))}#toasts{transform:scale(var(--uis));transform-origin:bottom left;bottom:calc(150px * var(--uis) + var(--sab));left:calc(10px + var(--sal))}#combo{transform:scale(var(--uis));transform-origin:right center;top:52%}#evbanner{transform:translate(-50%) scale(var(--uis));transform-origin:top center}.winbox{zoom:var(--wins);width:min(880px,calc(94vw / var(--wins)));max-height:calc(84vh / var(--wins))}.winbox.wide{width:min(1040px,calc(96vw / var(--wins)))}.winbox.mid{width:min(760px,calc(94vw / var(--wins)))}.winbox.sm{width:min(560px,calc(94vw / var(--wins)))}#dialog .dbox{zoom:var(--wins);width:min(900px,calc(94vw / var(--wins)))}#dialog{padding-bottom:calc(26px + var(--sab))}#amodal .abox{zoom:var(--wins);max-height:calc(94vh / var(--wins));overflow:auto}.tlogo{transform:scale(var(--tis));transform-origin:top center;top:calc(5% + var(--sat))}.cslots{transform:translate(-50%) scale(var(--tis));transform-origin:top center;width:min(900px,calc(94vw / var(--tis)))}.tdaily{transform:translate(-50%) scale(var(--tis));transform-origin:bottom center;bottom:calc(74px * var(--tis) + var(--sab))}.tacct{transform:scale(var(--tis));transform-origin:top right;right:calc(18px + var(--sar));top:calc(14px + var(--sat))}.tfoot{font-size:calc(18px * var(--tis));bottom:calc(12px + var(--sab))}#cwrap{transform:translate(-50%) scale(var(--tis))!important;transform-origin:top center;width:min(1100px,calc(96vw / var(--tis)))!important}body.touch{touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body.touch #game{touch-action:none}body.touch #hud-btns,body.touch #hotbar,body.touch #minimap,body.touch #tipbar,body.touch #keys-hint{display:none!important}body.touch .winbox .wb{-webkit-overflow-scrolling:touch;touch-action:pan-y}body.touch #amodal,body.touch .winbox,body.touch #win{touch-action:pan-y}#touch{position:absolute;inset:0;pointer-events:none;z-index:7}#touch.off{display:none}#touch .tb{position:absolute;pointer-events:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fffaf2cc;border:3px solid rgba(255,255,255,.95);box-shadow:0 4px #28467859;color:#5a3424;overflow:hidden;touch-action:none}#touch .tb.on{transform:scale(.92);background:#ffecaaf2}#touch .tb em{position:absolute;bottom:4px;font-style:normal;font-size:calc(11px * var(--tbs));opacity:.85}#touch .tb .ti{font-size:calc(30px * var(--tbs));line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}#touch .tb .ti img{width:72%;height:72%;object-fit:contain}#touch .tb .ti .skimg,#touch .tb .ti>*{position:static!important}#touch .tb .cd{position:absolute;left:0;right:0;bottom:0;background:#50285a80;pointer-events:none}#touch .tb.none{opacity:.35}#touch .t-att{width:calc(100px * var(--tbs));height:calc(100px * var(--tbs));background:#ffd678eb}#touch .t-att .ti{font-size:calc(42px * var(--tbs))}#touch .t-jump{width:calc(76px * var(--tbs));height:calc(76px * var(--tbs))}#touch .t-sk0,#touch .t-sk1{width:calc(66px * var(--tbs));height:calc(66px * var(--tbs))}#touch .t-pot,#touch .t-talk{width:calc(56px * var(--tbs));height:calc(56px * var(--tbs))}#touch .t-pot .ti b,#touch .t-pot .ti em{display:none}#touch .t-auto{width:calc(68px * var(--tbs));height:calc(68px * var(--tbs));border-radius:18px;background:#e6ecfae0}#touch .t-auto b{font-size:calc(16px * var(--tbs));color:#5a6a90}#touch .t-auto.lit{background:#7dffb0f2;box-shadow:0 0 14px #7dffb0e6,0 4px #28467859}#touch .t-auto.lit b{color:#146a3a}#touch .t-menu{width:calc(50px * var(--tbs));height:calc(50px * var(--tbs));border-radius:14px;font-size:calc(26px * var(--tbs))}#touch.mg .t-auto,#touch.mg .t-sk0,#touch.mg .t-sk1,#touch.mg .t-pot{display:none}#tjoy{position:absolute;pointer-events:auto;touch-action:none}#tjoy .jbase{position:absolute;width:calc(130px * var(--tbs));height:calc(130px * var(--tbs));transform:translate(-50%,-50%);border-radius:50%;background:#fff3;border:3px solid rgba(255,255,255,.65)}#tjoy .jknob{position:absolute;left:50%;top:50%;width:46%;height:46%;border-radius:50%;background:#fffaf2eb;box-shadow:0 3px #28467859;transform:translate(-50%,-50%)}#tjoy .jhint{position:absolute;left:50%;bottom:calc(8px + var(--sab));transform:translate(-50%);font-size:12px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap}#tjoy.on .jhint{display:none}body.land #tjoy{left:0;bottom:0;width:44vw;height:62vh}body.land #tjoy .jbase{left:calc(116px * var(--tbs) + var(--sal));top:calc(100% - 104px * var(--tbs) - var(--sab))}body.land #touch .t-att{right:calc(22px * var(--tbs) + var(--sar));bottom:calc(24px * var(--tbs) + var(--sab))}body.land #touch .t-jump{right:calc(136px * var(--tbs) + var(--sar));bottom:calc(14px * var(--tbs) + var(--sab))}body.land #touch .t-sk0{right:calc(26px * var(--tbs) + var(--sar));bottom:calc(136px * var(--tbs) + var(--sab))}body.land #touch .t-sk1{right:calc(108px * var(--tbs) + var(--sar));bottom:calc(108px * var(--tbs) + var(--sab))}body.land #touch .t-pot{right:calc(188px * var(--tbs) + var(--sar));bottom:calc(98px * var(--tbs) + var(--sab))}body.land #touch .t-talk{right:calc(226px * var(--tbs) + var(--sar));bottom:calc(22px * var(--tbs) + var(--sab))}body.land #touch .t-auto{right:calc(26px * var(--tbs) + var(--sar));bottom:calc(216px * var(--tbs) + var(--sab))}body.land #touch .t-menu{right:calc(10px + var(--sar));top:calc(10px + var(--sat))}body.land #hud-right{top:calc(66px * var(--tbs) + var(--sat))}body.land #toasts{bottom:auto;top:calc(118px * var(--uis) + var(--sat));transform-origin:top left;max-width:40vw}body.port #game,body.port #hud{bottom:auto;height:var(--gameh)}body.port #touch{top:var(--gameh);background:linear-gradient(#3b5378,#24324d);border-top:4px solid #ffc83d}body.port #touch:before{content:"가로로 돌리면 더 크게 보여요 ↻";position:absolute;left:0;right:0;top:4px;text-align:center;font-size:12px;color:#ffffff8c;pointer-events:none}body.port #tjoy{left:0;top:0;bottom:0;width:50%}body.port #tjoy .jbase{left:50%;top:52%}body.port #touch .t-att{right:calc(18px * var(--tbs) + var(--sar));top:44%}body.port #touch .t-jump{right:calc(124px * var(--tbs) + var(--sar));top:64%}body.port #touch .t-sk0{right:calc(24px * var(--tbs) + var(--sar));top:14%}body.port #touch .t-sk1{right:calc(104px * var(--tbs) + var(--sar));top:28%}body.port #touch .t-pot{right:calc(178px * var(--tbs) + var(--sar));top:18%}body.port #touch .t-talk{right:calc(190px * var(--tbs) + var(--sar));top:46%}body.port #touch .t-menu{right:calc(10px + var(--sar));bottom:calc(10px + var(--sab))}body.port #hud-right .quest{display:none}body.port #expbar{bottom:auto;top:calc(var(--gameh) - 9px)}.tmgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tmc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:18px;background:#fffaf0;border:3px solid #ead7b8;cursor:pointer}.tmc span{font-size:34px}.tmc b{font-size:15px;font-weight:400}.tdaily .btn{white-space:nowrap}body.port .tlogo{transform:scale(calc(var(--tis) * 1.45))}body.port .tdaily{flex-direction:column;align-items:center;gap:8px;transform:translate(-50%) scale(calc(var(--tis) * 1.5));bottom:calc(64px + var(--sab))}body.port .cslots{top:38%}body.port #touch .t-auto{left:calc(10px + var(--sal));top:calc(14px * var(--tbs))}body.port #touch .t-talk{left:calc(86px * var(--tbs) + var(--sal));top:calc(20px * var(--tbs));right:auto}body.port #touch .t-pot{left:calc(150px * var(--tbs) + var(--sal));top:calc(20px * var(--tbs));right:auto}body.port #touch .t-menu{right:calc(10px + var(--sar));top:calc(14px * var(--tbs));bottom:auto}body.port #tjoy{left:0;top:24%;bottom:0;width:46%}body.port #tjoy .jbase{left:52%;top:50%}body.port #touch .t-att{right:calc(16px + var(--sar));top:52%}body.port #touch .t-jump{right:calc(126px * var(--tbs) + var(--sar));top:71%}body.port #touch .t-sk0{right:calc(22px + var(--sar));top:27%}body.port #touch .t-sk1{right:calc(122px * var(--tbs) + var(--sar));top:40%}body.port #touch:before{top:auto;bottom:3px}body.land #touch .t-auto{right:calc(190px * var(--tbs) + var(--sar));bottom:calc(166px * var(--tbs) + var(--sab))}body.touch #hb-desk{display:none}.tview{position:absolute;left:calc(18px + var(--sal));top:calc(14px + var(--sat));z-index:5;cursor:pointer;background:#fffaf2f2;border:3px solid #4f9be0;border-radius:999px;padding:6px 16px;font-size:17px;color:#2f6fb5;box-shadow:0 3px #3c5a8c4d;transform:scale(var(--tis));transform-origin:top left}.vset{display:flex;flex-direction:column;gap:2px;font-size:17px}.vset .vrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.vset .vrow>b{min-width:118px;color:#2f6fb5;font-weight:400;font-size:18px}.vset .vrow.end{justify-content:flex-end}.vset .vpm{display:flex;align-items:center;gap:6px}.vset .vpm i{font-style:normal;min-width:62px;text-align:center;font-size:20px;color:#5a3424}.vset .vpm .btn{font-size:20px;padding:4px 16px}.vset .vseg .btn{font-size:15px;padding:5px 12px}.vset .vnote{font-size:13px;color:#8a6a5a;padding-left:2px}.vset .vinfo{margin-top:12px;font-size:13px;color:#5a6a90;background:#eef6ff;border-radius:12px;padding:6px 10px}#touch .tb{transition:transform .06s}#touch .t-att{background:radial-gradient(circle at 50% 38%,#ffeca0f7,#ffbe50ed);border-width:4px}#touch .t-att .ti{font-size:calc(46px * var(--tbs))}#touch .t-jump{background:#e6f6ffe0}#touch .t-jump .ti{font-size:calc(36px * var(--tbs));font-weight:700;color:#2f6fb5}#touch .tb em{bottom:3px;font-size:calc(12px * var(--tbs));font-weight:700;text-shadow:0 1px 0 #fff}#touch .tb.role{background:#fffaf2db}#touch .tb.role .ti img{width:78%;height:78%;object-fit:contain}#touch .tb.role .cdw{position:absolute;inset:0;border-radius:50%;pointer-events:none}#touch .tb.role .cdn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:calc(24px * var(--tbs));color:#fff;text-shadow:0 0 3px #3a2050,0 2px 0 #3a2050;pointer-events:none}#touch .tb.role .lk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:calc(13px * var(--tbs));color:#fff;text-shadow:0 1px 2px #000;pointer-events:none}#touch .tb.role.locked .ti{filter:grayscale(1) brightness(.75);opacity:.55}#touch .tb.role.locked{background:#c8c8d7b3}#touch .tb.role.ready{border-color:#fff}#touch .tb.role em{background:#ffffffd9;border-radius:8px;padding:0 5px;bottom:-2px;color:#5a3424}#touch .t-ult{background:radial-gradient(circle,#fff5d2f2,#ffd278e6)!important;border-color:#ffe27a!important}#touch .t-ult.glow{animation:ultglow 1s ease-in-out infinite}@keyframes ultglow{0%,to{box-shadow:0 0 10px 3px #ffdc50cc,0 4px #28467859}50%{box-shadow:0 0 26px 10px #ffc83c,0 4px #28467859;transform:scale(1.06)}}#touch .tb.no{animation:tbno .25s}@keyframes tbno{25%{transform:translate(-5px)}75%{transform:translate(5px)}}#touch .t-act{display:none;background:radial-gradient(circle,#fffffff7,#bef0ffed);border-color:#7dd3ff;animation:actpop .25s}#touch .t-act.show{display:flex}#touch .t-act .ti{font-size:calc(34px * var(--tbs))}@keyframes actpop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}#touch .t-pot .ti img{width:70%;height:70%}#touch .t-pot .pn{position:absolute;right:2px;bottom:0;font-size:calc(13px * var(--tbs));color:#fff;background:#ff6f8f;border-radius:8px;padding:0 5px}#touch .t-auto{border-radius:50%;background:#e6ecfadb}#touch .t-auto b{font-size:calc(15px * var(--tbs))}#touch .t-auto em{display:none}#touch.mg .role,#touch.mg .t-pot,#touch.mg .t-auto{display:none!important}body.land #tjoy{height:78vh;width:46vw}body.land #tjoy .jbase{left:calc(130px * var(--tbs) + var(--sal));top:calc(100% - 120px * var(--tbs) - var(--sab))}#tjoy .jbase{width:calc(140px * var(--tbs));height:calc(140px * var(--tbs));background:#ffffff38;border-width:4px}#tjoy:not(.on) .jbase{opacity:.75}body.port #touch .t-auto{left:calc(12px + var(--sal));top:calc(12px * var(--tbs));width:calc(60px * var(--tbs));height:calc(60px * var(--tbs));right:auto;bottom:auto}body.port #touch .t-pot{left:calc(84px * var(--tbs) + var(--sal));top:calc(14px * var(--tbs));width:calc(56px * var(--tbs));height:calc(56px * var(--tbs));right:auto;bottom:auto}body.port #touch .t-act{left:50%;transform:translate(-50%);top:calc(10px * var(--tbs));width:calc(150px * var(--tbs));height:calc(60px * var(--tbs));border-radius:30px;flex-direction:row;gap:6px;right:auto;bottom:auto;animation:none}body.port #touch .t-act em{position:static;font-size:calc(17px * var(--tbs))}body.port #tjoy{top:22%;width:44%}#rot{display:none;position:fixed;inset:0;z-index:60;background:linear-gradient(#3b5378,#24324d);color:#fff;align-items:center;justify-content:center;text-align:center;padding:20px}#rot.on{display:flex}#rot .rphone{font-size:72px;display:inline-block;animation:rphone 1.8s ease-in-out infinite}@keyframes rphone{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}#rot h2{font-size:26px;margin:10px 0 6px;color:#ffd23f;font-weight:400}#rot p{font-size:16px;line-height:1.5;opacity:.9;margin:6px 0 16px}#rot .rstay,#inapp .iastay{display:block;margin-top:18px;font-size:15px;color:#ffffffb3;text-decoration:underline;cursor:pointer}#rot .rn{font-size:13px;opacity:.6;margin-top:12px}#inapp{position:fixed;inset:0;z-index:90;background:linear-gradient(#bfe4ff,#fff3dc);display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:#5a3424;font-family:Jua,sans-serif}#inapp .ia img{width:min(260px,70vw)}#inapp h2{font-size:26px;color:#2f6fb5;margin:10px 0;font-weight:400}#inapp p{font-size:17px;line-height:1.55;margin:8px 0 16px}#inapp .ian{font-size:14px;color:#8a6a5a}#inapp .iastay{color:#8a6a5a}body.land #hud-right{left:calc(10px + var(--sal));right:auto;top:calc(96px * var(--uis) + 14px + var(--sat));transform-origin:top left;align-items:flex-start}body.land #touch .t-auto{right:calc(70px * var(--tbs) + var(--sar));top:calc(10px + var(--sat));bottom:auto;left:auto;width:calc(54px * var(--tbs));height:calc(54px * var(--tbs));border-radius:16px}body.land #touch .t-menu{width:calc(54px * var(--tbs));height:calc(54px * var(--tbs))}body.land #toasts{top:auto;bottom:calc(150px * var(--tbs) + var(--sab));left:50%;transform:translate(-50%) scale(var(--uis));transform-origin:bottom center;max-width:46vw}#touch .tb.role:not(.ready):not(.locked){opacity:.92}#touch .tb.role.sup .cdn{font-size:calc(13px * var(--tbs));align-items:flex-start;padding-top:14%}#touch .tb.role.sup.ready:after{content:"준비!";position:absolute;top:-6px;right:-4px;background:#ff5f7e;color:#fff;border-radius:10px;padding:0 6px;font-size:calc(12px * var(--tbs))}.deskw canvas{display:block;width:100%;max-width:560px;margin:0 auto 8px;border-radius:14px;image-rendering:pixelated;border:3px solid #4f9be0}.deskw p{margin:6px 0 10px;line-height:1.5}.deskw .dstep{display:flex;align-items:center;gap:10px;margin:8px 0;flex-wrap:wrap}.deskw .dstep>b{width:30px;height:30px;border-radius:50%;background:#4f9be0;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:400}.deskw .dstep i{font-style:normal;color:#8a6a5a;font-size:14px}.deskw a.btn{text-decoration:none}#amodal .abox.wide{width:min(640px,94vw)}.tdesk2{position:absolute;right:calc(18px + var(--sar));bottom:calc(14px + var(--sab));z-index:5;width:340px;padding:10px 10px 12px;border-radius:22px;background:#fffaf2f5;border:4px solid #ffc83d;box-shadow:0 6px #3c5a8c4d,0 0 26px #ffd23f8c;text-align:center;transform:scale(var(--tis));transform-origin:bottom right;animation:tdglow 2.4s ease-in-out infinite}@keyframes tdglow{50%{box-shadow:0 6px #3c5a8c4d,0 0 40px #ffc828e6}}.tdesk2 .tdh{font-size:21px;color:#2f6fb5;margin-bottom:6px}.tdesk2 .tnew{display:inline-block;background:#ff5f7e;color:#fff;font-size:13px;padding:1px 8px;border-radius:10px;vertical-align:3px;animation:tnew 1s steps(2) infinite}@keyframes tnew{50%{background:#ff9a3d}}.tdesk2 canvas{display:block;width:320px;height:120px;border-radius:12px;image-rendering:pixelated;cursor:pointer;border:3px solid #4f9be0}.tdesk2 .tdt{font-size:15px;color:#5a3424;margin:8px 0;line-height:1.4}.tdesk2 .tdt b{color:#e8572a;font-weight:400}.tdesk2 a.btn{text-decoration:none;font-size:18px;padding:7px 18px}.tdesk2 .tdmore{margin-left:8px;font-size:14px;color:#4f6be0;cursor:pointer;text-decoration:underline}@media(max-width:1100px){.tdesk2{display:none}}body.touch .tdesk2{display:none}:root{--ink: #4a2a1a;--wood: #7a4a24;--navy: #14234a;--navy2: #1f3366;--goldA: #ffe27a;--goldB: #f2a21a;--parch: #fff6e2;--line: #5a3018}body{color:var(--ink)}.winbox,#amodal .abox,#dialog .dbox{background:transparent;border:30px solid transparent;border-image:url(/ui/panel.webp) 58 fill / 30px stretch;border-radius:0;box-shadow:none;filter:drop-shadow(0 12px 18px rgba(20,10,30,.45));overflow:visible}.winbox{padding:0}.winbox .wt{position:relative;height:62px;margin:-50px 0 0;padding:0 64px;display:flex;align-items:center;justify-content:center;background:url(/ui/ribbon.webp) center 0 / min(560px,86%) 62px no-repeat;color:#fff6d0;font-size:23px;text-shadow:0 2px 0 #6a0c0c,0 0 6px rgba(90,0,0,.55);white-space:nowrap}.winbox .wt .x{position:absolute;right:-14px;top:4px;margin:0;width:38px;height:38px;line-height:34px;font-size:18px;color:#fff;background:radial-gradient(circle at 40% 32%,#ff9a8a,#e0383a 55%,#a01a1e);border:3px solid #ffd65a;border-radius:50%;box-shadow:0 3px 0 var(--line),0 0 0 2px var(--line);text-shadow:0 1px 0 #6a0c0c}.winbox .wt .x:hover{filter:brightness(1.12)}.winbox .wb{color:var(--ink);background:transparent;padding:10px 8px 8px}.winbox .wf{background:transparent;border-top:2px solid rgba(150,100,40,.3);color:#8a6440;font-size:13px;padding:6px 8px 0}#amodal .abox{padding:6px 8px}#amodal .ah{text-align:center;color:#fff6d0;height:54px;line-height:50px;margin:-40px auto 10px;background:url(/ui/ribbon.webp) center/100% 100% no-repeat;width:min(440px,90%);text-shadow:0 2px 0 #6a0c0c;font-size:21px}#win{background:#140e2880}#dialog .dbox{border-width:24px;border-image-width:24px}.btn{color:#fff;border:2px solid var(--line);border-radius:999px;font-weight:400;background:linear-gradient(#c9ecff,#62b4ff 48%,#2c74de);box-shadow:inset 0 2px #fffc,inset 0 -3px #0a287859,0 3px 0 var(--line),0 5px 8px #1e0f0047;text-shadow:0 1px 0 #1b4596,0 0 2px rgba(10,40,120,.5);transition:transform .06s,filter .1s}.btn:hover{filter:brightness(1.08) saturate(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(2px);box-shadow:inset 0 2px #fff9,inset 0 -2px #0a28784d,0 1px 0 var(--line)}.btn.gold{color:#5a2508;background:linear-gradient(#fff3a8,#ffc93d 45%,#f08c12);text-shadow:0 1px 0 rgba(255,245,200,.9);box-shadow:inset 0 2px #ffffffd9,inset 0 -3px #a03c0059,0 3px 0 var(--line),0 5px 10px #f08c1459}.btn.alt{background:linear-gradient(#d4ffd0,#6fd96a 48%,#2f9e45);text-shadow:0 1px 0 #1d6a2a}.btn.gray{color:#6a4a30;background:linear-gradient(#fffaf0,#e9dcc4);text-shadow:0 1px 0 #fff;box-shadow:inset 0 2px #fff,inset 0 -2px #78501e33,0 3px 0 var(--line)}.btn.big{padding:9px 26px;font-size:20px}.menu .mi{background:linear-gradient(#fffaf0,#f3e6cc);border:2px solid #c9a46a;border-radius:14px;color:var(--ink);margin:6px 0;padding:9px 16px;box-shadow:inset 0 1px #fff,0 2px #5a301859}.menu .mi.sel,.menu .mi:hover{background:linear-gradient(#fff3b0,#ffd76a);border-color:#c98a16}.cell,.eqs,.hs,.sk,.qcard,.desc,.statbox{border-color:#d8b98a!important;background-color:#fffcf4}.cell{box-shadow:inset 0 0 0 2px #fff,0 2px #5a301840}.cell:hover,.sk.sel,.eqs.sel{border-color:#f2a21a!important}.tabs span,.atabs span,.rtabs span{border-radius:12px}#hud-left{background:none;border:0;box-shadow:none;border-radius:0;padding:0;gap:0;align-items:center;filter:drop-shadow(0 4px 6px rgba(10,10,30,.4))}#hud-left .portrait{position:relative;z-index:2;width:92px;height:106px;flex:none;border:0;border-radius:0;overflow:visible;background:url(/ui/medal.webp) center/100% 100% no-repeat}#hud-left .portrait img{position:absolute;left:16%;top:23%;width:68%;height:59%;object-fit:cover;object-position:50% 12%;border-radius:50%}#hud-left .who{position:relative;z-index:1;margin-left:-14px;padding:8px 16px 8px 22px;min-width:236px;border-radius:0 18px 18px 0;background:linear-gradient(#22366c,#14234a);border:3px solid #d8b24a;border-left:0;box-shadow:inset 0 1px #ffffff26,0 3px #0a0a1e73}#hud-left .who{color:#fff6d0}#hud-left .nm{color:#fff6d0;text-shadow:0 1px 0 #000}#hud-left .nm b{color:#ffd23f}#hud-left .coins{color:#fff6d0}#hud-left .coins b{color:#ffe27a}#hud-left .cash b{color:#9fd8ff!important}.bar{border:2px solid #c9a24a;background:#050a1e8c;box-shadow:inset 0 2px 3px #00000080}.bar.hp i{background:linear-gradient(#ff9aa8,#ff4d6d 55%,#c8203e)}.bar.xp i{background:linear-gradient(#fff3a0,#ffc93d 55%,#e08a10)}.bar.boss{border-color:#ffd23f}.bar.boss i{background:linear-gradient(#ffb36b,#ff4d4d 55%,#a0102a)}.chip,#h-map{background:linear-gradient(#24386e,#14234a);color:#fff6d0;border:2px solid #d8b24a;box-shadow:0 3px #0a0a1e73}.panel.quest,#h-quest{background:#141e42e0;color:#fff6d0;border:2px solid #d8b24a;box-shadow:0 3px #0a0a1e73}#minimap{border:3px solid #d8b24a;box-shadow:0 3px #0a0a1e73;background:#14234a}.hb{width:46px;height:46px;border:0;border-radius:50%;background:url(/ui/round.webp) center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 2px 2px rgba(10,10,30,.45));font-size:20px}.hb:hover{background:url(/ui/round.webp) center/100% 100% no-repeat;transform:translateY(-2px) scale(1.06)}.hb em{background:#14234a;color:#ffe27a;border:1px solid #d8b24a}.hb .gi{width:26px;height:26px}.slot.skill,.slot.item{border:0;border-radius:10px;background:url(/ui/slot.webp) center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 2px 2px rgba(10,10,30,.4))}.slot.skill.empty{background:url(/ui/slot.webp) center/100% 100% no-repeat;opacity:.75}.slot.skill.ult{background:url(/ui/slot.webp) center/100% 100% no-repeat;filter:drop-shadow(0 0 6px rgba(255,210,63,.9))}.slot.skill .skimg{inset:6px}.slot.skill .skimg img{width:32px;height:32px}.slot.item img{width:26px;height:26px}.slot em{color:#ffe27a;text-shadow:0 1px 0 #000}.toast{background:linear-gradient(#24386e,#14234a);color:#fff6d0;border:2px solid #d8b24a;box-shadow:0 3px #0a0a1e73}#tipbar{background:#141e42e6;color:#fff6d0;border:2px solid #d8b24a}#mghud{background:linear-gradient(#24386e,#14234a);color:#fff6d0;border:3px solid #d8b24a}#mghud .big{color:#ffe27a}#mghud .q{color:#9fd8ff}.cslot{background:transparent;border:26px solid transparent;border-image:url(/ui/panel.webp) 58 fill / 26px stretch;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 12px rgba(20,10,30,.4));padding:4px}.cslot:hover{border-color:transparent;transform:translateY(-4px);filter:drop-shadow(0 12px 16px rgba(20,10,30,.45)) brightness(1.04)}.cslot .cn{color:var(--ink)}.cslot .cl{color:#2f6fb5}.cslot .plus{color:#c98a16}.tacct,.tview{background:linear-gradient(#24386e,#14234a);color:#fff6d0;border:2px solid #d8b24a;box-shadow:0 3px #0a0a1e73}.tacct:hover,.tview:hover{background:linear-gradient(#2f4a8e,#1a2c5c)}.tdesk2{background:transparent;border:24px solid transparent;border-image:url(/ui/panel.webp) 58 fill / 24px stretch;border-radius:0;padding:2px}.tdesk2 .tdh{color:#fff6d0;height:44px;line-height:42px;margin:-30px auto 6px;background:url(/ui/ribbon.webp) center/100% 100% no-repeat;width:92%;text-shadow:0 2px 0 #6a0c0c;font-size:19px}#touch .tb{border:3px solid #d8b24a;box-shadow:0 3px 0 var(--line),0 0 0 2px var(--line)}#touch .t-att{background:radial-gradient(circle at 50% 35%,#fff3a8,#ffc93d 55%,#f08c12)}#touch .tb.role{background:radial-gradient(circle at 50% 35%,#2f4a8e,#14234a)}#touch .tb.role em,#touch .tb em{color:#fff6d0;text-shadow:0 1px 0 #000;background:transparent}#touch .t-att em{color:#5a2508;text-shadow:0 1px 0 #fff3b0}#touch .t-jump{background:radial-gradient(circle at 50% 35%,#c9ecff,#62b4ff 55%,#2c74de)}#touch .t-jump .ti{color:#fff}#touch .t-auto,#touch .t-menu{background:linear-gradient(#24386e,#14234a);color:#fff6d0}#touch .t-auto b{color:#fff6d0}#touch .t-auto.lit{background:linear-gradient(#6fd96a,#2f9e45)}.gi{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.28em;object-fit:contain;pointer-events:none}.gi.big{width:2em;height:2em;vertical-align:middle}#hud-left .nm span:not(#h-name){color:#b8c8f0}.bar span{color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000}.tdesk2{width:430px;display:grid;grid-template-columns:196px 1fr;grid-template-rows:auto 1fr auto;column-gap:10px;text-align:left;align-items:center}.tdesk2 .tdh{grid-column:1 / 3;text-align:center}.tdesk2 canvas{grid-row:2 / 4;width:196px;height:74px}.tdesk2 .tdt{grid-column:2;margin:0;font-size:14px}.tdesk2 .tdl{grid-column:2}.tdesk2 a.btn{font-size:15px;padding:5px 12px}.tdesk2 .tdmore{margin-left:4px;font-size:13px}.tdesk2{width:372px;grid-template-columns:168px 1fr;transform:scale(min(1,var(--tis)));border-width:20px;border-image-width:20px}.tdesk2 .tdh{margin-top:-24px;height:40px;line-height:38px;font-size:17px}.tdesk2 canvas{width:168px;height:63px}.tdesk2 .tdt{font-size:13px;line-height:1.35}@media(min-width:1101px){body:not(.touch) #tdesk{display:none}}.tdesk2 .tdmore,.tdesk2 .tdl{white-space:nowrap}#mghud:has(.d2),#mghud:has(.d2ready){padding:8px 16px 10px;min-width:420px}.d2ready{text-align:center}.d2ready b{font-size:22px;color:#ffe27a;font-weight:400}.d2how{font-size:15px;margin:4px 0;color:#fff6d0}.d2cnt{font-size:64px;line-height:1.1;color:#ffd23f;text-shadow:0 3px 0 #7a3a00,0 0 18px rgba(255,210,63,.8);animation:d2pop .5s ease-out infinite}@keyframes d2pop{0%{transform:scale(1.4)}40%{transform:scale(1)}}.d2{display:flex;align-items:center;justify-content:center;gap:18px}.d2t{font-size:24px;color:#9fd8ff;min-width:70px}.d2t.hurry{color:#ff7a8f;animation:d2pop .5s ease-out infinite}.d2s{font-size:40px;color:#ffe27a;line-height:1;text-shadow:0 2px 0 #7a3a00;min-width:150px;text-align:center}.d2s small{font-size:16px;margin-left:3px}.d2c{font-size:26px;color:#c8d4e6;text-align:center;line-height:1;min-width:74px}.d2c small{display:block;font-size:12px;margin-top:2px}.d2c.on{color:#ff9a3d;text-shadow:0 0 10px rgba(255,150,60,.8)}.d2f{position:relative;height:14px;margin:6px 4px 2px;border-radius:8px;background:#00000073;border:2px solid #c9a24a;overflow:hidden}.d2f i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#ffd23f,#ff8a3d);transition:width .15s}.d2f.on i{background:linear-gradient(90deg,#ff6f8f,#ffd23f,#7dffb0,#6fc4ff,#c8a2ff);animation:d2rb 1s linear infinite;background-size:200% 100%}@keyframes d2rb{to{background-position:200% 0}}.d2f span{position:absolute;inset:0;font-size:10px;line-height:10px;text-align:center;color:#fff;text-shadow:0 1px 1px #000}.d2r{font-size:14px;margin-top:4px;color:#fff6d0}.d2r b{color:#7dffb0;font-weight:400}.d2cue{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:10px;white-space:nowrap;font-size:30px;text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 12px rgba(0,0,0,.4);animation:d2pop .6s ease-out}.dres2{text-align:center}.dres2 .drtop{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 10px}.dres2 .d2medal{width:96px;height:96px;filter:drop-shadow(0 4px 6px rgba(60,30,0,.35));animation:d2pop 1.2s ease-out 1}.dres2 .drsc{font-size:56px;line-height:1;color:#e8572a;text-shadow:0 3px 0 #ffd27a}.dres2 .drsc small{font-size:22px;margin-left:4px}.dres2 .drsub{font-size:16px;color:#7a5a3a;margin-top:4px}.dres2 .nb{color:#ff4d6d;font-weight:400;animation:tnew 1s steps(2) infinite}.dres2 .drrow{display:flex;justify-content:space-between;max-width:440px;margin:4px auto;padding:6px 14px;background:#fff9;border:2px solid #e2c99a;border-radius:12px;font-size:16px}.dres2 .drrow b{color:#2f6fb5;font-weight:400}.dres2 .drpass{margin:8px auto;max-width:440px;color:#1c7a4c;background:#e0f7ea;border-radius:12px;padding:6px 10px;font-size:15px}.dres2 .drhearts{margin:10px 0 6px;font-size:28px}.dres2 .drhearts span{color:#d8c8c0;margin:0 2px}.dres2 .drhearts span.on{color:#ff4d6d;text-shadow:0 2px 0 #8a1a2a}.dres2 .drhearts em{display:block;font-style:normal;font-size:14px;color:#8a6440}.dres2 .drbtns{margin-top:6px}.dres2 .drbtns.sm .btn{font-size:14px}.dres2 .drhearts span:not(.on) .gi{filter:grayscale(1) opacity(.35)}.dres2 .drhearts .gi{width:34px;height:34px}body.inmg #tipbar,body.inmg #h-quest,body.inmg #minimap{display:none!important}body.mgfever #hud:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 60px 16px #ff78c88c,inset 0 0 120px 30px #ffdc5059;animation:fevglow .5s ease-in-out infinite alternate}@keyframes fevglow{0%{filter:hue-rotate(0deg);opacity:.75}to{filter:hue-rotate(90deg);opacity:1}}#win{z-index:25}#dialog{z-index:24}#h-map{white-space:nowrap}#cwrap .jgrid{gap:10px}#cwrap .jc{background:linear-gradient(#fffaf0,#f3e4c4);border:3px solid #c9a46a;border-radius:16px;box-shadow:inset 0 1px #fff,0 3px 0 var(--line),0 6px 10px #1e0f0040;transition:transform .1s}#cwrap .jc:hover{transform:translateY(-3px);border-color:#e0a52a}#cwrap .jc.sel{background:linear-gradient(#fff6c8,#ffd97a);border-color:#f08c12;box-shadow:0 0 0 3px #ffe27a,0 0 22px #ffbe28e6,0 3px 0 var(--line);transform:translateY(-5px)}#cwrap .jc .jn{color:var(--ink)}#cwrap .jc .jt{color:#8a6440}#cwrap .jinfo{background:linear-gradient(#22366c,#14234a)!important;color:#fff6d0;border:3px solid #d8b24a!important;border-radius:16px!important;box-shadow:0 3px #0a0a1e73!important}#cwrap .jinfo b{color:#ffe27a;font-weight:400}.nameinp{background:#fffaf0;border:3px solid #c9a46a;border-radius:14px;color:var(--ink);box-shadow:inset 0 2px 4px #5a301833,0 3px 0 var(--line)}.nameinp:focus{border-color:#f08c12;box-shadow:inset 0 2px 4px #5a301833,0 0 0 3px #ffe27a,0 3px 0 var(--line)}#title:has(#cwrap) .tlogo,#title:has(#cwrap) .tdesk2{display:none}#h-map{white-space:normal;text-align:center;line-height:1.15;padding:5px 10px 6px}#h-map b{display:block;font-weight:400;font-size:17px;color:#fff6d0}#h-map small{display:block;font-size:12.5px;color:#ffd98a;margin-top:2px}#h-map small .gi{width:15px;height:15px}#tipbar{white-space:normal;text-align:center;line-height:1.3;max-width:clamp(340px,calc((100vw - 690px) / var(--uis, 1)),640px);width:max-content}#hud:has(#bossbar.on) #tipbar{top:calc(118px * var(--uis) + var(--sat))}.slot em{left:3px;top:3px;padding:0 4px;min-width:9px;text-align:center;line-height:14px;font-size:11px;color:#fff;text-shadow:none;background:#0c122ce0;border-radius:6px;box-shadow:0 0 0 1px #d8b24ab3}.slot.item b{color:#fff;text-shadow:0 0 3px #000,0 1px 0 #000}body:not(.touch) #hotbar{padding:7px 10px 6px;border-radius:16px;background:linear-gradient(#1c2854b8,#0e142ecc);border:2px solid rgba(216,178,74,.75);box-shadow:0 4px 10px #0a0a1e59,inset 0 1px #ffffff26}body{word-break:keep-all;overflow-wrap:anywhere}.cashways{margin:6px 0 8px;padding:10px 14px;border-radius:14px;background:linear-gradient(#24386e,#14234a);color:#fff6d0;border:2px solid #d8b24a;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.cashways>b{grid-column:1 / -1;color:#9be7ff;font-weight:400;font-size:17px}.cashways .cw{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.3}.cashways .cw .gi{width:30px;height:30px;flex:none}.cashways .cw b{flex:none;color:#ffe27a;font-weight:400;min-width:64px}.cashways .cw span{color:#e9e2cc}.cashways .cwn{grid-column:1 / -1;font-size:13px;color:#9be7ff;text-align:right}@media(max-width:760px){.cashways{grid-template-columns:1fr}}#h-cash.pop{color:#9be7ff;text-shadow:0 0 8px #9be7ff,0 0 2px #fff;animation:cashpop .35s ease-out 2;display:inline-block}@keyframes cashpop{50%{transform:scale(1.3)}}#touch .tb em,#touch .tb.role em{bottom:8%;padding:0 calc(6px * var(--tbs));border-radius:9px;line-height:1.35;white-space:nowrap;opacity:1;background:#0c122ce0;color:#fff6d0;text-shadow:none;font-weight:400;border:1px solid rgba(216,178,74,.85)}body.land #toasts{top:calc(8px + var(--sat));bottom:auto;transform-origin:top center;max-width:40vw}.eqs .blank{width:72px;height:72px;background:radial-gradient(#efe6d2,#e2d4b6);box-shadow:inset 0 2px 6px #5a3c1440;display:flex;align-items:center;justify-content:center}.eqs .blank .ic{width:56px;height:56px;filter:grayscale(1) brightness(.55) opacity(.28)!important}.sk2{padding-left:8px}.sk2 em{right:auto;left:3px;top:1px;padding:0 4px;line-height:14px;font-size:11px;color:#fff;background:#0c122ce6;border-radius:6px;box-shadow:0 0 0 1px #d8b24acc}.shopgrid .cempty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 10px;color:#8a6a5a;font-size:16px}.shopgrid .cempty img{width:72px;height:72px;opacity:.55;filter:grayscale(.4)}.shopgrid .cempty b{font-weight:400}#cwrap .jc img{height:112px;filter:drop-shadow(0 4px 2px rgba(60,30,10,.25))}#cwrap .jc .jn{font-size:18px;margin-top:2px}#cwrap .jc.sel img{animation:jcbob .9s ease-in-out infinite}@keyframes jcbob{50%{transform:translateY(-5px)}}@media(max-height:520px){#cwrap .jc img{height:72px}}@media(max-height:520px){.cashways{padding:6px 10px;gap:2px 12px;margin:4px 0}.cashways>b{font-size:14px}.cashways .cw{font-size:12px;gap:6px}.cashways .cw .gi{width:22px;height:22px}.cashways .cw b{min-width:52px}.cashways .cwn{font-size:11px}}#bossbar{display:flex;align-items:center;gap:8px;width:min(600px,48vw)}#bossbar .bbport{flex:none;width:66px;height:66px;border-radius:50%;overflow:hidden;background:radial-gradient(#3b5aa0,#14234a);border:3px solid #d8b24a;box-shadow:0 0 0 2px #14234a,0 3px 6px #0a0a1e80}#bossbar .bbport img{width:140%;height:140%;object-fit:cover;object-position:50% 12%;margin:-6% 0 0 -20%}#bossbar .bbmain{flex:1;min-width:0}#bossbar .nm{font-size:21px;text-align:left;padding-left:4px;color:#fff6d0;text-shadow:0 2px 0 #14234a,0 0 6px #14234a}#bossbar .bar.boss{height:22px;border:2px solid #d8b24a;background:#141a38cc;box-shadow:0 2px #0a0a1e66}#bossbar .bar.boss span{position:absolute;inset:0 10px 0 auto;display:flex;align-items:center;line-height:1;font-size:13px;color:#fff;text-shadow:0 1px 2px #000;z-index:1}body.touch #combo{right:auto;left:50%;top:calc(24% + var(--sat));transform:translate(-50%) scale(calc(var(--uis) * .8));transform-origin:top center;text-align:center}body.touch #combon{transform-origin:center}.wf:empty{display:none}body.land .bagwrap{flex-direction:row;gap:10px}body.land .bagwrap .left{flex:0 0 300px}body.land .eqrow{gap:6px}body.land .eqs{padding:3px 4px}body.land .eqs .eqt{font-size:11px}body.land .eqs .ic.big,body.land .eqs .blank{width:46px;height:46px}body.land .eqs .blank .ic{width:36px;height:36px}body.land .eqs .eqn{font-size:12px;min-height:0}body.land .eqs .eqs2{font-size:11px;min-height:0}.tdaily{align-items:center}.tdaily .btn:not(.big){font-size:18px;padding:9px 20px}.tdaily .btn .gi{width:22px;height:22px}.tdesk2 .tdmore{display:block;margin:3px 0 0 2px;font-size:12.5px}