:root{--panel:linear-gradient(180deg, #161a2ce0, #0c0e1aeb);--gold:#d8b870;--gold-dim:#d8b87073;--text:#f2ead8;--muted:#a8a090;--serif:"Nanum Myeongjo", "AppleMyungjo", "Noto Serif KR", serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none;background:#101018;margin:0;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow:hidden}canvas{display:block}.hud{pointer-events:none;position:fixed;inset:0}.hud>*{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--gold-dim);border-radius:3px;box-shadow:0 0 0 1px #0009,0 6px 20px #00000073}.order{pointer-events:none;background:linear-gradient(90deg,#0000,#0a0c18bf 12% 88%,#0000);align-items:center;gap:3px;padding:4px 10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.olabel{font:600 12px var(--serif);color:var(--gold);white-space:nowrap;margin:0 6px}.olabel.next{color:var(--muted);border-left:1px solid var(--gold-dim);padding-left:10px}.oi{background:#23304a;border:1px solid #6a8ac8;border-radius:50%;flex:none;width:30px;height:30px;overflow:hidden}.oi.enemy{background:#4a2420;border-color:#c86a5a}.oi img{width:100%;height:100%;image-rendering:pixelated}.oi.cur{border:2px solid var(--gold);width:38px;height:38px;box-shadow:0 0 10px #ffdc8cb3}.oi.dim{opacity:.55;width:24px;height:24px}.party{width:300px;padding:6px 8px;position:absolute;bottom:12px;right:12px}.prow{border-left:3px solid #0000;border-radius:2px;grid-template-rows:auto auto;grid-template-columns:26px 1fr auto;align-items:center;column-gap:8px;padding:2px 6px;display:grid}.prow img{width:26px;height:26px;image-rendering:pixelated;background:#23304a;border-radius:50%;grid-row:span 2}.prow.active{border-left-color:var(--gold);background:linear-gradient(90deg,#d8b87047,#0000)}.prow.out{opacity:.4}.pname{font:600 14px var(--serif)}.tag{color:#fff;vertical-align:2px;background:#b8483a;border-radius:2px;margin-left:5px;padding:1px 4px;font:600 10px sans-serif}.tag.g{background:#3a6ab8}.num{color:var(--muted);text-align:right;font-size:11px}.num em{color:var(--text);font-size:14px;font-style:normal}.prow .bar{grid-column:2}.bar{background:#ffffff1f;border-radius:2px;height:4px;overflow:hidden}.bar b{background:linear-gradient(90deg,#6ab0e0,#a8e0f8);height:100%;transition:width .4s;display:block}.bar b.low{background:linear-gradient(90deg,#e06a4a,#f0a080)}.bp{justify-content:flex-end;gap:2px;display:flex}.bp i,.boost i{border:1px solid #ffc87880;border-radius:50%;width:8px;height:8px}.bp i.on,.boost i.on{background:radial-gradient(circle at 35% 35%,#fff4c0,#f0a030);border-color:#ffd080;box-shadow:0 0 4px #f0a030}.tp{border-top:1px solid var(--gold-dim);font:600 12px var(--serif);color:var(--gold);text-align:right;margin-top:4px;padding-top:5px}.tp em{color:var(--text);font-size:16px;font-style:normal}.menu{width:210px;padding:8px 0;position:absolute;bottom:12px;right:324px}.mtitle{font:700 13px var(--serif);color:var(--gold);border-bottom:1px solid var(--gold-dim);margin-bottom:4px;padding:0 14px 6px}.menu ul{margin:0;padding:0;list-style:none}.menu li{font:600 16px var(--serif);cursor:pointer;justify-content:space-between;padding:7px 14px 7px 26px;display:flex;position:relative}.menu li span{color:var(--muted);align-self:center;font:12px sans-serif}.menu li.sel{background:linear-gradient(90deg,#d8b87059,#0000)}.menu li.sel:before{content:"▶";color:var(--gold);font-size:10px;position:absolute;top:11px;left:9px}.menu li.off{color:#6a6458}.desc{color:var(--muted);border-top:1px solid #d8b87033;min-height:30px;margin-top:4px;padding:6px 14px 4px;font-size:11px;line-height:1.4}.boost{justify-content:space-between;align-items:center;padding:4px 10px 0;display:flex}.boost span{font:600 12px var(--serif);color:#f0c070;align-items:center;gap:3px;display:flex}.boost span i{margin-left:2px}.boost.off{opacity:.35;pointer-events:none}.boost button,.back{border:1px solid var(--gold-dim);color:var(--text);cursor:pointer;background:#d8b87026;border-radius:3px;width:34px;height:28px;font-size:16px}.back{width:auto;margin:6px 10px 0;padding:0 10px;font-size:12px}.elabel{text-align:center;cursor:pointer;background:#0e0c14b3;border-radius:3px;padding:3px 4px;position:absolute;top:0;left:0}.elabel.gone{display:none}.ename{font:600 12px var(--serif);white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:flex}.shield{color:#fff;clip-path:polygon(50% 0,100% 15%,92% 70%,50% 100%,8% 70%,0 15%);background:linear-gradient(#7a8aa8,#3a4a68);place-items:center;width:20px;height:22px;font:700 12px sans-serif;display:inline-grid}.elabel.broken .shield{background:linear-gradient(#e86a4a,#8a2a1a)}.elabel.broken .ename{color:#f0a080}.elabel .bar{margin:3px 0}.elabel .bar b{background:linear-gradient(90deg,#d86a4a,#f0b080)}.weak{justify-content:center;align-items:center;gap:2px;display:flex}.weak .shield{margin-right:2px}.w{width:17px;height:17px;font:600 11px var(--serif);color:#3a2a1a;background:#e8dcc0;border-radius:2px;place-items:center;display:grid}.w.q{color:var(--muted);background:#ffffff26}.cursor{color:#ffd870;text-shadow:0 0 6px #f0a030;pointer-events:none;font-size:20px;animation:.6s ease-in-out infinite alternate bob;position:absolute;top:0;left:0}@keyframes bob{to{margin-top:-6px}}.banner{font:700 18px var(--serif);opacity:0;white-space:nowrap;pointer-events:none;background:linear-gradient(90deg,#0000,#0a0c18d1 20% 80%,#0000);padding:6px 40px;transition:opacity .15s;position:absolute;top:58px;left:50%;transform:translate(-50%)}.banner.show{opacity:1}.banner small{color:#f0c070;margin-left:10px;font-size:12px}.pop{color:#fff;text-shadow:0 2px #000,0 0 4px #000;pointer-events:none;font:800 22px Avenir Next,sans-serif;animation:1.2s ease-out forwards pop;position:absolute;transform:translate(-50%,-50%)}.pop.crit{color:#ffb040;font-size:30px}.pop.heal{color:#80f0a0}.pop.weak{color:#ffe070;letter-spacing:2px;font-size:14px}@keyframes pop{0%{opacity:0;transform:translate(-50%,-20%)scale(1.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-110%)}}.big{letter-spacing:6px;pointer-events:none;font:italic 900 64px Avenir Next,sans-serif;animation:1.2s ease-out forwards big;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.big.break{color:#fff;-webkit-text-stroke:2px #c83a1a;text-shadow:0 0 24px #ff6a2a}@keyframes big{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.result,.title{background:radial-gradient(#0a0c1899,#0a0c18e6);flex-direction:column;justify-content:center;align-items:center;gap:6px;animation:.5s fade;display:flex;position:fixed;inset:0}.title{background:radial-gradient(#2a3048,#0c0e18)}.result h1,.title h1{font:800 54px var(--serif);color:var(--gold);letter-spacing:12px;text-shadow:0 0 20px #d8b87080;margin:0 0 10px}.result.lose h1{color:#a8b0c8}.result p,.title p{font:16px var(--serif);margin:2px}.result button,.title button{font:700 18px var(--serif);color:var(--text);background:var(--panel);border:1px solid var(--gold);cursor:pointer;border-radius:3px;margin-top:22px;padding:12px 36px}.help{color:var(--muted);margin-top:18px;font-size:12px}@keyframes fade{0%{opacity:0}}.mute,.fast{border:1px solid var(--gold-dim);width:38px;height:38px;color:var(--text);cursor:pointer;background:#0a0c1899;border-radius:50%;font-size:15px;position:fixed;top:10px;right:10px}.fast{letter-spacing:-2px;font-size:12px;right:54px}.fast.on{background:#d8b87080}.fps{background:#0009;padding:2px 6px;font:11px monospace;position:fixed;bottom:8px;left:8px}@media (width<=760px){.party{width:230px}.menu{left:12px;right:auto}.order{max-width:calc(100% - 104px);left:6px;overflow:hidden;transform:none}}.veil{opacity:0;pointer-events:none;z-index:50;transition-property:opacity;position:fixed;inset:0}.veil.on{opacity:1}#joystick{pointer-events:none;z-index:20;background:#0a0c1833;border:2px solid #fff0d259;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;display:none;position:fixed}#joystick.active{display:block}#joystick-knob{background:#fff0d280;border-radius:50%;width:40px;height:40px;position:absolute;top:35px;left:35px}.wui{pointer-events:none;position:fixed;inset:0}.place{font:700 26px var(--serif);letter-spacing:8px;opacity:0;white-space:nowrap;background:linear-gradient(90deg,#0000,#0a0c18bf 25% 75%,#0000);padding:8px 60px;position:absolute;top:18%;left:50%;transform:translate(-50%)}.place.show{animation:2.6s forwards place}@keyframes place{0%{opacity:0;letter-spacing:16px}20%,75%{opacity:1;letter-spacing:8px}to{opacity:0}}.mini{width:190px;padding:6px 10px;font-size:12px;position:absolute;top:10px;left:10px}.mrow{grid-template-columns:34px 1fr 38px;align-items:center;gap:6px;margin:2px 0;display:grid}.mrow span{font:600 12px var(--serif)}.mrow em,.mtp em{text-align:right;color:var(--text);font-style:normal}.mtp{border-top:1px solid var(--gold-dim);font:600 11px var(--serif);color:var(--gold);text-align:right;margin-top:4px;padding-top:4px}.act{border:2px solid var(--gold);background:var(--panel);width:78px;height:78px;color:var(--text);font:700 17px var(--serif);pointer-events:auto;cursor:pointer;border-radius:50%;display:none;position:absolute;bottom:26px;right:22px;box-shadow:0 0 14px #d8b87066}.act.show{animation:.2s fade;display:block}#dialogue{background:var(--panel);border:1px solid var(--gold-dim);z-index:30;border-radius:3px;width:min(760px,100% - 24px);min-height:118px;padding:18px 26px 16px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0009,0 8px 28px #00000080}#dialogue.hidden,#dialogue .hidden,#chapter.hidden{display:none}#dialogue-name{font:700 15px var(--serif);color:var(--gold);border:1px solid var(--gold-dim);background:#141828;border-radius:2px;padding:3px 16px;position:absolute;top:-15px;left:18px}#dialogue-text{font:17px/1.65 var(--serif);white-space:pre-wrap}#dialogue-choices{flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px;display:flex}#dialogue-choices button{font:600 15px var(--serif);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;padding:5px 14px 5px 26px;position:relative}#dialogue-choices button.sel{background:linear-gradient(90deg,#d8b87059,#0000)}#dialogue-choices button.sel:before{content:"▶";color:var(--gold);font-size:10px;position:absolute;top:9px;left:8px}#dialogue-next{color:var(--gold);font-size:12px;animation:.6s ease-in-out infinite alternate bob;position:absolute;bottom:10px;right:18px}#chapter{z-index:40;background:radial-gradient(#0a0c18bf,#0a0c18f2);flex-direction:column;justify-content:center;align-items:center;animation:.8s fade;display:flex;position:fixed;inset:0}#chapter h2{font:800 46px var(--serif);color:var(--gold);letter-spacing:12px;margin:0 0 12px}#chapter p{font:16px var(--serif)}.tbtns{gap:14px;display:flex}@media (width<=760px){.mini{width:160px;font-size:11px}.place{font-size:20px}}.lv{color:var(--gold);margin-left:5px;font:600 10px sans-serif}.lpanel{z-index:35;background:#080a1473;justify-content:center;align-items:center;gap:12px;padding:12px;animation:.15s fade;display:flex;position:fixed;inset:0}.lmain{width:330px;max-height:calc(100% - 24px);padding:10px 0;overflow-y:auto}.ltitle{font:700 15px var(--serif);color:var(--gold);border-bottom:1px solid var(--gold-dim);justify-content:space-between;align-items:baseline;margin-bottom:4px;padding:0 16px 8px;display:flex}.ltitle span{font:600 12px var(--serif);color:var(--muted)}.ltitle em,.ldetail em{color:var(--text);font-style:normal}.lmain ul{margin:0;padding:0;list-style:none}.lmain li{font:600 15px var(--serif);cursor:pointer;justify-content:space-between;align-items:center;padding:7px 16px 7px 28px;display:flex;position:relative}.lmain li .ll{white-space:nowrap;margin-right:10px}.lmain li .lr{color:var(--muted);text-align:right;word-break:keep-all;min-width:0;font:12px sans-serif}.lmain li .badge{font:700 11px var(--serif);white-space:nowrap;border-radius:10px;padding:2px 8px;font-style:normal;display:inline-block}.lmain li .badge.on{color:#241a08;background:linear-gradient(#e8c060,#b88a30);box-shadow:0 0 6px #e8c06080}.lmain li .badge.off{color:#9a9284;border:1px solid #6a6458}.lmain li .badge.blank{color:#6a6458;border:1px dashed #5a5448;font-weight:400}.lmain li.sel{background:linear-gradient(90deg,#d8b87059,#0000)}.lmain li.sel:before{content:"▶";color:var(--gold);font-size:10px;position:absolute;left:10px}.lmain li.off{color:#6a6458}.ldesc{color:var(--muted);border-top:1px solid #d8b87033;min-height:24px;margin-top:4px;padding:8px 16px 2px;font-size:12px}.lnote{font:600 12px var(--serif);color:#f0c070;padding:4px 16px 0}.lclose.sel{border-color:var(--gold);color:#fff;background:linear-gradient(90deg,#d8b87080,#d8b87033)}.lclose{border:1px solid var(--gold-dim);color:var(--text);cursor:pointer;background:#d8b87026;border-radius:3px;margin:8px 12px 0;padding:5px 12px;font-size:12px}.ldetail{align-self:center;width:230px;padding:12px 16px;font-size:13px}.cname{font:700 17px var(--serif);color:var(--gold)}.cname small{color:var(--text);margin-left:4px;font-size:12px}.cexp{color:var(--muted);margin:3px 0 8px;font-size:11px}.ldetail table{border-collapse:collapse;width:100%}.ldetail th{text-align:left;font:600 12px var(--serif);color:var(--muted);width:46px;padding:3px 0}.ldetail td{padding:3px 0}.dim,tr.dim{color:#6a6458}b.up{color:#80e0a0}b.down{color:#f08070}.lvup{color:#ffd870;font-weight:700}.result b{color:var(--gold)}.menubtn{border:1px solid var(--gold-dim);height:38px;color:var(--text);font:600 13px var(--serif);cursor:pointer;background:#0a0c1899;border-radius:19px;padding:0 14px;position:fixed;top:10px;right:98px}@media (width<=600px){.lpanel{flex-direction:column}.lmain,.ldetail{width:min(320px,100%)}}.title button.main{border-color:#f0d080;box-shadow:0 0 16px #d8b87073}.tnote{min-height:18px;font:13px var(--serif);color:#f0b080;margin-top:10px}.bagui{z-index:36;background:#080a148c;justify-content:center;align-items:center;padding:10px;animation:.15s fade;display:flex;position:fixed;inset:0}.bwrap{width:100%;max-width:900px;max-height:calc(100% - 10px);padding:12px 16px 14px;overflow-y:auto}.btop{border-bottom:1px solid var(--gold-dim);align-items:center;gap:10px;padding-bottom:8px;display:flex}.btabs{flex-wrap:wrap;gap:4px;display:flex}.btabs button,.bclose,.bbtns button{border:1px solid var(--gold-dim);color:var(--text);font:600 14px var(--serif);cursor:pointer;background:#d8b8701a;border-radius:3px;padding:6px 12px}.btabs button small{color:var(--muted);margin-left:5px;font:10px sans-serif}.btabs button.on{border-color:var(--gold);background:linear-gradient(#d8b87073,#d8b87026)}.bgold{font:600 13px var(--serif);color:var(--gold);margin-left:auto}.bgold em{color:var(--text);font-style:normal}.bbody{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.bleft{flex:auto;min-width:0}.bgrid{touch-action:none;background:#1a1612;border:2px solid #6a5434;margin:0 auto 10px;position:relative;box-shadow:inset 0 0 18px #000000b3}.bcell{background:radial-gradient(circle at 50% 40%,#78603c40,#0000 70%);border:1px solid #d8b87024;position:absolute}.bback{background:color-mix(in srgb, var(--col) 30%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--col) 60%, transparent);pointer-events:none;border-radius:3px;position:absolute}.bback.glow{background:color-mix(in srgb, #f0d070 22%, color-mix(in srgb, var(--col) 30%, transparent));box-shadow:inset 0 0 0 1px #f0d070,0 0 10px #ffd26e8c}.bback.spare,.bicon.spare{filter:saturate(.25)brightness(.65)}.bicon{image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 2px #00000080);position:absolute}.bstar,.blink{pointer-events:none;color:#ffd870;text-shadow:0 0 4px #c88a20,0 1px #000;font-size:12px;line-height:1;position:absolute}.blink{font-size:14px;animation:1.2s ease-in-out infinite alternate pulse;transform:translate(-50%,-50%)}@keyframes pulse{to{opacity:.55;transform:translate(-50%,-50%)scale(1.25)}}.bcell.hot{color:#ffd870;background:radial-gradient(circle,#ffd26e59,#ffd26e14 70%);place-items:center;font-size:14px;animation:.9s ease-in-out infinite alternate pulse2;display:grid;box-shadow:inset 0 0 0 1px #ffd26eb3}@keyframes pulse2{to{background:radial-gradient(circle,#ffd26e26,#0000 70%)}}.bghost{pointer-events:none;border-radius:3px;position:absolute}.bghost.ok{background:#78dc8c59;outline:2px solid #9af0b0}.bghost.no{background:#e65a4666;outline:2px solid #f09080}.bfloat{pointer-events:none;image-rendering:pixelated;opacity:.9;filter:drop-shadow(0 6px 6px #0009);z-index:2;position:fixed;top:0;left:0}.bcursor{outline:2px dashed var(--gold);pointer-events:none;position:absolute}.bstats{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.bst{background:#ffffff0d;border-radius:3px;align-items:baseline;gap:5px;padding:4px 9px;font-size:12px;display:flex}.bst span{color:var(--muted);font:600 11px var(--serif)}.bst b{font-size:15px}.bst i{font-style:normal;font-weight:700}.bst i.up,b.up{color:#80e0a0}.bst i.down{color:#f08070}.bsyn{color:#f0d080;text-align:center;height:58px;margin-top:8px;font-size:12px;line-height:1.6;overflow-y:auto}.bsyn i{color:var(--text);font-style:normal}.bcart{background:#00000040;border:1px solid #d8b87040;border-radius:3px;flex:none;width:230px;height:340px;padding:8px;overflow-y:auto}.bcart.drop{border-color:var(--gold);background:#d8b87014}.bct{font:700 13px var(--serif);color:var(--gold);margin-bottom:6px}.bct small{color:var(--muted);font-weight:400}.bct .bdrop{float:right;color:var(--gold);font:11px sans-serif}.gi{background:#ffffff0d;border-radius:3px;flex:none;place-items:center;width:30px;height:30px;display:grid}.gi img{max-width:28px;max-height:28px;image-rendering:pixelated}.csyn{color:#ffd870;text-shadow:0 0 4px #c88a20}.bcart ul{margin:0;padding:0;list-style:none}.bcart li{cursor:pointer;font:600 13px var(--serif);border-radius:3px;align-items:center;gap:8px;padding:5px 4px;display:flex}.bcart li:hover{background:#d8b87026}.bcart li.off{opacity:.4}.bcart li.empty{color:var(--muted);cursor:default}.gl{width:24px;height:24px;font:700 14px var(--serif);color:#140e0ad9;border-radius:3px;flex:none;place-items:center;display:inline-grid}.cn{flex:1}.mini{gap:1px;display:inline-grid}.mini i{background:0 0;width:7px;height:7px}.mini i.on{background:var(--gold-dim)}.binfo{border-top:1px solid #d8b87033;height:64px;margin-top:10px;padding-top:8px;font-size:13px;line-height:1.55;overflow:hidden}.binfo .bon,.cexp.bon{color:#f0d080}.binfo .warn{color:#f08070}.bbtns{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}@media (width<=640px){.bcart{width:100%;height:170px}.binfo{height:84px}}.bcell.maybe{color:#c8d2f0cc;font:700 14px var(--serif);background:#96aadc1f;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #aabef073}.csyn.maybe{color:#a8b8e8;text-shadow:none}.btoast{z-index:3;pointer-events:none;text-align:center;font:14px/1.6 var(--serif);background:linear-gradient(#3c2c10f2,#1e160af2);border:1px solid #f0d070;border-radius:4px;padding:10px 22px;animation:2.6s forwards toast;position:fixed;top:14%;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ffd26e73}.btoast b{color:#ffd870}.btoast i{color:#80e0a0;font-style:normal}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)scale(.9)}10%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0}}.rtlabel{text-align:center;pointer-events:none;min-width:62px;font-size:10px;position:absolute;top:0;left:0}.rtlabel .rn{font:600 11px var(--serif);text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;justify-content:center;align-items:center;gap:3px;display:flex}.rtlabel .bar{background:#00000080;height:4px;margin:2px 0}.rtlabel.enemy .bar b{background:linear-gradient(90deg,#d86a4a,#f0b080)}.rtlabel .shield{width:15px;height:17px;font-size:10px}.rtlabel .w{width:14px;height:14px;font-size:9px}.rtlabel.broken .rn{color:#f0a080}.rtbar{flex-direction:column;gap:8px;max-width:calc(100% - 340px);padding:8px 10px;display:flex;position:absolute;top:12px;left:12px}.rtspells,.rtopts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rttp{font:600 12px var(--serif);color:var(--gold);margin-right:4px}.rttp em{color:var(--text);font-size:15px;font-style:normal}.rttp .warn{color:#f08070;font-size:11px}.rtbar button{border:1px solid var(--gold-dim);color:var(--text);font:600 14px var(--serif);cursor:pointer;background:#d8b8701f;border-radius:3px;padding:7px 12px}.rtbar button small{color:var(--muted);margin-left:5px;font:10px sans-serif}.rtbar button:disabled{opacity:.35;cursor:default}.rtbar button.on{border-color:var(--gold);background:linear-gradient(#d8b87080,#d8b87033)}.rtparty{width:280px}.rtparty .prow{grid-template-columns:1fr auto}.rtparty .prow .bar{grid-column:1/3}@media (width<=760px){.rtbar{max-width:calc(100% - 24px);top:60px;bottom:auto}.rtparty{width:220px}}.rthud .big{font-size:38px;top:30%}.rthud .pop{font-size:16px}.rthud .pop.crit{font-size:21px}.rtlabel .role{color:#e8dcc0;background:#0000008c;border-radius:2px;padding:0 3px;font:700 9px sans-serif}.rtlabel .role.tank{color:#8fc0ff}.rtlabel .role.warrior{color:#ffb070}.rtlabel .role.archer{color:#b8f080}.rtlabel .role.mage{color:#e0a0ff}.rtlabel .role.support{color:#80f0c0}.rtlabel .stun{color:#ffe060;font-size:11px}.rthud .pop.skill{font:700 13px var(--serif);color:#2a2018;text-shadow:none;white-space:nowrap;background:#fbf4e2;border:2px solid #3a2a1a;border-radius:10px;padding:3px 9px;animation:1.4s ease-out forwards bubble}.rthud .pop.skill:after{content:"";border:5px solid #0000;border-top:6px solid #3a2a1a;margin-left:-5px;position:absolute;bottom:-8px;left:50%}.rthud .pop.skill.enemy{color:#ffd8c0;background:#3a1a18;border-color:#e06040}.rthud .pop.skill.enemy:after{border-top-color:#e06040}@keyframes bubble{0%{opacity:0;transform:translate(-50%,-30%)scale(.4)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-55%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(.95)}}.rthud>.rtdim{pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0}.rthud>.rtdim.on{opacity:1;transition:opacity 80ms}.rthud>.rtcutin{pointer-events:none;background:linear-gradient(90deg,#141e3c00 0%,#142850eb 18% 82%,#141e3c00 100%);border-top:2px solid #8fc8ff;border-bottom:2px solid #8fc8ff;align-items:center;gap:18px;height:120px;padding-left:12%;animation:1.1s cubic-bezier(.2,.9,.2,1) forwards cutin;display:flex;position:absolute;top:34%;left:0;right:0;transform:skewY(-6deg)}.rthud>.rtcutin.enemy{background:linear-gradient(90deg,#3c0a0a00 0%,#5a1414eb 18% 82%,#3c0a0a00 100%);border-color:#ff8060}.rtcutin .face{width:108px;height:108px;image-rendering:pixelated;background:#00000059;border:3px solid #fff4c8;transform:skewY(6deg)}.rtcutin .ct{font:800 34px var(--serif);color:#fff4c8;text-shadow:0 2px #000,0 0 12px #ffc878b3;flex-direction:column;display:flex;transform:skewY(6deg)}.rtcutin .ct small{font:600 14px var(--serif);color:#c8d8f0;letter-spacing:2px}@keyframes cutin{0%{opacity:0;transform:skewY(-6deg)translate(-110%)}18%{opacity:1;transform:skewY(-6deg)translate(0)}78%{opacity:1;transform:skewY(-6deg)translate(3%)}to{opacity:0;transform:skewY(-6deg)translate(110%)}}.rthud .pop.stun{color:#ffe060;font-size:13px}.rthud>svg.rtarrow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rtlabel .mark{color:#ff7050;font-size:12px}.rtlabel .order{color:#9fd8ff;background:#0000008c;border-radius:2px;padding:0 3px;font:600 9px sans-serif}.rtlabel.hover .rn{color:#ffb090;transform:scale(1.15)}.rthud>.rtfeed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:64px;right:12px}.rtfeed .kf{font:600 13px var(--serif);color:#ddd;background:#0a0a14b3;border:1px solid #d8b87059;border-radius:3px;padding:3px 9px;transition:opacity .5s;animation:.25s ease-out kfin}.rtfeed .kf em{color:#ffd070;font-size:11px;font-style:normal}.rtfeed .kf.out{opacity:0}@keyframes kfin{0%{opacity:0;transform:translate(30px)}}.rthud>.rtmeter{pointer-events:auto;cursor:pointer;flex-direction:column;gap:5px;width:230px;padding:8px 10px;display:flex;position:absolute;bottom:12px;left:12px}.rtmeter .mt i:after{content:" ▾";color:var(--muted);font-style:normal}.rtmeter.folded .mt i:after{content:" ▸"}.rtmeter.folded .mr{display:none}.rtmeter .mt{font:600 12px var(--serif);color:var(--gold)}.rtmeter .mr{grid-template-columns:34px 1fr;align-items:center;gap:6px;display:grid}.rtmeter .mn{font:600 12px var(--serif);white-space:nowrap}.rtmeter .mbar{background:#00000059;border-radius:2px;align-items:center;min-height:18px;display:flex;position:relative}.rtmeter .mbar i{opacity:.55;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.rtmeter .mbar span{font:11px/1.4 var(--serif);color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;padding:1px 5px;position:relative}.rthud.ended .rtmeter{display:none}@media (width<=760px){.rthud>.rtmeter{width:180px}}.result .rtmvp{margin:4px 0 10px}.result .rtmvp .mvpname{font:700 18px var(--serif);color:var(--gold);margin-bottom:6px}.result .rtmvp .mrow{border-radius:3px;grid-template-columns:84px 1fr;align-items:center;gap:10px;width:min(420px,80vw);margin:0 auto;padding:4px 6px;display:grid}.result .rtmvp .mrow.mvp{background:#d8b87024}.result .rtmvp .mn{font:600 14px var(--serif);text-align:left;white-space:nowrap;overflow:hidden}.result .rtmvp .mn small{font:11px var(--serif);color:#ffd070;margin-top:1px;display:block}.result .rtmvp .mb{flex-direction:column;gap:2px;display:flex}.result .rtmvp .hb{text-align:left;background:#00000059;border-radius:2px;align-items:center;min-height:20px;display:flex;position:relative}.result .rtmvp .hb i{opacity:.75;border-radius:2px;animation:.7s ease-out hbgrow;position:absolute;top:0;bottom:0;left:0}.result .rtmvp .hb span{font:12px/1.4 var(--serif);color:#fff;text-shadow:0 1px 2px #000;white-space:nowrap;padding:1px 6px;position:relative}.result .rtmvp .hb.none{color:var(--muted);font:12px/1.4 var(--serif);padding:1px 6px}@keyframes hbgrow{0%{width:0}}.rtparty .grade{font:700 10px var(--serif);text-shadow:0 0 4px;margin-left:4px}.rtparty .prow .pname{white-space:nowrap}.rtparty .prow .meter{margin-bottom:2px}.rthud.ended .rtlabel,.rthud.ended .rtfeed{display:none}.biobook{z-index:60;background:#06060cb8;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.4s ease-out bfade;display:flex;position:fixed;inset:0}@keyframes bfade{0%{opacity:0}}.biobook .book{filter:drop-shadow(0 12px 30px #0009);width:min(640px,92vw);height:min(330px,56vh);animation:.7s cubic-bezier(.2,.9,.3,1) bopen;display:flex}@keyframes bopen{0%{opacity:0;transform:scaleX(.1)translateY(20px)}}.biobook .page{background:linear-gradient(90deg,#e9dfc4,#f4ecd6 70%,#e2d6b8);flex:1;padding:22px 24px;position:relative;overflow:hidden}.biobook .page.left{background:linear-gradient(90deg,#e2d6b8,#f4ecd6 30%,#e9dfc4);border-radius:6px 0 0 6px;justify-content:center;align-items:center;display:flex;box-shadow:inset -12px 0 18px -10px #503c1e59}.biobook .page.right{color:#1c1a22;border-radius:0 6px 6px 0;box-shadow:inset 12px 0 18px -10px #503c1e59}.biobook .blot{background:radial-gradient(circle,#141828e6 0%,#141828bf 45%,#14182800 70%);border-radius:50%;width:230px;height:230px;margin:-115px 0 0 -115px;animation:1.1s ease-out forwards blot;position:absolute;top:50%;left:50%}@keyframes blot{0%{opacity:1;transform:scale(0)}60%{opacity:.9;transform:scale(1.1)}to{opacity:.35;transform:scale(1)}}.biobook .bface{width:150px;height:150px;image-rendering:pixelated;opacity:0;filter:drop-shadow(0 0 #141a2a)drop-shadow(2px 2px #141a2a99);animation:.6s ease-out .7s forwards bface;position:relative}@keyframes bface{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.biobook .btitle{font:800 26px var(--serif);color:#141a2a;border-bottom:2px solid #141a2a80;min-height:34px;margin-bottom:12px;padding-bottom:6px}.biobook .btext{font:500 15px/1.75 var(--serif);min-height:120px}.biobook .bhow{font:600 12px var(--serif);color:#6a2a20;margin-top:10px}.biobook .bnote{font:700 18px var(--serif);color:var(--gold);text-shadow:0 2px 6px #000;opacity:0;transition:opacity .4s}.biobook.done .bnote{opacity:1}.ldesc .hint{color:var(--muted);font-style:italic}.wui .todo{pointer-events:auto;cursor:pointer;width:max-content;max-width:min(300px,100vw - 210px);padding:6px 10px;position:absolute;top:150px;left:12px}.wui .todo .tt{white-space:nowrap;font:700 12px var(--serif);color:var(--gold);align-items:center;gap:6px;display:flex}.wui .todo .tt .cnt{color:#241a08;background:#d8b870d9;border-radius:8px;padding:0 5px;font:700 10px sans-serif}.wui .todo .tt .first{font:500 11px var(--serif);color:var(--text);white-space:nowrap;text-overflow:ellipsis;min-width:0;display:none;overflow:hidden}.wui .todo .tt i{color:var(--muted);margin-left:auto;font-style:normal}.wui .todo .tb{margin-top:3px}.wui .todo .ti{font:12px/1.5 var(--serif);color:var(--text)}.wui .todo.folded .tb{display:none}.wui .todo.folded .tt .first{display:block}.wui .minimap .mmt{align-items:center;gap:6px;display:flex}.wui .minimap .mmt i{color:var(--muted);margin-left:auto;font-style:normal}.wui .minimap.folded canvas{display:none}@media (width<=760px){.wui .mini{padding:6px 8px}.wui .mini .mrow{font-size:11px}.wui .todo{max-width:calc(100vw - 170px);padding:5px 8px;left:8px}.wui .todo .ti{font-size:11px}.wui .minimap{padding:3px 4px 4px;right:8px}}.qbar{z-index:5;gap:4px;display:flex;position:fixed;top:8px;right:170px}.qbar button{border:1px solid var(--gold-dim);width:46px;height:46px;color:var(--text);cursor:pointer;background:#0a0c18a8;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;transition:background .15s,transform .1s;display:flex;position:relative}.qbar button:hover{border-color:var(--gold);background:#d8b87047}.qbar button:active{transform:scale(.94)}.qbar b{font:700 18px var(--serif);color:var(--gold);line-height:1}.qbar span{font:600 10px var(--serif);line-height:1}.qbar kbd{color:var(--muted);font:9px monospace;position:absolute;top:1px;right:3px}@media (width<=860px){.qbar{display:none!important}}.ldetail .skills{border-top:1px solid #d8b87040;margin-top:10px;padding-top:8px}.ldetail .skt{font:700 13px var(--serif);color:var(--gold);margin-bottom:6px}.ldetail .skt .stars{color:#ffd060;letter-spacing:1px}.ldetail .skt small{font:11px var(--serif);color:var(--muted)}.ldetail .sk{margin-bottom:6px}.ldetail .sk b{font:700 13px var(--serif)}.ldetail .sk small{color:var(--muted);margin-left:6px;font-size:11px}.ldetail .sk.locked b{color:#7a7468}.ldetail .sk .sd{color:var(--muted);margin-top:1px;font-size:11px}.ldetail .kind{font:700 10px var(--serif);border-radius:3px;margin-right:5px;padding:0 5px;display:inline-block}.ldetail .kind.weapon{color:#c8d8f0;background:#3a4a60}.ldetail .kind.unique{color:#ffe0a0;background:#6a4a18}.ldetail .kind.level{color:#c8f0c0;background:#3a5a3a}.result b.loot{color:#e8dcc0}.result b.loot.rare{color:#ffd060;text-shadow:0 0 8px #ffc850cc;animation:1.2s ease-in-out infinite alternate rareglow}@keyframes rareglow{0%{text-shadow:0 0 4px #ffc85080}to{text-shadow:0 0 14px #ffdc78}}.wui .nlabel{font:600 13px var(--serif);color:#f4ecd8;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;align-items:center;gap:3px;display:flex;position:absolute;top:0;left:0}.wui .nlabel small{font:700 9px var(--serif);color:#241a08;text-shadow:none;background:#d8b870d9;border-radius:6px;padding:0 4px}.wui .nlabel.foe{color:#ff9a80}.wui .nlabel.ink{color:#c8d0e8;opacity:.85;font-size:11px}.wui .minimap{pointer-events:auto;cursor:pointer;padding:4px 6px 6px;position:absolute;top:62px;right:10px}.wui .minimap.hidden{display:none}.wui .minimap .mmt{font:600 11px var(--serif);color:var(--gold);margin-bottom:3px}.wui .minimap canvas{image-rendering:pixelated;width:auto;max-width:260px;display:block}.wui .minimap.big canvas{width:min(520px,80vw);max-width:none}@media (width<=760px){.wui .minimap canvas{max-width:130px}.rthud>.rtmeter{width:calc(50vw - 14px);padding:5px 7px;bottom:8px;left:8px}.rthud .rtparty{width:calc(50vw - 14px);padding:5px 7px;bottom:8px;right:8px}.rthud .rtparty .pname small,.rthud .rtparty .grade,.rthud .rtparty .tag{display:none}.rthud .rtparty .prow .num{font-size:10px}.rtmeter .mr{grid-template-columns:28px 1fr}}