@font-face{font-family:AC Title;src:url(/assets/nanum-myeongjo-800-CGswuENF.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:AC Caps;src:url(data:font/woff2;base64,d09GMgABAAAAAA4cAA8AAAAAGpwAAA3EAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjobhy4cKAZgP1NUQVQcAEQRCAqjDJxZCzwAATYCJAN0BCAFg2oHIBsoFiOSk1YPZOpIXfjz598PCtJpI+lkK3KAufwKgYoeEKp8iVwSkPK0Rzm1HUdu41kFuEhgKegowC6D9o61JXQIsMSC79Hj09+xQbhZk03lsoVUnBq19KyuUPGgxzlQ6pQUORGvnYi+Cbyq8vP3+9L3fuu0tg/w2GAR9rn353kx2U2DEWGVG1nga4sFuLi8IFagurjL2HT4qOa0E3eMRxXEAqJppduEseqX7+BiESYai1jisEgkBYu0KN0ig0yBKwWfYhqx27bv2pfYqaPmTicWo0fzOMkzZdzs6XhrMrU02HgxTjY++NmrxcrZt+2tpBGroH8f9/eX1mXpPWF90SO90hfQG93Vo3roT/2IR/Zb3+mU0yPdA+3ZTmjSei0TImbCm0iG3Akkk0x8U/8TlvpVv0B3DKr0MV6/9J0jOVBM27VZ65rc12b9+PV/ex0IMPan/8fib2Dfhu/HkJg7GY94QoBfz4NnuL4HTRbeCOtf9Qg5RCT7jQL93Sv9UQ90XR91Hvb6rhu6pNN6qi88NXal18LbQr9BVA9HDxnF6h9RgMc4LUOGINiG3+e9m5Ff9A+l4WNTDdnfQVeKp7qg+uv1HH8QTSkI+6zX3moZ+yRyBfF0ASVcfOi8WctHHrEubxjaRRoziyksWUOPNYDRDT5mH+Lzwng4+LhEiCKklO6QSBSXT8KNcQHD5OqFCepX42FwScEnlQixWCSj2M6lP+UU0p/+Db3b0Psxxik8/mRtJ4KtAKMAVwEhBXgKiFJARAHRCohVQLwCEhU0MBsRVFSzUkrliQKeB0jbWHuaPTCuiL3QHgh0WS5iDafRqg4rsz3rU0vyu+wf0b1H93acIp+DzuX/i6MyzmVrbj6sOh9mfbeDzufThx4SIZnuAgsmTJxr2Vtvhs553uFHGuqDBCw9n8EcRBmWT6t1Pv3VKY0Vo6P8FpZEHMOco5QWwEoo5P6A8FQB3jgCWuGBFBrBh/wRXBy8oolhDjwC4WEFIukhwoQfiXeBMSbON7F1xvcL843vG2OM53leaEMbvn4N8P6I9JiY8CQT0zyqh4LgjYgOpHbBjlSI8no7EP39x16IG+Hvv3pgWKTHuxHhPSxUPsTXV4AdHL6+gp/g6yf4JeBXwhfRV/D2HiZGXva5mODjEN3pGBvx5GkxpQSBceBvxrulGHQ/zqzNDYskIsTT7FeUcSAiUF6rUG4YRO17O+WZYRBV1xFZJgPKLQuY+d5E4K2djcAaXiMyj4cKaHcRBM4p7x2toKcHNQ2BnpaqdB1N0wRmWZQbKyU0TdR0naiGIXHLCndzwyCqriOO45xzDtyygJkmMk3TNAQqGIXkAjDsDpkGoVQR0J4+V4RogpBKREh24npuWeNlsV16EMIJQmkvLI3YwLKJMn/RmmZE6pECn2yg3UhFst8g+HgXfdpNGacET5MyP/2MqfVa9VM/zA5niEAJaucFtItWhy9ChM7d7ECJpoHWNSI9cxngIQtEFJGBlEFqusJl7iKKoOq6vgxaLQvs0nWipMkyNbm8feqVay3PX896VDNgDtRAatKW1HCC2ssZcqbHlwGIQuAbYI2GjE8MVXtxiRQlwQPOS2msqm4Eygl+5x+9VVWJWp6HP0GhUgwq6c6M4y6MCndkkC/sRnklMKaclc7F6GdoHqBqN+UZdQMQK7nQzkw4Kqj52YCy3dcMBKQERRC6iyWn3VDBBeoeKSHf5MR8XdfNVcCKW9/0jn+cGWqaWB6krGVohpwUP67ZMAxj5yvDstaHZOlYVfm1aZqxNvEdd8ctxZ9GPqzu7x9Z3t1eoK7FfD/vUU1NTU2op2ca8OKw0jeDaEa8raRJq6Kii5Sybv7sWXOIE5mtcmOedM+U2o0xOL4jr2d5CgtH0zzD2P7CAtawSu4wx+daljQCwS2gPZH4wlESCqynook0j15NBmnqIiQY4GHzM+pUbKph3FGivKgtvfm8KEFWkQ/QJyCqMiL6HCvp6fEZ1OWU3TTtwZOsrGAls6JkAafQyzEJzpzX8leIWplCI52KFMOy8kagrIS4nLGJOyxp7ZRx7IsF0zHD9eBpebJPB8o/zI5eG4GJ0tN3lBIxZQG1sVh2fBIie94jgl/EuugwZLyd4XzsQXuwEumMSrahVyqNWBZ9gvADRsRJUB+DqlyF1G80rROHp55nKqQhuEXw4a2twphyk2d0GLfCU0iMR6By/b/KaK0HWC/l3UTtWnia2LfcIfYtroVzfplDEt+tfvHAnF76x+nMa6IDPyNxkDDx64jvhLQ/47fAgaD3w5scV79Mmztta92dr2IY8SY4Hh1BH0lW56MdR6as2bVqzvzNfyzdt3DO/iVrN8jn5xxMIUII2T5/66Rp25ctGL9h60a/SY6wf6/9MGvB/92zzsDGzVFdl7psp3YeQBvCqC0O20wvx5ZRgDY8QN5NhpKU3euOTNl5mtSGxxWcPK4U1EZc3Hd5UunwPMeI2GuydOjcvg13EhPX3Tt1YA/sPrZo21mfBHKv81SZMzrb7Y7O+uFLBtfngZHl1cWp6HR0VO9avLh6l9TRgfTSusooweBb6SOuVpFCDoWaIzNYhV4BGTgRv3t9K30bp4KSsj5TC58LUd1Z0Vma//Lv85YUtmbkq/+17DDSkJTDKUS7zKgjHx5OoWVvDFBe+HGUWIqTVtCYwIPr1rcaVXFqMzlo0IJujf185tbi5hYqz3g2k53v73ZtVDLmpww+jj0/YqpcI4gjuGhacGbUMf/sZZOz1BqqVbwQfIoLr2vqsmSW6zxi9USvtWLM0dWO6c3RV+Q4lV0YRv+loUV40etb6TP7Vvo+7hDcgj3TXh53q0gZGS/QOoNF6hUk80TmOqKg1UP9HhriMvuZ8Kf3UqGgbagwJH3MSYUN8Ybs86Sl0aKl/mLdJ2QL5339IW0MeXn38fkZX76dV3fxLHpss8zuCNuBIC4gdUdJG3Pzf1GUe+dxBBZMCOMqJoSpkROiNQfyb3//Xo8PLVpU/vH8/1TwovgwRIQH0eSuvJBWiTKhSBirfoEhJGwoLJSrLo8fo0nGOled9any4uzz6XEjD89/akvhP7rnGtfHdK5PQChDpeGy4PJqLjR8XhghcD491EM9Q9YgebOOIoKJL4yX4gvjmQhQXbN9k2M5NFJXCW3CGr4tY249OMfqzvsoIhBfwLHNXl0z4dIUiGBwx1Pua6aFZyVp4dlrJrfnqmnhWUlaePaqyX1Lu6O7atxmqxp3dLe3O7qrxm22qnFHN77xruruyys0TGMyuuuKxbg5dDvF6TsDTlyoyuVRr+qqMaChQe5b6SOuVpFYlULvhDLcB8Nl+c8Pa2SaKFOSTXjyz42xq4JGhHOq4uKWBaVrYw/HmGaU26p6yiwzpr/nvmJadFaSFp29anJ5tn1cMSVR0SGRfnhbssXo99Ka8mdnGlrLdJfwB6zh9S/OrRtLoLoiMdormvTHdzLCvzoNJeKLpyw3H42r5EljfXOqciyFZVT4axYOSMtfQAhoN0KeiixsOuAOXksLWyorKtSVNI6/7cG9OzM7Usj8tcMjmR2yv9N0ce9OcQUztGKO+aW2+qLkHyNv3/6eoM/Oze0yZn/DBQxEY+Pd96y8x8kKw8JQ2uCYPMtvZs1FSStoTODB3g2tIoUcCjW3jOXUCshBRf4wa/ZnyccGiye3RUevoPjSe3dz3uDc8qq6+SUFVvVjtQ+JqqVr6+dYd9Y1LxUfZqvYmG9iEAYaQBGGmG9iSNXRY+VT9wMpXPXE5AdZOScDBxhLIxUj3//jdu61Lfd9EPUiWDgm8ac7MIbH/tt+Adl3bLv0S/ZLH7zDL3guFLec4bhY+/eO9W8GCy9/nf/wpNeIyY1xXIz1ujWifs3JKI4+TzENsQtO3b3twSoT0uidn/c+dO/4A/fa3XtWW+U+XuGPlFcWBj2XtfQNddeZpnH2d20KT4t+YuOiL962Y/kW5Vb7mjHyu0rJ0/U/WE1PlE9QPkUV1EH2rNbykIHigXufctqjvtlqXt6wskG5vOWP3W/dXrlmdQPnxK8on9LzuUR2k9d1Sp7mVuS4mIHq2iptkIWcW/YogzA/W/1T4HD0wW3cuj0u4WrUI5mnDa8I/02m3XPh+hu1ek14/ZPvmv1ZPB20mIsmA7K3TalQKxJUioTCBEXR/4Rwv//H70yG7GhQex5cHFr12zSW/RLinll0Iq6+7TulBQH+z//fHahiX4wMQWL03xf9Jt4woNj/+f/BgarvVTq63CTmVxSQZ/xfky3IYwNRwBYjj/S2mfpt2DIUsJ3IY1yRfTsoeRV5xPiO2Vv9fnYu0lkLyshSFLA9KCKvooAoUUR2IoydgZnkXf/X7Av+z8kj/u/ILf4vyQQK8DQE/I2pFJLgQBiWQh14kMUdxsH1Je4bwDUjT+DtrR2DZPjsCHjcsGNRhJUtA/h2gVDAbBeEZDTY8iiBzJ8hf0l2m4NeDKIfA/BMS3swCjcqkNs4zo0euDCIUXjgRg68rUHYkQMJLvQjF91oQgdUGIQDK9ELO7KhQy9GMIgGSLDDBiN64VLaTYIDShQgB3m9GuvUSnShu69vhEYYYrWb92MJ7LDAJeawMr8KEkaxAj31DRxj3nRrSugxgF4o1XOLcEHCEMMe0fB6LKEEvJ3aDSWm0xPej0Hu5S6BFTnogYQR5KILarRCBxUsbkQjtMh1gjP+uXi3p/MfQwFG)format("woff2");font-weight:600;font-display:swap}#login,#auth{--gold-hi:#fff1c4;--gold:#f2c86b;--gold-mid:#b8893a;--gold-lo:#5e4317;--ember:#ff8a3d;--ink:#0b0a09;--title-font:"AC Title", "Nanum Myeongjo", "AppleMyungjo", "Batang", serif;z-index:20;overscroll-behavior:contain;color:var(--text);word-break:keep-all;background:#050506;position:fixed;inset:0;overflow:hidden auto}#login[hidden],#auth[hidden]{display:none}.sel-bg,.sel-fog,.sel-shade,.sel-embers{pointer-events:none;position:fixed;inset:0}.sel-bg{filter:brightness(.85)saturate(.95);transform-origin:50% 40%;background:url(/art/select-bg.webp) 50% 40%/cover no-repeat;animation:2.2s ease-out backwards sel-bg-in,48s ease-in-out 2.2s infinite alternate sel-drift;scale:1.06}.sel-fog{background-color:#0000;background-image:radial-gradient(30% 45% at 18% 85%,#96aacd29,#0000 70%),radial-gradient(26% 38% at 52% 95%,#96aacd1f,#0000 70%),radial-gradient(34% 40% at 82% 88%,#96aacd24,#0000 70%);background-position:0 0,0 0,0 0;background-repeat:repeat-x;background-size:50% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;height:55%;animation:70s linear infinite sel-fog;inset:auto -100% 0 0}.sel-shade{background:radial-gradient(75% 65% at 50% 46%,#0000 45%,#0000008c 100%),linear-gradient(#0505088c,#0000 24% 66%,#050506d9)}.sel-embers i{left:var(--x);width:var(--size);height:var(--size);opacity:0;animation:sel-ember var(--dur) linear var(--delay) infinite;background:radial-gradient(circle,#fff3c0 0,#ffb347 35%,#ff6e1e00 70%);border-radius:50%;position:absolute;bottom:-12px;box-shadow:0 0 6px 1px #ff8c3299}.sel-inner{flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,1.8vh,22px);min-height:100%;padding:clamp(12px,2.4vh,32px) 16px clamp(14px,2.4vh,32px);display:flex;position:relative}.sel-title{flex-direction:column;align-items:center;animation:1.1s cubic-bezier(.2,.7,.2,1) .25s backwards sel-rise;display:flex}.sel-emblem{filter:drop-shadow(0 0 14px #ff963c59);width:clamp(52px,8vh,96px);height:auto;margin-bottom:-4px}#login h1,#auth h1{font-family:var(--title-font);letter-spacing:.2em;background:linear-gradient(105deg,#0000 40%,#fffcebd9 50%,#0000 60%) -200% 0/200% 100% no-repeat,linear-gradient(#fff6d8 8%,#f4cf78 42%,#a8742a 70%,#f0cd80 96%);color:#0000;filter:drop-shadow(0 2px #241504)drop-shadow(0 0 22px #ffa03c59);-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.2em;font-size:clamp(34px,6.4vh,64px);font-weight:800;line-height:1.1;animation:7s ease-in-out 2.4s infinite sel-shine}#login .sub,#auth .sub{white-space:nowrap;letter-spacing:.55em;text-transform:uppercase;color:#c9b48a;align-items:center;gap:14px;margin:4px 0 0;font-family:AC Caps,Times New Roman,serif;font-size:clamp(10px,1.5vh,13px);display:flex}#login .sub:before,#login .sub:after,#auth .sub:before,#auth .sub:after{content:"";background:linear-gradient(to right, transparent, var(--gold-mid));width:clamp(40px,7vw,90px);height:1px}#login .sub:after,#auth .sub:after{margin-left:-.55em;transform:scaleX(-1)}.gender-pick{background:#08070699;border:1px solid #f2c86b47;border-radius:999px;gap:4px;padding:3px;animation:1s ease-out .7s backwards sel-fade;display:flex;box-shadow:0 2px 10px #00000080}.gp-opt{color:#9a9283;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:92px;min-height:28px;padding:0 16px;font-size:14px;transition:color .25s,background .25s,box-shadow .25s;display:flex;position:relative}.gp-opt input{opacity:0;pointer-events:none;position:absolute}.gp-mark{font-size:18px;line-height:1}.gp-opt[data-gender=m] .gp-mark{color:#8fb8ff}.gp-opt[data-gender=f] .gp-mark{color:#ff9fc0}@media (pointer:coarse){.gp-opt{min-height:44px}}@media (hover:hover){.gp-opt:hover{color:#e9dcc0}}.gp-opt:has(input:checked){color:var(--gold-hi);background:linear-gradient(135deg,#f2c86b4d,#5e431799);box-shadow:inset 0 0 0 1px #f2c86bbf}.gp-opt:has(input:focus-visible){outline:2px solid var(--gold-hi);outline-offset:1px}.sel-stage{--icon:clamp(48px, calc((100vw - 36px - (var(--n,5) - 1) * 8px) / var(--n,5)), 68px);--hero-h:clamp(210px, 42dvh, 520px);--hero-ms:.28s;z-index:1;padding:calc(10px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px) + var(--kb,0px)) calc(16px + env(safe-area-inset-left,0px));overscroll-behavior:contain;word-break:keep-all;grid-template-rows:repeat(4,max-content);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title top""hero hero""list list""side side";align-content:start;gap:6px 10px;display:grid;position:fixed;inset:0;overflow:hidden auto}.sel-stage .sel-title{white-space:nowrap;grid-area:title;grid-template-columns:auto auto;place-self:center start;align-items:center;column-gap:8px;display:grid}.sel-stage .sel-emblem{grid-row:1/3;width:34px;margin:0}:is(#login,#auth) .sel-stage h1{letter-spacing:.12em;text-align:left;padding-left:0;font-size:22px}:is(#login,#auth) .sel-stage .sub{letter-spacing:.42em;margin:0;font-size:9.5px;display:block}:is(#login,#auth) .sel-stage .sub:before,:is(#login,#auth) .sel-stage .sub:after{content:none}.sel-top{z-index:3;grid-area:top;place-self:center end}.sel-hero{height:var(--hero-h);pointer-events:none;grid-area:hero;min-width:0;min-height:0;animation:1.3s ease-out .3s backwards sel-fade;position:relative}.sel-aura{background:radial-gradient(62% 56% at 50% 58%,#ffb25c66,#ff782829 48%,#0000 76%),radial-gradient(62% 13% at 50% 94%,#ff963c38,#0000 72%);position:absolute;inset:0}.sel-ground{filter:blur(3px);background:radial-gradient(#000000b3,#0000 70%);width:min(78%,420px);height:6%;min-height:10px;position:absolute;bottom:0;left:50%;translate:-50% 40%}.sel-hero-layers{place-items:end center;display:grid;position:absolute;inset:0}.sel-hero-img{height:var(--hero-h);object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 10px 22px #0000008c);-webkit-user-select:none;user-select:none;grid-area:1/1;width:auto;max-width:100%;display:block}.sel-hero-img.entering{animation:sel-hero-in var(--hero-ms) cubic-bezier(.2, .7, .2, 1) backwards}.sel-hero-img.leaving{animation:sel-hero-out var(--hero-ms) ease-in forwards}.sel-hero-tag{letter-spacing:.1em;color:var(--gold);white-space:nowrap;opacity:0;background:#080706c7;border:1px solid #f2c86b73;border-radius:999px;margin:0;padding:3px 14px;font-size:12px;transition:opacity .18s;position:absolute;bottom:0;left:50%;translate:-50%}.sel-stage[data-preview=true] .sel-hero-tag{opacity:1}.sel-list{scrollbar-width:none;grid-area:list;justify-content:center;gap:8px;padding:6px 2px 4px;display:flex;position:relative;overflow-x:auto}.sel-list::-webkit-scrollbar{display:none}.class-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:44px;animation:.8s cubic-bezier(.2,.7,.2,1) backwards sel-item-in;animation-delay:calc(.45s + var(--i) * 80ms);flex-direction:column;flex:none;align-items:center;gap:4px;display:flex;position:relative}.class-card input{opacity:0;pointer-events:none;position:absolute}.ci-icon{width:var(--icon);height:var(--icon);filter:saturate(.55)brightness(.68);background:linear-gradient(150deg,#5e4317,#2b2112 45%,#4a3516);border-radius:7px;flex:none;padding:2px;transition:filter .25s,box-shadow .25s,background .25s,translate .25s;position:relative;box-shadow:0 0 0 1px #000,0 6px 14px #0009}.ci-img{object-fit:cover;background:#101014;border-radius:5px;width:100%;height:100%;display:block}.ci-name{font-family:var(--title-font);letter-spacing:.04em;color:#9d9483;text-shadow:0 2px 6px #000;white-space:nowrap;font-size:12.5px;font-weight:800;line-height:1.1;transition:color .25s}.cc-gmark{z-index:2;color:#14100a;pointer-events:none;background:#8fb8ff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:3px;right:3px;box-shadow:0 0 0 1px #000,0 1px 4px #0009}.class-card[data-gender=f] .cc-gmark{background:#ff9fc0}@media (hover:hover){.class-card:hover .ci-icon{filter:saturate(.85)brightness(.92);translate:0 -2px}.class-card:hover .ci-name{color:#e9dcc0}}.class-card:has(input:checked) .ci-icon{filter:none;background:linear-gradient(150deg,#7a5a22,#fff0bb 12%,#c9973f 28%,#6a4a18 48%,#e0b45a 70%,#fff3c8 86%,#8a6526);box-shadow:0 0 0 1px #2a1c08,0 0 0 2px #ffe4a0cc,0 0 18px 1px #ffb45080,0 6px 14px #0009}.class-card:has(input:checked) .ci-name{color:var(--gold)}.class-card:has(input:focus-visible) .ci-icon{outline:2px solid var(--gold-hi);outline-offset:3px}.sel-side{background:linear-gradient(#0e0c0be6,#080706f0);border:1px solid #f2c86b66;border-radius:4px;flex-direction:column;grid-area:side;justify-self:center;gap:10px;width:min(100%,560px);min-width:0;padding:12px 14px;animation:1s cubic-bezier(.2,.7,.2,1) .6s backwards sel-rise;display:flex;position:relative;box-shadow:inset 0 1px #ffe6aa14,0 0 0 1px #000c,0 16px 44px #000000b3}.sel-info{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name toggle""desc desc""more more";align-items:center;min-width:0;display:grid}.sel-info.swap .si-name,.sel-info.swap .si-desc{animation:.3s ease-out backwards sel-fade}.si-name{font-family:var(--title-font);letter-spacing:.06em;color:#f3e6c8;text-shadow:0 2px 8px #000;grid-area:name;margin:0;font-size:28px;font-weight:800;line-height:1.15}.si-desc{-webkit-line-clamp:3;line-clamp:3;color:#b9b0a0;-webkit-box-orient:vertical;grid-area:desc;margin:6px 0 0;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.si-toggle{color:#d6c9a8;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#00000059;border:1px solid #f2c86b52;border-radius:3px;grid-area:toggle;align-items:center;gap:10px;padding:0 12px;font-size:13.5px;display:flex}.si-toggle:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.si-chev{border:solid var(--gold);border-width:0 2px 2px 0;width:8px;height:8px;margin-right:2px;transition:rotate .25s;translate:0 -2px;rotate:45deg}.sel-info[data-open=true] .si-chev{translate:0 2px;rotate:225deg}.si-more{grid-area:more;margin-top:12px;display:none}.sel-info[data-open=true] .si-more{display:block}.si-stats{grid-template-columns:1fr 1fr;gap:8px 22px;display:grid}.si-stat{color:#a39a88;grid-template-columns:2.4em 1fr 1.5em;align-items:center;gap:8px;font-size:13px;display:grid}.si-stat em{font-style:normal}.si-stat b{text-align:right;color:#d8ccb4;font-variant-numeric:tabular-nums;font-weight:600}.si-stat i{background:#ffffff17;border-radius:1px;height:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.si-stat s{height:100%;width:calc(var(--v) * 100%);transform-origin:0;animation:.7s cubic-bezier(.2,.7,.2,1) backwards sel-bar;animation-delay:calc(var(--i,0) * 50ms);background:linear-gradient(90deg,#6d5226,#c49a4c);display:block}.si-stat[data-top=true] s{background:linear-gradient(90deg,#b0752a,#ffd27a);box-shadow:0 0 6px #ffbe5a99}.si-stat[data-top=true] em,.si-stat[data-top=true] b{color:var(--gold)}.si-label{letter-spacing:.06em;color:#b8893a;margin:14px 0 6px;font-size:12.5px}.si-skills{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.si-skill{color:#d6ccb8;align-items:center;gap:8px;min-width:0;font-size:13.5px;display:flex}.si-skill span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.si-skill kbd{width:1.65em;height:1.65em;color:var(--gold);background:linear-gradient(#2a2114,#120e08);border:1px solid #f2c86b8c;border-radius:3px;flex:none;place-items:center;padding:0;font:600 .8em/1 system-ui,sans-serif;display:grid}.sel-form{border-top:1px solid #f2c86b2e;align-content:start;gap:8px;padding-top:10px;display:grid}#login .sel-fields{grid-template-columns:1fr;align-content:start;gap:8px;display:grid}#login input[type=text],#login input:not([type]),#login input[type=password]{min-width:0;font:inherit;color:var(--text);background:#00000080;border:1px solid #f2c86b40;border-radius:3px;padding:11px 12px;font-size:16px;transition:border-color .2s,box-shadow .2s}#login input::placeholder{color:#7b7569}#login input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 1px #f2c86b59,0 0 14px #f2c86b33}#login button[type=submit]{min-height:50px;font-family:var(--title-font);letter-spacing:.4em;text-indent:.4em;color:#2a1704;text-shadow:0 1px #fff0c899;cursor:pointer;background:linear-gradient(#f3d488,#c4943f 48%,#8f6424 52%,#c79a48);border:1px solid #f6dc95;border-radius:3px;padding:0 26px;font-size:19px;font-weight:800;transition:filter .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px #fffadcb3,inset 0 -2px 4px #3c1e0080,0 0 0 1px #2a1a06,0 0 18px #ffaa4640}#login button[type=submit]:hover{filter:brightness(1.08);box-shadow:inset 0 1px #fffadcb3,inset 0 -2px 4px #3c1e0080,0 0 0 1px #2a1a06,0 0 26px #ffaa4680}#login button[type=submit]:active{filter:brightness(.95)}#login button[type=submit]:disabled{filter:grayscale(.6)brightness(.7);cursor:wait}#login button[type=submit]:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}#login-error{min-height:1.2em;color:var(--danger);margin:0;font-size:13px}#login-error:empty{min-height:0}.sel-note{color:#8a8478;margin:0;font-size:12px;line-height:1.5}#login #odds-link{justify-self:start;min-height:32px;padding:0 2px}@media (width>=900px) and (height>=521px) and (aspect-ratio>=5/4){.sel-stage{--icon:clamp(54px, 9.4vh, 84px);--hero-h:min(87dvh, 1100px);padding:clamp(14px, 3vh, 32px) clamp(20px, 3vw, 44px) calc(clamp(14px, 3vh, 32px) + var(--kb,0px));grid-template:"title hero side""list hero side"minmax(0,1fr)/clamp(150px,14vw,200px) minmax(0,1fr) clamp(380px,36vw,520px);align-content:stretch;gap:0 clamp(12px,2vw,32px);overflow:hidden}.sel-stage .sel-title{align-self:start}.sel-stage .sel-emblem{width:clamp(30px,4.6vh,42px)}:is(#login,#auth) .sel-stage h1{font-size:clamp(24px,3.6vh,34px)}:is(#login,#auth) .sel-stage .sub{font-size:clamp(9px,1.2vh,11px)}.sel-top{grid-area:hero;place-self:start center}.sel-hero{height:auto}.sel-hero-img{margin-bottom:1dvh}.sel-hero-tag{bottom:1dvh}.sel-aura{inset:4% 0 0}.sel-ground{height:5%;bottom:1.6dvh}.sel-list{flex-direction:column;justify-content:center;align-self:center;gap:clamp(10px,2.6vh,28px);padding:4px;overflow:visible}.class-card{flex-direction:row;gap:12px}.ci-name{letter-spacing:.06em;font-size:clamp(15px,2.2vh,20px)}.cc-gmark{width:20px;height:20px;font-size:13px}.sel-side{scrollbar-width:thin;place-self:center stretch;gap:clamp(10px,2vh,20px);width:auto;max-height:100%;padding:clamp(16px,3vh,30px) clamp(18px,2vw,32px) clamp(14px,2.4vh,26px);overflow-y:auto}.si-name{font-size:clamp(30px,5.4vh,48px)}.si-desc{margin-top:8px;font-size:clamp(13px,1.9vh,15.5px)}.si-toggle{display:none}.sel-info .si-more{margin-top:clamp(10px,2.2vh,22px);display:block}.si-stats{gap:clamp(8px,1.7vh,16px) 28px}.si-stat{font-size:clamp(13px,1.9vh,15px)}.si-label{margin-top:clamp(12px,2.2vh,22px);font-size:clamp(12px,1.7vh,14px)}.si-skills{gap:clamp(8px,1.6vh,14px) 20px}.si-skill{font-size:clamp(13px,1.9vh,15px)}.sel-form{padding-top:clamp(12px,2.2vh,22px)}#login .sel-fields{grid-template-columns:1.3fr 1fr}#login #name,#login button[type=submit],#login-error,.sel-note,#login #odds-link{grid-column:1/-1}#login #odds-link{justify-self:end}}@media (width>=900px) and (height>=521px) and (aspect-ratio>=5/4) and (pointer:fine){#login input[type=text],#login input:not([type]),#login input[type=password]{font-size:14px}}@media (height<=520px) and (orientation:landscape) and (width>=540px){.sel-stage{--icon:clamp(40px, calc((100dvh - 36px - (var(--n,5) - 1) * 6px) / var(--n,5)), 62px);--hero-h:calc(100dvh - 76px);padding:max(10px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) calc(10px + var(--kb,0px)) max(12px, env(safe-area-inset-left,0px));grid-template:"list head side""list hero side"minmax(0,1fr)/auto minmax(0,1fr) clamp(260px,40vw,360px);align-content:stretch;gap:6px 12px;overflow:hidden}.sel-stage .sel-title,.sel-top{grid-area:head}.sel-stage .sel-emblem{width:26px}:is(#login,#auth) .sel-stage h1{letter-spacing:.08em;font-size:17px}:is(#login,#auth) .sel-stage .sub{display:none}.sel-hero{height:auto}.sel-aura{inset:0}.sel-list{flex-direction:column;justify-content:center;align-self:stretch;gap:6px;padding:8px 4px;overflow:hidden auto}.class-card{flex-direction:row;gap:7px}.ci-name{font-size:12.5px}.cc-gmark{width:16px;height:16px;font-size:11px}.gp-opt{min-width:76px;padding:0 10px;font-size:12.5px}.gp-mark{font-size:15px}.sel-side{scrollbar-width:thin;place-self:stretch stretch;gap:8px;width:auto;padding:10px 12px;overflow-y:auto}.si-name{font-size:22px}.si-desc{-webkit-line-clamp:2;line-clamp:2;margin-top:3px;font-size:12.5px;line-height:1.4}.sel-form{gap:8px;padding-top:8px}#login input[type=text],#login input:not([type]),#login input[type=password]{padding:8px 10px}#login button[type=submit]{min-height:44px}.sel-note{display:none}#login #odds-link{justify-self:center;min-height:44px}}@media (orientation:portrait){.sel-stage{--icon:clamp(48px, calc((100vw - 36px - (var(--n,5) - 1) * 8px) / var(--n,5)), 60px);--rest:446px;--hero-h:clamp(max(26dvh, 150px), calc(100dvh - var(--rest) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)), min(42dvh, 520px));padding-top:calc(6px + env(safe-area-inset-top,0px));gap:4px 10px}.gender-pick{padding:2px}.sel-list{padding:4px 2px 2px}.class-card{gap:3px}.ci-name{font-size:12px}.sel-side{gap:6px;padding:8px 12px 10px}.si-name{font-size:26px}.si-desc{margin-top:0;font-size:13px}.sel-info[data-open=false] .si-desc{-webkit-line-clamp:1;line-clamp:1}.sel-form{gap:6px;padding-top:8px}#login .sel-fields{gap:6px}#login input[type=text],#login input:not([type]),#login input[type=password],.sel-form .auth-input{box-sizing:border-box;min-height:44px;padding-block:0}#login button[type=submit],.sel-form .auth-gold{min-height:48px}}@media (width<=420px){.sel-stage .sel-emblem{width:28px}:is(#login,#auth) .sel-stage h1{letter-spacing:.1em;font-size:20px}:is(#login,#auth) .sel-stage .sub{letter-spacing:.34em;font-size:9px}.gp-opt{min-width:0;padding:0 12px}}@media (width<=380px){.sel-stage{--icon:clamp(46px, calc((100vw - 28px - (var(--n,5) - 1) * 6px) / var(--n,5)), 60px);padding-inline:calc(12px + env(safe-area-inset-left,0px)) calc(12px + env(safe-area-inset-right,0px))}.sel-list{gap:6px}}@media (width<=340px){.sel-stage .sel-title{grid-template-columns:auto}.sel-stage .sel-emblem{display:none}}@media (height<=520px) and (orientation:landscape) and (width>=540px) and (width<=799px){.sel-stage .sel-emblem{width:30px}.sel-stage .sel-title h1,.sel-stage .sel-title .sub{display:none}}@media (height<=520px) and (orientation:landscape) and (width>=540px) and (width<=639px){.sel-stage .sel-emblem,.gp-name{display:none}.gp-opt{min-width:52px;padding:0 10px}}@media (width<=520px){.sel-inner{gap:8px}.sel-inner>.sel-title>.sel-emblem{width:46px}}@media (height<=520px) and (orientation:landscape){.sel-inner{padding:10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));grid-template-rows:auto 1fr;grid-template-columns:minmax(250px,300px) 1fr;align-content:center;gap:6px 12px;display:grid}.sel-inner>.sel-title{grid-area:1/1}.sel-inner>.sel-title>.sel-emblem{width:44px}}@keyframes sel-bg-in{0%{opacity:0;scale:1.14}}@keyframes sel-drift{to{translate:-1.5% 1%;scale:1.12}}@keyframes sel-fog{to{transform:translate(-50%)}}@keyframes sel-ember{0%{opacity:0;transform:translate(0)}10%{opacity:var(--o)}80%{opacity:calc(var(--o) * .7)}to{opacity:0;transform:translate(var(--drift), -95vh)}}@keyframes sel-rise{0%{opacity:0;translate:0 -14px}}@keyframes sel-fade{0%{opacity:0}}@keyframes sel-item-in{0%{opacity:0;translate:-18px}}@keyframes sel-hero-in{0%{opacity:0;translate:22px;scale:.985}}@keyframes sel-hero-out{to{opacity:0;translate:-22px}}@keyframes sel-bar{0%{transform:scaleX(0)}}@keyframes sel-shine{0%{background-position:-200% 0,0 0}22%,to{background-position:300% 0,0 0}}@media (prefers-reduced-motion:reduce){#login *,#login :before,#login :after{transition:none!important;animation:none!important}.sel-embers{display:none}}#rotate-hint{z-index:60;padding:max(16px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:manipulation;background:#060709db;place-items:center;animation:.3s ease-out backwards rh-in;display:grid;position:fixed;inset:0;overflow-y:auto}#rotate-hint[hidden]{display:none}.rh-card{text-align:center;word-break:keep-all;background:linear-gradient(#211d18fa,#0e0c0afa);border:1px solid #d6b05c8c;border-radius:10px;flex-direction:column;align-items:center;gap:8px;width:min(340px,100%);padding:20px 18px 16px;display:flex;box-shadow:inset 0 0 0 1px #000000b3,inset 0 0 0 2px #f2c86b24,0 18px 48px #000000b3}.rh-icon{fill:none;stroke-linecap:round;stroke-linejoin:round;width:120px;height:120px;margin:-4px 0 -2px;overflow:visible}.rh-arc,.rh-head{stroke:var(--gold,#f2c86b);stroke-width:3px;opacity:.9}.rh-body{fill:#15130f;stroke:#e8d6a6;stroke-width:3px}.rh-screen{fill:#f2c86b33;stroke:#f2c86b8c;stroke-width:1px}.rh-home{fill:#e8d6a6}.rh-phone{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite rh-turn}#rotate-hint h2{color:#fff1c8;margin:4px 0 0;font-size:22px;line-height:1.25}.rh-lead,.rh-tip,.rh-note{color:#d8d0c0;margin:0;font-size:14px;line-height:1.5}.rh-tip,.rh-home-tip{color:var(--muted,#9a958b);font-size:12.5px}.rh-home-tip[hidden]{display:none}.rh-note{color:var(--danger,#e07a6b);font-size:12.5px}.rh-note:empty{display:none}.rh-buttons{flex-direction:column;gap:8px;width:100%;margin-top:6px;display:flex}.rh-btn{width:100%;min-height:48px;font:inherit;color:var(--text,#e8e4dc);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0006;border:1px solid #d6b05c66;border-radius:8px;padding:0 14px;font-size:15px;font-weight:600}.rh-btn[hidden]{display:none}.rh-fs{color:#2a1d08;background:linear-gradient(#f2d48a,#b88a34);border-color:#e7c06a}.rh-stay{color:#cfc6b4;font-weight:500}.rh-btn:active{filter:brightness(1.15)}@keyframes rh-turn{0%,18%{transform:rotate(0)}48%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes rh-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.rh-phone{animation:none;transform:rotate(-90deg)}#rotate-hint{animation:none}}@media (width<=320px),(height<=600px){.rh-icon{width:96px;height:96px}#rotate-hint h2{font-size:19px}}#status:has(>.portrait){width:min(318px,100% - 24px);min-height:86px;padding-left:82px}#status>.portrait{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;background:#111;border:2px solid #c9a04e;border-radius:50%;width:62px;height:62px;position:absolute;top:10px;left:10px;box-shadow:0 0 0 1px #1a1208,0 0 0 3px #f2c86b40,0 0 12px #ffaa4640}#status[data-low=true]>.portrait{border-color:#c0503d}@media (width<=720px){#status:has(>.portrait){width:min(260px,100% - 24px);min-height:70px;padding-left:62px}#status>.portrait{width:46px;height:46px}}html.touch #status:has(>.portrait){width:226px;min-height:0;padding-left:56px}html.touch #status>.portrait{width:40px;height:40px;top:8px;left:8px}@media (orientation:portrait){html.touch #status:not([hidden]):has(>.portrait){width:auto;padding-left:56px}html.touch #status>.portrait{width:40px;height:40px;top:50%;translate:0 -50%}}:root{--frame-bg:linear-gradient(180deg, #211d18f7, #110f0df7 55%, #0b0a09fa);--frame-gold:linear-gradient(155deg, #f7df9c, #9a7428 20%, #dcb65e 45%, #6c4f1f 72%, #c99f4a);--frame-inner:#f2c86b29;--frame-line:#d6b05c3d;--frame-radius:6px;--frame-shadow:0 18px 48px #0000009e, 0 2px 6px #00000080;--frame-corner:30px;--title-font:"Nanum Myeongjo", "AppleMyungjo", "Batang", serif;--title-color:#f0cf7a;--grade-common:#a39d90;--grade-uncommon:#5fc456;--grade-rare:#4c9af2;--grade-epic:#bb72f2;--slot-bg:linear-gradient(180deg, #25211c, #110f0d);--slot-edge:#82705466}[data-grade]{--g:var(--grade-common)}[data-grade=uncommon]{--g:var(--grade-uncommon)}[data-grade=rare]{--g:var(--grade-rare)}[data-grade=epic]{--g:var(--grade-epic)}.ac-window:not(#_){--line:var(--frame-line);isolation:isolate;background:var(--frame-bg) padding-box, var(--frame-gold) border-box;border-radius:var(--frame-radius);box-shadow:inset 0 0 0 1px #000000b8, inset 0 0 0 2px var(--frame-inner), inset 0 0 28px #0000008c, var(--frame-shadow);border:1px solid #0000}.ac-window:before{content:"";z-index:-1;pointer-events:none;background:url(/icons/ui/96/corner-tl.webp) left top / var(--frame-corner) no-repeat, url(/icons/ui/96/corner-tr.webp) right top / var(--frame-corner) no-repeat, url(/icons/ui/96/corner-bl.webp) left bottom / var(--frame-corner) no-repeat, url(/icons/ui/96/corner-br.webp) right bottom / var(--frame-corner) no-repeat;filter:drop-shadow(0 1px 1px #000000b3);position:absolute;inset:-3px}.ac-head,.ac-window :is(.bag-head,.shop-head,.guild-head,.stall-head,.trade-head,.odds-head){border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#0000,#d6b05c8c 18%,#f7df9cbf 50%,#d6b05c8c 82%,#0000) 1;padding-bottom:7px}.ac-title,.ac-window :is(.bag-head>b,.shop-title,.guild-title,.stall-head b,.trade-head b,.odds-head b),.ac-window:not(#_)>strong:first-child{font-family:var(--title-font);letter-spacing:.04em;color:var(--title-color);text-shadow:0 1px #000,0 0 10px #f2c86b38;font-weight:700}.ac-close,.ac-window :is(.shop-close,.guild-close,.stall-close,.odds-head button){color:#c9a560;background:#00000059;border:1px solid #d6b05c59}.ac-close:hover,.ac-window :is(.shop-close,.guild-close,.stall-close,.odds-head button):hover{color:#fff1c8;border-color:#d8b25a}.ac-btn.primary,.ac-window:not(#_) :is(button.go,button.primary,.stall-primary){color:#fff3d6;text-shadow:0 1px #000000b3;background:linear-gradient(#94722e,#5c4419);border:1px solid #c9a04a;box-shadow:inset 0 1px #fff0c847,0 1px 2px #00000080}.ac-btn.primary:hover:not(:disabled),.ac-window:not(#_) :is(button.go,button.primary,.stall-primary):hover:not(:disabled){filter:brightness(1.12)}.ac-slot:not(#_){background:radial-gradient(circle at 50% 38%, #ffffff0d, transparent 62%), var(--slot-bg);border:1px solid var(--slot-edge);border-radius:4px;position:relative;box-shadow:inset 0 0 0 1px #000000bf,inset 0 2px 6px #0009}.ac-slot[data-grade]:not(#_){background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--g) 24%, transparent), transparent 72%), var(--slot-bg);border-color:color-mix(in srgb, var(--g) 82%, #000);box-shadow:inset 0 0 0 1px #000000b3, inset 0 0 7px color-mix(in srgb, var(--g) 32%, transparent)}.ac-slot:is([data-grade=rare],[data-grade=epic]):not(#_){box-shadow:inset 0 0 0 1px #0009, inset 0 0 10px color-mix(in srgb, var(--g) 45%, transparent), 0 0 5px color-mix(in srgb, var(--g) 35%, transparent)}.ac-slot[data-grade]:hover{border-color:color-mix(in srgb, var(--g) 70%, #fff)}.ac-slot .item-icon:not(#_){object-fit:contain;width:90%;height:90%;box-shadow:none;filter:drop-shadow(0 2px 2px #000000a6);background:0 0;border:0;padding:0}.ac-slot[data-grade]:hover .item-icon{filter:drop-shadow(0 2px 2px #000000a6)brightness(1.15)}.ac-slot .enchant:not(#_){letter-spacing:-.02em;color:#fff0c4;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,0 1px 3px #000;font-size:10px;font-weight:800;line-height:1;position:absolute;top:1px;left:2px}.enchant[data-tier=mid],.trade-enchant[data-tier=mid],.stall-icon i[data-tier=mid]{color:#ffc94a}.enchant[data-tier=high],.trade-enchant[data-tier=high],.stall-icon i[data-tier=high]{color:#ff9a3c}.ac-slot .enchant[data-tier=mid]:not(#_){color:#ffc94a}.ac-slot .enchant[data-tier=high]:not(#_){color:#ff9a3c;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,0 0 6px #ff7828e6}.ac-slot .count:not(#_){font-variant-numeric:tabular-nums;color:#f4efe4;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;font-size:10px;font-weight:700;line-height:1;position:absolute;bottom:1px;right:2px}.ac-slot[data-equipped=true]:after{content:"E";text-align:center;color:#2a1d08;pointer-events:none;background:linear-gradient(#ffe7a6,#c39032);border-radius:2px;width:11px;height:11px;font-size:8px;font-weight:800;line-height:11px;position:absolute;top:1px;right:1px;box-shadow:0 0 0 1px #000000a6}.item-icon{box-sizing:border-box;object-fit:contain;background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--g,#a39d90) 26%, transparent), transparent 74%), #15130f;border:1px solid color-mix(in srgb, var(--g,#a39d90) 78%, #000);border-radius:3px;padding:1px;box-shadow:inset 0 0 4px #000c}.item-icon:is([data-grade=rare],[data-grade=epic]){box-shadow:inset 0 0 4px #000c, 0 0 4px color-mix(in srgb, var(--g) 45%, transparent)}.ac-window:is(.trade-menu,.trade-ask,.guild-ask,#scroll-pick){--frame-corner:20px}:root{--boss-ember:#e8833a;--boss-ember-dark:#b23a24}.boss-bar{z-index:3;background:var(--panel);border:1px solid var(--line);width:min(440px,100% - 24px);color:var(--text);pointer-events:none;border-radius:4px;flex-direction:column;gap:5px;padding:6px 10px 8px;font-size:12px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.boss-bar[hidden]{display:none}.boss-head{align-items:baseline;gap:8px;min-width:0;display:flex}.boss-name{min-width:0;color:var(--gold);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.boss-state{color:var(--danger);font-weight:700}.boss-state:empty{display:none}.boss-pct{color:var(--muted);font-variant-numeric:tabular-nums}.boss-meter{background:#0009;border:1px solid #000000b3;border-radius:2px;height:12px;position:relative;overflow:hidden}.boss-meter i{width:100%;position:absolute;inset:0 auto 0 0}.boss-lag{background:#f2e6c88c;transition:width .6s ease-in .35s}.boss-fill{background:linear-gradient(180deg, var(--boss-ember) 0%, var(--boss-ember-dark) 100%);transition:width .12s linear;box-shadow:inset 0 1px #ffdca066}.boss-bar[data-enraged=true]{border-color:color-mix(in srgb, var(--danger) 70%, transparent);animation:.9s ease-in-out infinite alternate boss-rage}.boss-bar[data-enraged=true] .boss-fill{background:linear-gradient(#ff6a3a 0%,#8f1e14 100%)}.boss-bar[data-dead=true]{opacity:.7;animation:none}.boss-bar[data-dead=true] .boss-state{color:var(--muted)}@keyframes boss-rage{0%{box-shadow:0 8px 28px #00000073}to{box-shadow:0 8px 28px #00000073,0 0 14px #e0705d8c}}@media (prefers-reduced-motion:reduce){.boss-bar[data-enraged=true]{animation:none}.boss-lag,.boss-fill{transition:none}}@media (width<=720px){.boss-name{font-size:13px}.boss-meter{height:10px}}body.in-tower .boss-bar{top:128px}.ops-account-button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:3px;margin:-2px 0;padding:1px 8px;font-size:12px}.ops-account-button:hover{border-color:var(--gold);color:var(--gold)}.ops-announce{z-index:40;text-align:center;overflow-wrap:anywhere;max-width:min(720px,100% - 32px);color:var(--gold);text-shadow:0 2px 4px #000,0 0 10px #000000e6;pointer-events:none;opacity:0;background:#0a0b0dc7;border:1px solid #f2c86b8c;border-radius:6px;padding:12px 22px;font-size:clamp(17px,4.2vw,26px);font-weight:700;line-height:1.4;transition:opacity .4s,transform .4s;position:fixed;top:20%;left:50%;transform:translate(-50%,-8px)}.ops-announce.on{opacity:1;transform:translate(-50%)}.ops-who{z-index:30;width:min(460px,100% - 24px);max-height:62vh;color:var(--text);border:1px solid var(--line);background:#101215f7;border-radius:4px;padding:8px 10px;font-size:12px;position:fixed;top:64px;left:50%;overflow:auto;transform:translate(-50%)}.ops-who-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.ops-who-head b{color:var(--gold);flex:1;font-size:13px}.ops-who button,.ops-password button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:3px;padding:3px 10px}.ops-who button:hover,.ops-password button:hover:not(:disabled){border-color:var(--gold)}.ops-who table{border-collapse:collapse;width:100%}.ops-who th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);font-weight:600}.ops-who th,.ops-who td{white-space:nowrap;padding:3px 4px}.ops-who td:last-child{white-space:normal;color:var(--gold)}.ops-who tbody tr:nth-child(2n){background:#ffffff08}.ops-who-hint{color:var(--muted);margin:6px 0 0}.ops-password{z-index:35;width:min(300px,100% - 32px);color:var(--text);border:1px solid var(--line);background:#101215fa;border-radius:4px;flex-direction:column;gap:8px;margin:0;padding:14px 14px 12px;font-size:13px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ops-password b{color:var(--gold)}.ops-password input{font:inherit;color:var(--text);border:1px solid var(--line);background:#00000059;border-radius:3px;padding:7px 9px}.ops-password-msg{min-height:1.3em;color:var(--muted);margin:0;font-size:12px}.ops-password-msg[data-ok=false]{color:var(--danger)}.ops-password-msg[data-ok=true]{color:#a8d0a0}.ops-password-buttons{justify-content:flex-end;gap:6px;display:flex}.ops-password button:disabled{opacity:.5;cursor:default}#chat{--chat-shout:#f0a35a;--chat-whisper:#f2a6cf}.chat-lines,.chat-form{width:min(440px,100% - 388px);position:fixed;left:max(284px,50% - 220px)}.chat-lines{pointer-events:none;flex-direction:column;gap:2px;display:flex;bottom:52px}.chat-lines p{color:var(--text);overflow-wrap:anywhere;text-shadow:0 1px 2px #000,0 0 4px #000;margin:0;font-size:13px;line-height:1.4;transition:opacity 1.5s}.chat-lines p b{font-weight:600}.chat-lines p[data-ch=shout]{color:var(--chat-shout)}.chat-lines p[data-ch=whisper],.chat-lines p[data-ch=whisper-to]{color:var(--chat-whisper)}.chat-lines p[data-ch=notice]{color:var(--gold);font-weight:600}.chat-lines p.old{opacity:.35}.chat-lines.typing p.old{opacity:1}.chat-form{z-index:10;margin:0;bottom:12px}.chat-form[hidden]{display:none}.chat-form input{width:100%;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:8px 10px;font-size:14px}.chat-form input:focus{outline:1px solid var(--gold)}.chat-form input::placeholder{color:var(--muted)}@media (width<=720px){.chat-lines{width:min(360px,100% - 24px);top:76px;bottom:auto;left:12px}.chat-form{width:calc(100% - 24px);left:12px}}:root{--guild-green:#8fd18a}.chat-lines p[data-ch=guild]{color:var(--guild-green)}.guild-panel{z-index:6;background:var(--panel);border:1px solid var(--line);width:min(380px,100% - 24px);max-height:calc(100% - 140px);color:var(--text);border-radius:4px;flex-direction:column;gap:8px;padding:10px;font-size:13px;display:flex;position:fixed;top:64px;right:12px;box-shadow:0 12px 40px #00000080}.guild-panel[hidden]{display:none}.guild-head{align-items:center;gap:8px;min-width:0;display:flex}.guild-head-emblem:empty{display:none}.guild-head-emblem svg{display:block}.guild-title{min-width:0;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.guild-close{width:26px;height:26px;font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0;font-size:12px}.guild-close:hover{color:var(--text)}.guild-body{flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.guild-note,.guild-hint,.guild-foot{color:var(--muted);overflow-wrap:anywhere;margin:0}.guild-note[data-poor=true]{color:var(--danger)}.guild-hint{font-size:12px}.guild-foot{text-align:right;font-size:11px}.guild-section h4,.guild-relation h4{color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:600}.guild-label{color:var(--muted);font-size:12px}.guild-panel button,.guild-ask button{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#00000059;border-radius:4px;padding:6px 12px}.guild-panel button:hover,.guild-ask button:hover{border-color:#f2e6c859}.guild-panel button.primary,.guild-ask button.primary{border-color:var(--gold);color:var(--gold);background:#f2c86b2e;font-weight:600}.guild-panel button.danger{color:var(--danger);border-color:#e07a6b99}.guild-panel input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--line);background:#00000059;border-radius:3px;padding:7px 8px}.guild-panel input:focus{outline:1px solid var(--gold)}.guild-panel input::placeholder{color:var(--muted)}.guild-create{flex-direction:column;gap:8px;display:flex}.guild-preview{border:1px solid var(--line);background:#00000040;border-radius:3px;align-items:center;gap:10px;padding:8px;display:flex}.guild-preview b{min-width:0;color:var(--gold);text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.guild-preview svg{flex:none}.guild-colors,.guild-symbols{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.guild-panel .guild-color{aspect-ratio:1;border:2px solid #00000080;border-radius:4px;padding:0}.guild-panel .guild-symbol{aspect-ratio:1;background:#00000040;border-width:2px;border-color:#0000;place-items:center;padding:2px;display:grid}.guild-panel .guild-color[aria-pressed=true],.guild-panel .guild-symbol[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px #f2c86b66}.guild-symbol svg{max-width:100%;height:auto;display:block}.guild-members,.guild-relation ul{margin:0;padding:0;list-style:none}.guild-members{border:1px solid var(--line);background:#00000040;border-radius:3px;max-height:220px;overflow-y:auto}.guild-members li{align-items:center;gap:6px;min-height:32px;padding:3px 6px;display:flex}.guild-members li+li{border-top:1px solid #f2e6c80f}.guild-members li[data-online=false]{color:var(--muted)}.guild-dot{background:#4a4f55;border-radius:50%;flex:none;width:8px;height:8px}li[data-online=true] .guild-dot{background:var(--guild-green);box-shadow:0 0 4px #8fd18a99}.guild-member-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.guild-rank{border:1px solid var(--gold);color:var(--gold);border-radius:3px;margin-left:6px;padding:0 4px;font-size:10px;font-style:normal}.guild-member-detail{color:var(--muted);flex:none;margin-left:auto;font-size:12px}.guild-panel .guild-small{flex:none;padding:2px 8px;font-size:12px}.guild-relations{grid-template-columns:1fr 1fr;gap:8px;display:grid}.guild-relation{min-width:0}.guild-relation ul{flex-wrap:wrap;gap:4px;display:flex}.guild-relation li{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:4px;max-width:100%;padding:2px 8px;font-size:12px;display:inline-flex}.guild-relation[data-kind=ally] li:not(.guild-empty){color:var(--guild-green);border-color:#8fd18a80}.guild-relation[data-kind=enemy] li:not(.guild-empty){color:var(--danger);border-color:#e07a6b8c}.guild-relation li.guild-empty{color:var(--muted);border-style:dashed}.guild-panel .guild-chip-x{color:inherit;opacity:.7;background:0 0;border:0;padding:0 2px;font-size:10px}.guild-panel .guild-chip-x:hover{opacity:1}.guild-relation-form{gap:6px;display:flex}.guild-relation-form input{flex:1}.guild-actions{justify-content:flex-end;gap:6px;display:flex}.guild-ask{z-index:20;background:var(--panel);border:1px solid var(--guild-green);text-align:center;width:min(300px,100% - 24px);color:var(--text);border-radius:4px;padding:12px;font-size:14px;position:fixed;top:168px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000080}.guild-ask p{overflow-wrap:anywhere;margin:0 0 10px}.guild-ask .guild-actions{justify-content:center}@media (width<=720px){.guild-panel{width:auto;max-height:calc(100% - 226px);padding:8px;top:76px;left:12px;right:12px}.guild-members{max-height:160px}.guild-relations{grid-template-columns:1fr}.guild-member-detail{font-size:11px}.guild-ask{top:180px}}.minimap{z-index:2;position:fixed;top:12px;right:12px}.minimap-canvas{border:1px solid var(--line);cursor:pointer;touch-action:none;background:#0b0f12;border-radius:4px;display:block;box-shadow:0 8px 24px #00000073}.minimap-tools{gap:3px;display:flex;position:absolute;top:4px;right:4px}.minimap-btn{width:22px;height:20px;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#0a0c0ebf;border-radius:3px;padding:0;font-size:13px;line-height:1}.minimap-btn:hover{border-color:#f2e6c866}.minimap-open{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:6px 10px;font-size:12px}.minimap-open:hover{border-color:#f2e6c866}.minimap[data-mode=mini] .minimap-open,.minimap[data-mode=folded] .minimap-canvas,.minimap[data-mode=folded] .minimap-tools{display:none}.minimap-full{z-index:15;background:#00000061;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.minimap-full[hidden]{display:none}.minimap-full-panel{width:min(1120px,100%);height:min(700px,100dvh - 24px);color:var(--text);flex-direction:column;gap:6px;padding:10px 12px 12px;font-size:12px;display:flex;position:relative;overflow:hidden}.minimap-full-head{flex:none;align-items:center;gap:10px;min-width:0;display:flex}.minimap-full-hint{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.minimap-close{width:28px;height:28px;font:inherit;cursor:pointer;border-radius:4px;flex:none;padding:0;font-size:18px;line-height:1}[data-tone=high]{--tone:#e5533d}[data-tone=near]{--tone:#e7c34a}[data-tone=low]{--tone:#8d9299}.wm-tabs{scrollbar-width:none;border-bottom:1px solid var(--line);flex:none;gap:4px;display:flex;overflow-x:auto}.wm-tabs::-webkit-scrollbar{display:none}.wm-tab{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff08;border-bottom:0;border-radius:4px 4px 0 0;flex:none;padding:6px 16px;font-size:13px;position:relative}.wm-tab:hover{color:var(--text)}.wm-tab[aria-selected=true]{color:var(--gold);background:#f2c86b1f;border-color:#f2c86b80;font-weight:700}.wm-tab.here:after{content:"";background:var(--gold);width:6px;height:6px;box-shadow:0 0 4px var(--gold);border-radius:50%;position:absolute;top:5px;right:5px}.wm-body{flex:1;grid-template-columns:minmax(0,1fr) 312px;gap:8px;min-height:0;display:grid}.minimap-full[data-side=closed] .wm-body{grid-template-columns:minmax(0,1fr)}.minimap-full[data-side=closed] .wm-side{display:none}.wm-mapcol{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.wm-mapwrap{border:1px solid var(--line);background:#0b0f12;border-radius:4px;flex:1;min-height:0;position:relative;overflow:hidden}.minimap-full-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.wm-tools{z-index:2;gap:4px;display:flex;position:absolute;top:8px;right:8px}.wm-tool{min-width:30px;height:28px;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#0a0c0ed1;border-radius:3px;padding:0 8px;font-size:13px;line-height:1}.wm-tool:hover{border-color:#f2e6c880}.wm-side-btn{height:28px;font:inherit;color:var(--gold);cursor:pointer;background:#f2c86b1a;border:1px solid #f2c86b73;border-radius:4px;flex:none;padding:0 12px;font-size:12px}.wm-side-btn[hidden]{display:none}.wm-tip{z-index:3;pointer-events:none;background:#0e0c09f5;border:1px solid #d6b05c99;border-radius:5px;width:max-content;max-width:min(300px,100% - 16px);padding:7px 10px 8px;font-size:12px;line-height:1.5;position:absolute;top:0;left:0;box-shadow:0 8px 24px #0009}.wm-tip[hidden]{display:none}.wm-tip p{color:var(--text);margin:2px 0 0}.wm-tip-head{align-items:center;gap:8px;display:flex}.wm-tip-head b{color:var(--gold);font-size:13px}.wm-tip .wm-tip-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:4px;padding-top:3px;font-size:11px}.wm-lv{text-align:center;white-space:nowrap;color:#1a1410;background:var(--tone,#6b665c);border-radius:3px;flex:none;min-width:64px;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.5}.wm-legend{border:1px solid var(--line);color:var(--muted);background:#00000047;border-radius:4px;flex:none;padding:3px 8px}.wm-legend>summary{cursor:pointer;color:var(--gold);font-weight:700;list-style:none}.wm-legend>summary::-webkit-details-marker{display:none}.wm-legend>summary:before{content:"▸ "}.wm-legend[open]>summary:before{content:"▾ "}.wm-legend-grid{flex-wrap:wrap;gap:0 14px;margin-top:2px;display:flex}.wm-lg{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.wm-lg-ico{flex:none}.wm-side{flex-direction:column;gap:6px;min-height:0;display:flex}.wm-me{border:1px solid var(--line);background:#ffffff0a;border-radius:4px;flex-wrap:wrap;flex:none;align-items:center;gap:2px 10px;padding:5px 8px;font-size:11.5px;display:flex}.wm-me-lv{color:var(--gold);font-weight:700}.wm-me-tone{color:var(--tone);font-weight:700}.wm-list,.wm-detail{overscroll-behavior:contain;border:1px solid var(--line);scrollbar-width:thin;background:#00000042;border-radius:4px;min-height:0;overflow-y:auto}.wm-list{flex:42%;min-height:96px}.wm-detail{flex:58%;min-height:120px;padding:8px 10px 12px}.wm-group-head{z-index:1;color:var(--gold);border-bottom:1px solid var(--line);cursor:pointer;background:#2a2418;justify-content:space-between;align-items:center;padding:5px 8px;font-weight:700;list-style:none;display:flex;position:sticky;top:0}.wm-group-head::-webkit-details-marker{display:none}.wm-group-head b:before{content:"▾ ";color:var(--muted)}.wm-group:not([open]) .wm-group-head b:before{content:"▸ "}.wm-count{color:var(--muted);font-size:11px;font-weight:400}.wm-item{width:100%;min-height:38px;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:5px 8px;display:flex}.wm-item:hover{background:#ffffff12}.wm-item.on{box-shadow:inset 3px 0 0 var(--gold);background:#f2c86b2b}.wm-item.sub{padding-left:22px}.wm-ico{flex:none}.wm-text{flex-direction:column;min-width:0;display:flex}.wm-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.wm-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.wm-empty{color:var(--muted);margin:0;line-height:1.6}.wm-d-head{align-items:center;gap:8px;display:flex}.wm-d-name{font-family:var(--title-font);color:var(--title-color);font-size:15px}.wm-d-tone{color:var(--tone);margin:4px 0 0}.wm-d-acts{flex-wrap:wrap;gap:6px;margin:8px 0 2px;display:flex}.wm-btn{min-height:28px;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:4px;padding:3px 10px}.wm-btn:hover:not(:disabled){border-color:#f2e6c880}.wm-btn.primary{color:#fff3d6;background:linear-gradient(#94722e,#5c4419);border-color:#c9a04a}.wm-btn:disabled{opacity:.45;cursor:default}.wm-d-why{color:var(--danger);margin:2px 0 0;font-size:11px}.wm-d-lines{margin:8px 0 0;padding-left:16px;line-height:1.55}.wm-d-lines li{margin-bottom:2px}.wm-detail h4{color:var(--gold);border-bottom:1px solid var(--line);margin:12px 0 4px;padding-bottom:2px;font-size:12px}.wm-note{color:var(--muted);margin:4px 0;font-size:11px;line-height:1.5}.wm-table{border-collapse:collapse;width:100%;font-size:11.5px}.wm-table th{white-space:nowrap;text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:3px 4px;font-weight:600}.wm-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:3px 4px}.wm-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.wm-table .dim{color:var(--muted)}.wm-table .nm{font-weight:600}.wm-drops{margin:4px 0}.wm-drops>summary{cursor:pointer;background:#ffffff0d;border-radius:3px;justify-content:space-between;padding:3px 4px;font-weight:700;display:flex}.wm-slot{vertical-align:middle;place-items:center;width:26px;height:26px;margin-right:6px;display:inline-grid}.wm-slot .item-icon{object-fit:contain;width:88%;height:88%}.wm-table td.item{white-space:nowrap}.wm-table td.item[data-grade=uncommon] .wm-iname{color:var(--grade-uncommon)}.wm-table td.item[data-grade=rare] .wm-iname{color:var(--grade-rare)}.wm-table td.item[data-grade=epic] .wm-iname{color:var(--grade-epic)}@media (width<=720px){.minimap-full{padding:6px}.minimap-full-panel{gap:4px;height:calc(100dvh - 12px);padding:8px}.wm-tab{padding:7px 12px}.minimap-full-hint{display:none}.wm-tool{min-width:36px;height:34px}.wm-item{min-height:42px}.wm-list,.wm-detail{min-height:56px}}@media (width<=720px) and (height>=521px){.wm-body{flex-direction:column;gap:6px;display:flex}.wm-mapcol{flex:1 1 0;min-height:140px}.minimap-full[data-side=open] .wm-mapcol{flex:0 0 38%}.wm-side{flex:1 1 0}}@media (height<=520px){.minimap-full{padding:4px}.minimap-full-panel{gap:3px;height:calc(100dvh - 8px);padding:6px 8px 8px}.wm-body{grid-template-columns:minmax(0,1fr) min(270px,46%);gap:6px;display:grid}.minimap-full[data-side=closed] .wm-body{grid-template-columns:minmax(0,1fr)}.minimap-full-hint{font-size:11px}.wm-tab{padding:4px 12px}.wm-tool{min-width:34px;height:30px}.wm-item{min-height:36px}.wm-list,.wm-detail{flex-basis:50%;min-height:56px}.wm-me{padding:2px 8px}}html.touch .wm-tool,html.touch .wm-side-btn{min-height:34px}:root{--party-blue:#7cc8ff}.chat-lines p[data-ch=party]{color:var(--party-blue)}.party-frame{left:12px;top:calc(var(--hud-bottom,46px) + 8px);z-index:5;width:196px;max-height:calc(100% - var(--hud-bottom,46px) - 300px);background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--party-blue);min-height:0;color:var(--text);border-radius:4px;flex-direction:column;gap:4px;padding:6px;font-size:12px;display:flex;position:fixed;overflow-y:auto}.party-frame[hidden]{display:none}.party-head{align-items:center;gap:6px;padding:0 2px;display:flex}.party-head b{color:var(--party-blue);font-weight:600}.party-count{color:var(--muted);font-size:11px}.party-leave{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:3px;margin-left:auto;padding:2px 7px;font-size:11px}.party-leave:hover{color:var(--danger);border-color:var(--danger)}.party-list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.party-row{align-items:stretch;gap:2px;display:flex;position:relative}.party-pick{min-width:0;font:inherit;text-align:left;color:inherit;cursor:pointer;background:#00000047;border:1px solid #0000;border-radius:3px;flex-direction:column;flex:1;gap:2px;padding:4px 5px;display:flex}.party-pick:hover{border-color:var(--line)}.party-row[aria-selected=true] .party-pick{border-color:var(--party-blue);box-shadow:inset 0 0 6px #7cc8ff4d}.party-top{align-items:baseline;gap:5px;min-width:0;display:flex}.party-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--party-blue);font-weight:600;overflow:hidden}.party-head b svg,.party-name svg{vertical-align:-1px;width:11px;height:9px;color:var(--gold);margin-right:3px}.party-level{color:var(--muted);flex:none;font-size:11px}.party-note{color:var(--muted);flex:none;margin-left:auto;font-size:10px}.party-note:empty{display:none}.party-bar{background:#0000008c;border-radius:2px;height:5px;display:block;position:relative;overflow:hidden}.party-bar.mp{height:3px}.party-bar i{transition:width .25s;position:absolute;inset:0 auto 0 0}.party-bar.hp i{background:linear-gradient(#c8443a,#842420)}.party-bar.mp i{background:linear-gradient(#5584dc,#24448e)}.party-row[data-state=far] .party-pick,.party-row[data-state=dead] .party-pick,.party-row[data-state=off] .party-pick{opacity:.55}.party-row[data-state=far] .party-note{color:var(--gold)}.party-row[data-state=dead] .party-note{color:var(--danger)}.party-more{width:20px;font:inherit;color:var(--muted);cursor:pointer;background:#00000047;border:1px solid #0000;border-radius:3px;flex:none;padding:0;font-size:13px;line-height:1}.party-more:hover{color:var(--text);border-color:var(--line)}.party-more[hidden]{display:none}.party-pop{z-index:31;background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;min-width:120px;padding:4px;font-size:13px;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.party-pop-name{border-bottom:1px solid var(--line);color:var(--party-blue);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;padding:4px 8px 6px;font-weight:600;overflow:hidden}.party-pop button{font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 8px}.party-pop button.danger{color:var(--danger)}.party-pop button:hover:not(:disabled){background:#f2e6c814}.party-pop button:disabled{color:var(--muted);cursor:default}.party-ask{z-index:20;background:var(--panel);border:1px solid var(--party-blue);text-align:center;width:min(300px,100% - 24px);color:var(--text);border-radius:4px;padding:12px;font-size:14px;position:fixed;top:278px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000080}.party-ask p{overflow-wrap:anywhere;margin:0 0 8px}.party-ask p b{color:var(--party-blue)}.party-ask-time{background:#00000080;border-radius:2px;height:3px;margin-bottom:10px;overflow:hidden}.party-ask-time i{background:var(--party-blue);transform-origin:0;height:100%;animation:linear forwards party-time;display:block}@keyframes party-time{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.party-actions{justify-content:center;gap:8px;display:flex}.party-actions button{min-width:72px;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#00000059;border-radius:4px;padding:7px 14px;font-size:13px}.party-actions button.primary{color:#08263a;background:var(--party-blue);border-color:var(--party-blue);font-weight:600}@media (prefers-reduced-motion:reduce){.party-ask-time i{animation:none}}@media (width<=720px){.party-frame{width:148px;top:calc(var(--hud-bottom,62px) + 6px);max-height:40vh;padding:4px;font-size:11px}.party-pick{padding:3px 4px}.party-level{font-size:10px}.party-more{width:18px}body.has-party .chat-lines{top:calc(var(--party-bottom,76px) + 6px)}.party-ask{top:290px}}#pvp-edge{pointer-events:none;border:2px solid #e0503d8c;animation:2.4s ease-in-out infinite alternate pvp-edge;position:fixed;inset:0;box-shadow:inset 0 0 70px #c81e1e73}@keyframes pvp-edge{0%{opacity:.55}to{opacity:1}}#pvp-badge{white-space:nowrap;text-overflow:ellipsis;cursor:help;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.4;overflow:hidden}#pvp-badge[data-flag=red]{color:#ffd9d3;border:1px solid var(--danger);background:#b41e1e73}#pvp-badge[data-flag=purple]{color:#ecdcff;background:#7846b466;border:1px solid #c99bff}#status[data-red=true] #st-detail{color:var(--danger)}#pvp-warn{z-index:30;text-align:center;background:var(--panel);border:1px solid var(--danger);width:min(320px,100% - 32px);color:var(--text);border-radius:6px;flex-direction:column;gap:10px;padding:16px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #0009}#pvp-edge[hidden],#pvp-badge[hidden],#pvp-warn[hidden]{display:none}#pvp-warn strong{color:var(--danger);font-size:16px}#pvp-warn p{margin:0;font-size:13px;line-height:1.5}#pvp-warn button{font:inherit;cursor:pointer;color:#fff3d6;background:#6b5220;border:1px solid #8a6a2a;border-radius:4px;padding:8px 12px;font-size:14px}.region-banner{z-index:4;pointer-events:none;opacity:0;text-align:center;white-space:nowrap;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;top:17%;left:50%;transform:translate(-50%)}.region-banner b{font-family:var(--title-font,inherit);letter-spacing:.08em;color:#f4e2b0;text-shadow:0 2px #000,0 0 14px #000000e6,0 0 28px #d6a04673;font-size:clamp(22px,4.2vw,38px);font-weight:700}.region-banner small{letter-spacing:.06em;color:#cfc4a8;text-shadow:0 1px #000,0 0 8px #000000e6;font-size:clamp(12px,1.8vw,15px)}.region-banner.on{animation:3.2s ease-out forwards region-banner}@keyframes region-banner{0%{opacity:0;letter-spacing:.02em;transform:translate(-50%,10px)}14%{opacity:1;transform:translate(-50%)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.region-banner.on{animation-duration:2.4s}}.skill-bar{--mana:#4a78d4;z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:4px;gap:4px;padding:3px;display:flex;position:fixed;bottom:12px;right:96px}.skill{width:44px;height:44px;font:inherit;color:var(--cls,var(--gold));border:1px solid color-mix(in srgb, var(--cls,var(--gold)) 45%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 35%,#ffffff14,#00000073);border-radius:4px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.skill:hover{border-color:var(--cls,var(--gold))}.skill:focus-visible{outline:1px solid var(--gold)}.skill svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;filter:drop-shadow(0 0 3px color-mix(in srgb, currentColor 60%, transparent))}.skill kbd{color:var(--text);text-shadow:0 1px 2px #000;border:0;padding:0 2px;font-size:10px;line-height:12px;position:absolute;top:1px;left:2px}.skill .cost{color:#9cc0ff;text-shadow:0 1px 2px #000;font-size:10px;line-height:12px;position:absolute;bottom:1px;right:2px}.skill .lock{color:var(--muted);background:#0009;place-items:center;font-size:11px;font-weight:600;display:none;position:absolute;inset:0}.skill .cd{background:conic-gradient(#000000b3 calc(var(--p,0) * 1turn), transparent 0);display:none;position:absolute;inset:0}.skill .cd-text{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;inset:0}.skill[data-cool=true] .cd{display:block}.skill[data-locked=true]{cursor:default}.skill[data-locked=true] svg{opacity:.25}.skill[data-locked=true] .lock{display:grid}.skill[data-nomp=true] svg{filter:grayscale();opacity:.45}.skill[data-nomp=true] .cost{color:var(--danger)}.skill .skill-art,.skill-buff .skill-art{object-fit:cover;pointer-events:none;border-radius:3px;width:100%;height:100%;position:absolute;inset:0}.skill:has(.skill-art){border-color:color-mix(in srgb, var(--cls,var(--gold)) 55%, #000);box-shadow:inset 0 0 0 1px #0009,0 0 0 1px #d6b05c59}.skill:has(.skill-art):hover{border-color:var(--cls,var(--gold))}.skill:hover .skill-art{filter:brightness(1.15)}.skill[data-locked=true] .skill-art{filter:grayscale()brightness(.5)}.skill[data-nomp=true] .skill-art{filter:grayscale(.85)brightness(.6)}.skill:has(.skill-art) :is(kbd,.cost){background:#0000008c;border-radius:2px}.skill-buff:has(.skill-art){overflow:hidden}.skill[data-casting=true]{border-color:var(--gold);box-shadow:inset 0 0 8px #f2c86b73}.skill-buffs{z-index:5;pointer-events:none;gap:3px;display:flex;position:fixed;bottom:66px;right:96px}.skill-buff{width:24px;height:24px;color:var(--fx,var(--gold));background:var(--panel);border:1px solid color-mix(in srgb, var(--fx,var(--gold)) 50%, transparent);border-radius:3px;place-items:center;display:grid;position:relative}.skill-buff[data-bad=true]{border-color:var(--danger)}.skill-buff svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.skill-buff b{color:var(--text);text-shadow:0 1px 2px #000;font-size:9px;position:absolute;bottom:-2px;right:0}@media (width<=720px){.skill-bar{flex-direction:column;bottom:96px;right:12px}.skill{width:42px;height:42px}.skill-buffs{flex-direction:column-reverse;bottom:96px;right:62px}}.approach-hint{left:50%;bottom:calc(var(--hp-h,156px) + 44px);z-index:30;color:#fff1c8;white-space:nowrap;pointer-events:none;background:#0c0a08e0;border:1px solid #d6b05c80;border-radius:14px;max-width:calc(100% - 24px);padding:5px 12px;font-size:12.5px;position:fixed;transform:translate(-50%)}.approach-hint[hidden]{display:none}html.touch .approach-hint{top:calc(var(--hud-b,56px) + 6px);bottom:auto}@media (orientation:portrait){html.touch .approach-hint{top:auto;bottom:calc(var(--pad-h,160px) + var(--status-h,70px) + 22px + var(--sab,0px))}}#scroll-pick{z-index:20;background:var(--panel);border:1px solid var(--gold);width:max-content;max-width:calc(100% - 24px);color:var(--text);border-radius:4px;align-items:center;gap:10px;padding:7px 8px 7px 14px;font-size:13px;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}#scroll-pick span{flex:auto;min-width:0}#scroll-ask{z-index:30;text-align:center;background:var(--panel);border:1px solid var(--line);width:min(300px,100% - 32px);color:var(--text);border-radius:6px;flex-direction:column;gap:10px;padding:16px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0009}#scroll-pick[hidden],#scroll-ask[hidden]{display:none}#scroll-ask strong{color:var(--gold);font-size:16px}#scroll-ask p{margin:0;font-size:13px}#scroll-ask .scroll-item{border:1px solid var(--line);background:#0000004d;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}#scroll-ask .scroll-item img{width:32px;height:32px}#scroll-ask .scroll-item b{color:var(--gold);white-space:nowrap}#scroll-ask .scroll-warn{color:var(--danger);font-weight:600}#scroll-ask .scroll-rate{color:var(--muted)}#scroll-ask .scroll-buttons{gap:8px;display:flex}#scroll-pick button,#scroll-ask button{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#00000059;border-radius:4px;padding:6px 12px;font-size:13px}#scroll-ask .scroll-buttons button{flex:1;padding:9px 12px}#scroll-ask button.go{color:#fff3d6;background:#6b5220;border-color:#8a6a2a;font-weight:600}#bag.scroll-picking .slot{opacity:.35}#bag.scroll-picking .slot.scroll-target,#bag.scroll-picking .slot.scroll-source{opacity:1}#bag.scroll-picking .slot.scroll-target{cursor:pointer;border-color:var(--gold);animation:.9s infinite alternate scroll-pulse}#bag.scroll-picking .slot.scroll-source{outline:1px dashed var(--gold);outline-offset:-4px}@keyframes scroll-pulse{to{box-shadow:inset 0 0 10px #f2c86b99}}@media (prefers-reduced-motion:reduce){#bag.scroll-picking .slot.scroll-target{animation:none}}@media (width<=720px){#scroll-pick{top:84px}}:root{--siege-red:#e0705d;--siege-crystal:#7fd6f2}.siege-bar{z-index:4;background:var(--panel);border:1px solid var(--line);width:min(300px,100% - 24px);color:var(--text);border-radius:4px;flex-direction:column;gap:6px;padding:7px 10px 9px;font-size:12px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.siege-bar[hidden],.siege-bar [hidden]{display:none!important}.siege-bar[data-phase=active]{border-color:color-mix(in srgb, var(--siege-red) 55%, transparent)}.siege-head{align-items:center;gap:8px;min-width:0;display:flex}.siege-phase{min-width:0;color:var(--gold);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.siege-bar[data-phase=active] .siege-phase{color:var(--siege-red)}.siege-bar[data-phase=active] .siege-phase:before{content:"";background:var(--siege-red);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.2s ease-in-out infinite alternate siege-dot;display:inline-block}@keyframes siege-dot{to{opacity:.25}}.siege-time{font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:600}.siege-time[data-soon=true]{color:var(--danger)}.siege-fold{width:24px;height:22px;font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0;font-size:11px}.siege-fold:hover{color:var(--text)}.siege-body{flex-direction:column;gap:6px;min-width:0;display:flex}.siege-line{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.siege-line b{color:var(--text);font-weight:600}.siege-line em{font-style:normal}.siege-meters{flex-direction:column;gap:5px;display:flex}.siege-meter{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:6px;min-width:0;display:grid}.siege-meter-label,.siege-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.siege-meter-bar{background:#0000008c;border-radius:2px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f2e6c814}.siege-meter-bar i{background:linear-gradient(#b0703a,#6e3f1c);transition:width .3s;position:absolute;inset:0 auto 0 0}.siege-meter-pct{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.siege-meter[data-broken=true] .siege-meter-pct{color:var(--muted)}.siege-stones{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:2px 6px;display:grid}.siege-stone-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.siege-stone-row .siege-meter{grid-template-columns:minmax(0,1fr) auto;gap:3px}.siege-stone-row .siege-meter-bar i{background:linear-gradient(#a8ecff,#3f9cc4)}.siege-lock{color:var(--muted);grid-area:2/2;font-size:10px}.siege-stones[data-locked=true] .siege-stone-row{opacity:.5}.siege-capture .siege-meter{grid-template-columns:minmax(0,1fr) 40px;row-gap:3px}.siege-capture .siege-meter-label{color:var(--gold);grid-column:1/-1;font-weight:600}.siege-capture .siege-meter-bar{height:10px}.siege-capture .siege-meter-bar i{background:linear-gradient(#f6d98e,#b8892f)}.siege-capture .siege-meter[data-mine=false] .siege-meter-label{color:var(--siege-red)}.siege-capture .siege-meter[data-mine=false] .siege-meter-bar i{background:linear-gradient(#f08a72,#a33a2a)}.siege-hint{color:var(--gold);margin:0;font-size:11px;line-height:1.4}.siege-me{color:var(--muted);background:#0000004d;border-radius:3px;margin:0;padding:3px 6px;font-size:11px;line-height:1.4}.siege-me[data-side=attack]{color:#ffd2c9;background:color-mix(in srgb, var(--siege-red) 22%, transparent)}.siege-me[data-side=defend]{color:var(--gold);background:#f2c86b24}.siege-actions{flex-wrap:wrap;gap:6px;display:flex}.siege-bar button:not(.siege-fold){font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#00000059;border-radius:4px;padding:5px 10px}.siege-bar button:not(.siege-fold):hover{border-color:#f2e6c859}.siege-bar button.primary{border-color:var(--gold);color:var(--gold);background:#f2c86b2e;flex:1;font-weight:600}.siege-bar button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.siege-manage{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:6px;display:flex}.siege-note{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.siege-form{align-items:center;gap:6px;min-width:0;display:flex}.siege-form-label{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.siege-form-label b{color:var(--gold)}.siege-input{width:72px;min-width:0;font:inherit;color:var(--text);border:1px solid var(--line);background:#00000059;border-radius:3px;padding:5px 6px}.siege-input:focus{outline:1px solid var(--gold)}.siege-unit{color:var(--muted);margin-left:-3px}@media (width<=1100px){.siege-bar{left:auto;right:12px;transform:none}}@media (width<=720px){.siege-bar{top:calc(var(--hud-bottom,48px) + 6px)}}.sound-button{width:26px;height:22px;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:3px;place-items:center;margin:-2px 0;padding:0;display:inline-grid}.sound-button:hover{border-color:#f2e6c859}.sound-button[aria-expanded=true]{border-color:var(--gold);color:var(--gold)}.sound-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.sound-button .cross,.sound-button[data-muted=true] .wave{display:none}.sound-button[data-muted=true] .cross{display:inline}.sound-button[data-muted=true]{color:var(--muted)}.sound-panel{z-index:25;border:1px solid var(--line);width:min(280px,100% - 24px);color:var(--text);background:#101215f7;border-radius:4px;flex-direction:column;gap:8px;padding:8px 10px 10px;font-size:12px;display:flex;position:fixed;top:56px;left:12px;box-shadow:0 8px 28px #00000073}.sound-panel[hidden]{display:none}.sound-head{align-items:center;gap:8px;min-width:0;display:flex}.sound-head b{color:var(--gold);font-size:13px}.sound-track{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sound-close{width:22px;height:22px;font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0;font-size:15px;line-height:1}.sound-row{grid-template-columns:44px minmax(0,1fr) 34px auto;align-items:center;gap:8px;display:grid}.sound-label{color:var(--muted)}.sound-range{width:100%;min-width:0;accent-color:var(--gold)}.sound-row[data-off=true] .sound-range{opacity:.4}.sound-value{text-align:right;font-variant-numeric:tabular-nums}.sound-row[data-off=true] .sound-value{color:var(--muted)}.sound-mute{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#00000059;border-radius:3px;padding:3px 8px}.sound-mute[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.sound-note{color:var(--gold);margin:0;font-size:11px;line-height:1.4}.sound-note[hidden]{display:none}.shop-panel{z-index:5;background:var(--panel);border:1px solid var(--line);width:min(420px,100% - 24px);max-height:calc(100% - 190px);color:var(--text);border-radius:4px;flex-direction:column;gap:8px;padding:10px;font-size:13px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.shop-panel[hidden],.shop-tabs[hidden],.shop-ask[hidden]{display:none}.shop-head{align-items:center;gap:8px;display:flex}.shop-title{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.shop-silver{color:var(--muted);white-space:nowrap;margin-left:auto}.shop-silver b{color:var(--text)}.shop-close{width:26px;height:26px;font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;flex:none;padding:0;font-size:12px}.shop-close:hover{color:var(--text)}.shop-tabs{gap:4px;display:flex}.shop-tabs button{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;flex:1;padding:6px;font-size:13px}.shop-tabs button[aria-pressed=true]{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}.shop-body{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex}.shop-list{overscroll-behavior:contain;flex-direction:column;gap:3px;min-height:0;display:flex;overflow-y:auto}.shop-row{background:#00000040;border:1px solid #0000;border-radius:3px;grid-template-columns:28px minmax(0,1fr) auto 56px auto;align-items:center;gap:6px;padding:4px 6px;display:grid}.shop-row[data-off=true]{opacity:.55}.shop-icon{width:28px;height:28px}.shop-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.shop-name small{text-overflow:ellipsis;color:var(--muted);font-size:11px;display:block;overflow:hidden}.shop-price{color:var(--gold);white-space:nowrap;text-align:right;font-size:12px}.shop-row[data-poor=true] .shop-price{color:var(--danger)}.shop-tag{color:var(--muted);text-align:right;grid-column:span 2;font-size:11px}.shop-count{width:100%;min-width:0;font:inherit;color:var(--text);border:1px solid var(--line);background:#00000059;border-radius:3px;padding:4px;font-size:12px}.shop-count:focus{outline:1px solid var(--gold)}.shop-act{font:inherit;white-space:nowrap;color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent);border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);cursor:pointer;border-radius:3px;padding:5px 10px;font-size:12px}.shop-act:hover{background:color-mix(in srgb, var(--gold) 26%, transparent)}.shop-act.shop-quiet{color:var(--muted);border-color:var(--line);background:0 0}.shop-empty{text-align:center;color:var(--muted);margin:10px 0;font-size:12px}.shop-note{color:var(--muted);margin:0;font-size:11px}.shop-cols{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:0;display:grid}.shop-col{flex-direction:column;gap:4px;min-height:0;display:flex}.shop-col h3{color:var(--text);justify-content:space-between;align-items:baseline;margin:0;font-size:12px;display:flex}.shop-col h3 small{color:var(--muted);font-weight:400}.shop-pick{width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer;grid-template-columns:24px minmax(0,1fr) auto;gap:5px;font-size:12px}.shop-pick:hover{border-color:var(--line)}.shop-pick .shop-icon{width:24px;height:24px}.shop-num{color:var(--muted);font-size:11px}.shop-ask{border:1px solid var(--gold);background:#00000059;border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.shop-ask .shop-name{flex:140px}.shop-ask .shop-count{width:72px}.shop-foot{color:var(--muted);text-align:right;margin:0;font-size:11px}@media (width<=480px){.shop-panel{padding:8px;top:76px}.shop-row{grid-template-columns:26px minmax(0,1fr) auto 46px auto;gap:4px;padding:3px 4px}.shop-icon{width:26px;height:26px}.shop-act{padding:5px 8px}.shop-pick{grid-template-columns:22px minmax(0,1fr) auto}.shop-pick .shop-icon{width:22px;height:22px}}.stall-bar{gap:6px;display:flex;position:fixed;bottom:54px;right:12px}.stall-bar[hidden],.stall-bar button[hidden]{display:none}.stall-bar button,.stall-panel button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:7px 12px;font-size:13px}.stall-bar button:hover,.stall-panel button:hover{border-color:var(--gold)}.stall-bar .stall-toggle{color:var(--gold)}.stall-bar .stall-toggle[data-open=true]{color:var(--danger)}.stall-panel .stall-primary{color:var(--bg);background:var(--gold);border-color:var(--gold);font-weight:600}.stall-panel .stall-primary:hover{filter:brightness(1.1)}.stall-panel{background:var(--panel);border:1px solid var(--line);width:min(360px,100% - 24px);max-height:calc(100vh - 160px);color:var(--text);border-radius:4px;flex-direction:column;gap:8px;padding:10px;font-size:13px;display:flex;position:fixed;top:60px;right:12px;box-shadow:0 10px 30px #00000073}.stall-head{align-items:center;gap:8px;display:flex}.stall-head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--gold);flex:1;font-size:14px;overflow:hidden}.stall-panel .stall-close{color:var(--muted);padding:2px 8px}.stall-info,.stall-note{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.stall-info b{color:var(--text)}.stall-field{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.stall-panel input:not([type=checkbox]){font:inherit;color:var(--text);border:1px solid var(--line);background:#00000059;border-radius:3px;min-width:0;padding:5px 7px;font-size:13px}.stall-panel input:focus{outline:1px solid var(--gold)}.stall-panel input:disabled{opacity:.45}.stall-title-input{flex:1}.stall-setup>.stall-field{display:flex}.stall-field input[type=number]{width:76px}.stall-rows{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.stall-row{background:#0000004d;border:1px solid #f2e6c814;border-radius:3px;flex-direction:column;gap:5px;padding:6px 8px;display:flex}.stall-setup .stall-row[data-on=true]{border-color:var(--gold)}.stall-item{align-items:center;gap:8px;min-width:0;display:flex}label.stall-item{cursor:pointer}.stall-item input[type=checkbox]{accent-color:var(--gold);margin:0}.stall-icon{background:#0006;border-radius:3px;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.stall-icon img{width:26px;height:26px}.stall-icon i{color:var(--gold);text-shadow:0 1px 2px #000;font-size:10px;font-style:normal;font-weight:700;position:absolute;top:-2px;left:1px}.stall-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.stall-have,.stall-price{color:var(--muted);flex:none;font-size:12px}.stall-price{color:var(--gold)}.stall-opts{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.stall-sum{color:var(--muted);margin-left:auto;font-size:12px}.stall-opts .stall-primary{padding:5px 12px}.stall-foot{justify-content:flex-end;align-items:center;gap:6px;display:flex}.stall-foot>span{color:var(--muted);margin-right:auto;font-size:12px}.stall-empty{text-align:center;color:var(--muted);margin:8px 0;font-size:12px}@media (width<=720px){.stall-panel{max-height:calc(100vh - 184px);top:84px}}.trade-menu{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;min-width:128px;padding:4px;font-size:13px;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.trade-menu-name{border-bottom:1px solid var(--line);color:var(--gold);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;padding:4px 8px 6px;font-weight:600;overflow:hidden}.trade-menu button{font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 8px}.trade-menu button:hover:not(:disabled){background:#f2e6c814}.trade-menu button:disabled{color:var(--muted);cursor:default}.trade-ask,.trade-window{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:4px;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000080}.trade-ask{z-index:20;border-color:var(--gold);text-align:center;width:min(300px,100% - 24px);padding:12px;font-size:14px}.trade-ask p{overflow-wrap:anywhere;margin:0 0 10px}.trade-window{z-index:10;flex-direction:column;gap:8px;width:min(420px,100% - 24px);max-height:calc(100% - 140px);padding:10px;font-size:13px;display:flex}.trade-head{min-width:0;color:var(--muted);align-items:baseline;gap:8px;display:flex}.trade-head b{color:var(--gold)}.trade-with{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trade-cols{flex:1;grid-template-columns:1fr 1fr;gap:8px;min-height:0;display:grid}.trade-side{border:1px solid var(--line);background:#00000040;border-radius:3px;flex-direction:column;min-width:0;min-height:0;display:flex}.trade-side[data-ok=true]{border-color:var(--gold);box-shadow:inset 0 0 8px #f2c86b33}.trade-side.changed{animation:.9s ease-out trade-flash}@keyframes trade-flash{0%{box-shadow:0 0 0 2px var(--danger)}to{box-shadow:0 0 0 2px #0000}}.trade-side h4{border-bottom:1px solid var(--line);justify-content:space-between;gap:6px;margin:0;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.trade-side h4 span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.trade-ok{color:var(--muted);flex-shrink:0;font-style:normal;font-weight:400}.trade-ok[data-ok=true]{color:var(--gold);font-weight:600}.trade-list{min-height:56px;max-height:180px;margin:0;padding:4px;list-style:none;overflow-y:auto}.trade-list li{align-items:center;gap:6px;padding:3px 4px;display:flex}.trade-list img{flex-shrink:0;width:24px;height:24px}.trade-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.trade-enchant{color:var(--gold)}.trade-n{color:var(--muted);flex-shrink:0;font-size:12px}.trade-list li.trade-empty{color:var(--muted);justify-content:center;padding:14px 4px;font-size:12px}.trade-count{border:1px solid var(--gold);border-radius:3px;align-items:center;gap:6px;padding:6px;display:flex}.trade-count[hidden]{display:none}.trade-count img{flex-shrink:0;width:24px;height:24px}.trade-count span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.trade-count input{width:72px;font:inherit;border:1px solid var(--line);color:var(--text);background:#00000059;border-radius:3px;padding:5px 6px}.trade-count input:focus{outline:1px solid var(--gold)}.trade-help{color:var(--muted);margin:0;font-size:11px}.trade-buttons{justify-content:flex-end;gap:6px;display:flex}.trade-ask .trade-buttons{justify-content:center}.trade-window button,.trade-ask button{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#00000059;border-radius:4px;padding:7px 14px}.trade-window button.primary,.trade-ask button.primary{border-color:var(--gold);color:var(--gold);background:#f2c86b2e;font-weight:600}.trade-window button:disabled{opacity:.5;cursor:default}@media (width<=720px){.trade-ask,.trade-window{top:76px}.trade-window{min-height:210px;max-height:calc(100% - 416px);padding:8px}.trade-list{max-height:120px}.trade-count{flex-wrap:wrap}.trade-window button{padding:7px 10px}}.touch-pad{--pad-gap:4px;right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:6;gap:var(--pad-gap);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;flex-direction:column;width:284px;display:flex;position:fixed}.touch-row{gap:var(--pad-gap);display:flex}.touch-pad .touch-btn,.touch-pad #bag-button{min-width:44px;height:46px;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:1px;margin:0;padding:0;font-size:11px;line-height:1.1;display:flex;position:relative;inset:auto}.touch-pad .touch-btn:active,.touch-pad #bag-button:active,.touch-pad .skill:active{border-color:var(--gold);background:#f2c86b29}.touch-pad #bag-button kbd{display:none}.touch-pad .touch-menu .touch-btn,.touch-pad #bag-button{height:44px}.touch-pad .touch-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;color:var(--gold)}.touch-potion img{pointer-events:none;width:30px;height:30px}.touch-potion kbd{color:var(--muted);border:0;padding:0;font-size:10px;line-height:11px;position:absolute;top:2px;left:3px}.touch-count{text-shadow:0 1px 2px #000;font-size:11px;font-weight:600;position:absolute;bottom:2px;right:4px}.touch-potion[data-empty=true] img{opacity:.3;filter:grayscale()}.touch-pad .skill-bar{gap:var(--pad-gap);background:0 0;border:0;flex-direction:row;padding:0;display:flex;position:static}.touch-pad .skill{-webkit-tap-highlight-color:transparent;border-radius:8px;flex:1 1 0;width:auto;height:58px}.touch-pad .skill svg{width:30px;height:30px}.touch-pad .skill kbd,.touch-pad .skill .cost{font-size:11px}.touch-pad .skill .cd-text{font-size:16px}.touch-target{z-index:6;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--danger);-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-columns:minmax(0,1fr);gap:3px;padding:5px 7px 6px;font-size:12px;display:grid;position:fixed}.touch-target[hidden]{display:none}.touch-target[data-kind=player]{border-left-color:var(--gold)}.touch-target[data-fighting=true]{border-color:var(--danger);box-shadow:inset 0 0 10px #e07a6b4d}.touch-target-label{color:var(--muted);font-size:10px}.touch-target-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.touch-target-buttons{gap:4px;display:flex}.touch-target-buttons button{white-space:nowrap;min-width:40px;height:40px;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;background:#00000059;border-radius:5px;flex:1 1 0;padding:0 6px;font-size:13px;font-weight:600}.touch-target-buttons .touch-target-attack{color:#ffd9d2;background:#b034288c;border-color:#e07a6b99;flex-grow:2}.touch-target[data-fighting=true] .touch-target-attack{color:var(--text);border-color:var(--line);background:#00000059}.touch-target-buttons button[hidden]{display:none}.touch-tip{right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(var(--pad-h,160px) + 18px + env(safe-area-inset-bottom,0px));z-index:40;white-space:pre-line;border:1px solid var(--gold);pointer-events:none;background:#0c0e11f2;border-radius:6px;width:min(300px,100% - 20px);padding:8px 10px;font-size:12px;line-height:1.45;position:fixed}.touch-tip[hidden]{display:none}.touch-sheet{z-index:2;border:1px solid var(--gold);background:#0c0e11f7;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;bottom:6px;left:6px;right:6px;box-shadow:0 -6px 18px #00000080}.touch-sheet[hidden]{display:none}.touch-sheet-head{align-items:center;gap:8px;min-width:0;display:flex}.touch-sheet-head img{width:28px;height:28px}.touch-sheet-head b{text-overflow:ellipsis;white-space:nowrap;color:var(--gold);overflow:hidden}#bag .touch-sheet-desc{white-space:pre-line;color:var(--muted);margin:0;font-size:12px}.touch-sheet-buttons{gap:6px;display:flex}.touch-sheet-buttons button{height:44px;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;background:#00000059;border-radius:5px;flex:1 1 0;font-size:14px}.touch-sheet-buttons .primary{color:#fff3d6;background:#6b5220;border-color:#8a6a2a;font-weight:600}.touch-bag-help{display:none}.touch-close{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#00000073;border-radius:4px;flex:none;padding:0 10px;font-size:18px;line-height:1}.touch-close:active{color:var(--text)}.touch-send{font:inherit;color:#fff3d6;cursor:pointer;background:#6b5220;border:1px solid #8a6a2a;border-radius:4px;flex:none;padding:0 14px;font-size:15px;font-weight:600}.perf-row{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.perf-row span{flex-direction:column;flex:1;gap:2px;font-size:12px;display:flex}.perf-row small{color:var(--muted);font-size:10px}:root{--hp-h:156px;--hp-line:18px;--hp-menu-w:56px;--hp-menu-h:40px;--qs-size:44px;--hp-panel-bg:linear-gradient(180deg, #1e1a15, #0d0c0a);--hp-gold-line:linear-gradient(90deg, transparent, #d6b05c99 12%, #f7df9cd9 50%, #d6b05c99 88%, transparent)}html:not(.touch) #hud-panel{z-index:4;height:var(--hp-h);background:var(--hp-panel-bg);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(280px,1.3fr) auto minmax(max-content,1fr);align-items:stretch;gap:12px;padding:9px 12px 16px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #000c,0 -8px 24px #00000073}html:not(.touch) #hud-panel:before{content:"";background:var(--hp-gold-line);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}#help,#log{display:none!important}html:not(.touch) .hp-chat{background:#0a0907f0;border:1px solid #d6b05c38;border-radius:4px;flex-direction:column;align-self:unsafe end;gap:4px;min-width:0;padding:5px 6px 6px;display:flex}.hp-chat-top{align-items:center;gap:6px;min-width:0;display:flex}.hp-tabs{flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.hp-tab,.hp-chat-size{font:inherit;color:var(--muted);cursor:pointer;background:#00000059;border:1px solid #d6b05c2e;border-radius:3px 3px 0 0;flex:none;padding:2px 8px;font-size:11px;line-height:16px;position:relative}.hp-tab:hover,.hp-chat-size:hover{color:var(--text)}.hp-tab[aria-selected=true]{color:var(--title-color,var(--gold));background:#f2c86b1f;border-color:#d6b05c8c}.hp-tab[data-unread=true]:after{content:"";background:var(--gold);border-radius:50%;width:5px;height:5px;position:absolute;top:2px;right:2px}.hp-chat-size{border-radius:3px}html:not(.touch) #hud-panel #chat{flex-direction:column;gap:4px;min-width:0;display:flex}html:not(.touch) #hud-panel .chat-lines{width:auto;height:calc(var(--chat-rows,4) * var(--hp-line) + 4px);overscroll-behavior:contain;pointer-events:auto;-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:#d6b05c59 transparent;display:block;position:static;top:auto;bottom:auto;left:auto;overflow-y:auto}html:not(.touch) #hud-panel .chat-lines p{font-size:12.5px;line-height:var(--hp-line);text-shadow:0 1px 1px #000}html:not(.touch) #hud-panel .chat-lines p.old{opacity:1}.chat-lines p[data-ch=system]{color:#cfc6b4}.chat-lines p[data-ch=system][data-tone=good]{color:var(--gold);font-weight:600}.chat-lines p[data-ch=system][data-tone=bad]{color:var(--danger)}.chat-lines p[data-ch=trade]{color:#d9a86c}.chat-lines[data-tab=normal] p:not([data-ch=say],[data-ch=shout]),.chat-lines[data-tab=party] p:not([data-ch=party]),.chat-lines[data-tab=guild] p:not([data-ch=guild]),.chat-lines[data-tab=whisper] p:not([data-ch=whisper],[data-ch=whisper-to]),.chat-lines[data-tab=trade] p:not([data-ch=trade]),.chat-lines[data-tab=system] p:not([data-ch=system],[data-ch=notice]){display:none}html:not(.touch) #hud-panel .chat-form,html:not(.touch) #hud-panel .chat-form[hidden]{gap:4px;width:auto;display:flex;position:static;bottom:auto;left:auto}html:not(.touch) #hud-panel .chat-form input{background:#00000080;border-color:#d6b05c33;flex:1;min-width:0;padding:4px 8px;font-size:12.5px}html:not(.touch) #hud-panel .chat-form[hidden] input::placeholder{color:#9a958bbf}.hp-channel{font:inherit;color:var(--text);background:#00000080;border:1px solid #d6b05c40;border-radius:3px;flex:none;padding:0 4px;font-size:11.5px}html:not(.touch) .hp-center{flex-direction:column;justify-content:flex-start;gap:6px;display:flex}html:not(.touch) #hud-panel #status:not([hidden]){width:auto;min-height:0;box-shadow:none;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) 24px minmax(0,1fr);grid-template-areas:"pt hp pvp mp""pt row row row""pt detail detail detail";align-items:center;gap:3px 6px;padding:0;display:grid;position:static}html:not(.touch) #hud-panel #status:before,html:not(.touch) #hud-panel #status:after{display:none}html:not(.touch) #hud-panel #status>.portrait{grid-area:pt;align-self:start;width:42px;height:42px;position:static}html:not(.touch) #hud-panel #status .bar.hp{grid-area:hp;height:18px}html:not(.touch) #hud-panel #status .bar.mp{grid-area:mp;height:18px}html:not(.touch) #hud-panel #status .bar span{font-size:11.5px;line-height:18px}html:not(.touch) #hud-panel #status>.row:not(.small){grid-area:row;font-size:12px}html:not(.touch) #hud-panel #st-detail{grid-area:detail;font-size:11px}html:not(.touch) #hud-panel #pvp-badge{grid-column:2/-1}html:not(.touch) #hud-panel #status .bar.exp{background:#000000bf;border-top:1px solid #d6b05c40;border-radius:0;height:9px;position:absolute;bottom:0;left:0;right:0}html:not(.touch) #hud-panel #status .bar.exp span{letter-spacing:.04em;font-size:8.5px;line-height:9px}.hp-pvp{color:#8f8676;cursor:pointer;background:#00000080;border:1px solid #d6b05c4d;border-radius:50%;grid-area:pvp;place-items:center;width:24px;height:22px;padding:0;display:grid}.hp-pvp svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.hp-pvp[aria-pressed=true]{color:#ffd7cf;background:radial-gradient(circle,#a3291e,#4a0f0a);border-color:#e0503d;box-shadow:0 0 8px #e0503db3}.quickslots{align-items:stretch;gap:4px;display:flex}.qs-pages{flex-direction:column;gap:2px;display:flex}.qs-page{width:26px;font:inherit;color:var(--muted);cursor:pointer;background:#00000073;border:1px solid #d6b05c33;border-radius:3px;flex:1;padding:0;font-size:9.5px;font-weight:700}.qs-page[aria-pressed=true]{color:#2a1d08;background:linear-gradient(#f2d48a,#b88a34);border-color:#e7c06a}.qs-row{gap:4px;display:flex}.qs-slot{width:var(--qs-size);height:var(--qs-size);font:inherit;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.qs-icon{pointer-events:none;place-items:center;width:100%;height:100%;display:grid}.qs-icon img{object-fit:contain;filter:drop-shadow(0 2px 2px #000000a6);width:86%;height:86%}.qs-icon img.skill-art{object-fit:cover;filter:none;border-radius:3px;width:100%;height:100%}.qs-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;filter:drop-shadow(0 0 3px color-mix(in srgb, currentColor 60%, transparent))}.qs-key{color:#f2e6c8;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;pointer-events:none;border:0;padding:0 2px;font-size:9px;font-weight:700;line-height:11px;position:absolute;top:0;left:1px}.qs-count{font-variant-numeric:tabular-nums;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000;pointer-events:none;font-size:10px;font-weight:700;line-height:1;position:absolute;bottom:1px;right:2px}.qs-cd{background:conic-gradient(#000000b8 calc(var(--p,0) * 1turn), transparent 0);pointer-events:none;display:none;position:absolute;inset:0}.qs-cd-text{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}.qs-slot[data-cool=true] .qs-cd{display:block}.qs-slot[data-kind=empty]{opacity:.75}.qs-slot[data-empty=true] .qs-icon,.qs-slot[data-locked=true] .qs-icon{opacity:.3;filter:grayscale()}.qs-slot[data-empty=true] .qs-count{color:var(--danger)}.qs-slot[data-nomp=true] .qs-icon{filter:grayscale(.8)brightness(.7)}.qs-slot[data-casting=true]{border-color:var(--gold);box-shadow:inset 0 0 8px #f2c86b8c}.qs-slot.pressed{animation:.18s ease-out qs-press}@keyframes qs-press{0%{filter:brightness(1.8)}}.qs-slot.drop{outline:2px solid var(--gold);outline-offset:-2px}.quickslots.assigning .qs-slot{outline:1px dashed var(--gold);outline-offset:-3px}.qs-ghost{z-index:1000;pointer-events:none;opacity:.85;filter:drop-shadow(0 4px 6px #000000b3);place-items:center;width:38px;height:38px;margin:-19px 0 0 -19px;display:grid;position:fixed}.qs-ghost img,.qs-ghost svg{object-fit:contain;fill:none;stroke:currentColor;stroke-width:1.8px;width:100%;height:100%}body.qs-dragging,body.qs-dragging *{cursor:grabbing!important}html:not(.touch) .hp-menu{grid-template-columns:repeat(4, var(--hp-menu-w));grid-auto-rows:var(--hp-menu-h);align-content:start;justify-self:end;gap:3px;display:grid}html:not(.touch) .hp-menu-btn,html:not(.touch) #hud-panel #bag-button{width:auto;height:auto;font:inherit;color:#d9cfb8;cursor:pointer;background:linear-gradient(#302920e6,#14110ef2);border:1px solid #d6b05c52;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px 0 2px;font-size:10.5px;line-height:1.1;display:flex;position:static;box-shadow:inset 0 1px #fff0c812}html:not(.touch) .hp-menu-btn:hover{color:#fff1c8;background:linear-gradient(#4e4028f2,#1e1912f2);border-color:#d8b25a}.hp-menu-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;color:var(--title-color,var(--gold))}html:not(.touch) .skill-buffs{right:calc(4 * var(--hp-menu-w) + 3 * 3px + 36px);bottom:calc(var(--hp-h) + 8px);flex-direction:row-reverse}html:not(.touch) .stall-bar{right:12px!important;bottom:calc(var(--hp-h) + 8px)!important}html:not(.touch) .party-frame{max-height:calc(100% - var(--hud-bottom,46px) - var(--hp-h) - 40px)}html:not(.touch) .shop-panel,html:not(.touch) .travel-panel{max-height:calc(100% - var(--hp-h) - 64px - 12px)}html:not(.touch) .stall-panel{z-index:8;max-height:calc(100% - var(--hp-h) - 160px - 12px);top:160px}html:not(.touch) #hud #odds-button{display:none}html:not(.touch) #death{bottom:var(--hp-h)}.ac-win{z-index:20;max-height:calc(100% - var(--hp-h) - 24px);color:var(--text);flex-direction:column;padding:10px 12px 12px;font-size:13px;display:flex;position:fixed;top:90px;left:50%}.ac-win[hidden]{display:none}.ac-win-head{cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ac-win.dragging .ac-win-head,.ac-adopted.dragging{cursor:grabbing}.ac-win-title{flex:1;font-size:15px}.ac-win-close{width:24px;height:22px;font:inherit;cursor:pointer;border-radius:3px;padding:0;font-size:13px;line-height:1}.ac-win-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.ac-adopted .bag-head,.ac-adopted .guild-head{cursor:grab;-webkit-user-select:none;user-select:none}html:not(.touch) #bag.ac-adopted{bottom:calc(var(--hp-h) + 10px);max-height:calc(100% - var(--hp-h) - 24px);overflow-y:auto}html:not(.touch) .guild-panel.ac-adopted{max-height:calc(100% - var(--hp-h) - 80px)}.opt-h{color:var(--title-color,var(--gold));letter-spacing:.04em;margin:10px 0 6px;font-size:12px;font-weight:700}.opt-h:first-child{margin-top:0}.opt-row{align-items:center;gap:8px;margin:4px 0;display:flex}.opt-label{width:72px;color:var(--muted);flex:none}.opt-btn{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:#0006;border:1px solid #d6b05c4d;border-radius:3px;flex:1;padding:5px 10px;font-size:12.5px}.opt-btn:hover{border-color:#d8b25a}.opt-win{width:min(330px,100% - 24px)}.opt-sound .sound-settings{flex-direction:column;gap:8px;display:flex}.opt-sound .sound-track{margin:0;font-size:11px}.opt-sound .sound-note{color:var(--muted);margin:0;font-size:11px}.hud-tips{color:var(--muted);margin:8px 0 0;padding-left:16px;font-size:12px;line-height:1.6}.char-win[data-red=true] .char-name{color:var(--danger)}.char-top{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.char-name{font-family:var(--title-font,serif);color:#f4ead2;font-size:17px}.char-cls{color:var(--muted)}.char-mid{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:10px;display:grid}.char-gear{grid-template:".head."40px"weapon fig shield"40px".body."40px/40px 40px 40px;gap:4px;display:grid;position:relative}.char-equip{color:var(--muted);place-items:center;font-size:10px;display:grid}.char-equip img{object-fit:contain;width:88%;height:88%}.char-equip-head{grid-area:head}.char-equip-weapon{grid-area:weapon}.char-equip-shield{grid-area:shield}.char-equip-body{grid-area:body}.char-figure{background:radial-gradient(circle at 50% 35%, hsl(var(--cls-hue,40) 40% 45% / .55), transparent 70%);border-radius:50%;grid-area:fig}.char-bars{flex-direction:column;gap:6px;display:flex}.char-bar{background:#0000008c;border-radius:3px;justify-content:space-between;height:18px;padding:0 6px;font-size:11.5px;line-height:18px;display:flex;position:relative;overflow:hidden}.char-bar i{position:absolute;inset:0 auto 0 0}.char-bar span{text-shadow:0 1px 2px #000;position:relative}.char-bar.hp i{background:linear-gradient(#b8382f,#7d1f1a)}.char-bar.mp i{background:linear-gradient(#4a78d4,#213f86)}.char-bar.exp i{background:linear-gradient(#c9a64a,#8a6a24)}.char-stats{grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0 8px;display:grid}.char-stat{background:#00000059;border:1px solid #d6b05c29;border-radius:3px;justify-content:space-between;padding:4px 8px;display:flex}.char-stat span{color:var(--muted)}.char-stat b{color:#f4ead2}.char-fight{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:12.5px;display:grid}.char-fight dt{color:var(--muted)}.char-fight dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.skill-win{width:min(440px,100% - 24px)}.skw{grid-template-columns:64px minmax(0,1fr);gap:8px;display:grid}.skw-marks{flex-direction:column;gap:3px;display:flex}.skw-mark{font:inherit;color:var(--muted);text-align:center;cursor:pointer;background:#0006;border:1px solid #d6b05c33;border-right-width:3px;border-radius:3px 0 0 3px;padding:6px 4px;font-size:11.5px}.skw-mark[data-learned=true]{color:var(--text)}.skw-mark[aria-pressed=true]{color:#2a1d08;background:linear-gradient(90deg,#f2d48a,#b88a34);border-color:#e7c06a}.skw-list{flex-direction:column;gap:6px;display:flex}.skw-row{background:#0000004d;border:1px solid #d6b05c24;border-radius:4px;grid-template-columns:46px minmax(0,1fr);gap:8px;padding:6px;display:grid}.skw-row[data-learned=false]{opacity:.78}.skw-icon{cursor:grab;place-items:center;width:46px;height:46px;padding:0;display:grid;overflow:hidden}.skw-icon:disabled{cursor:default}.skw-icon:disabled>*{opacity:.35;filter:grayscale()}.skw-icon img.skill-art{object-fit:cover;pointer-events:none;border-radius:3px;width:100%;height:100%}.skw-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:28px;height:28px}.skw-info{min-width:0}.skw-head{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.skw-name{color:#f4ead2;font-size:13.5px}.skw-tier{color:var(--muted);font-size:11px}.skw-state{color:var(--muted);background:#0006;border-radius:8px;margin-left:auto;padding:0 6px;font-size:11px}.skw-state[data-tone=good]{color:#9fe08a}.skw-state[data-tone=bad]{color:var(--danger)}.skw-state[data-tone=warn]{color:var(--gold)}.skw-desc,.skw-fx,.skw-nums,.skw-book{margin:3px 0 0;font-size:11.5px;line-height:1.45}.skw-desc{color:#d8d0c0}.skw-fx,.skw-nums{color:var(--muted)}.skw-book{color:var(--gold)}.skw-put{font:inherit;color:var(--text);background:#0006;border:1px solid #d6b05c59;border-radius:3px;margin-top:6px;padding:6px 10px;font-size:12px}.skw-foot{color:var(--muted);margin:8px 0 0;font-size:11px}.action-win{width:min(300px,100% - 24px)}.action-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.action-btn{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:#0006;border:1px solid #d6b05c40;border-radius:3px;grid-template-columns:1fr auto;align-items:center;gap:2px 6px;padding:6px 8px;font-size:12.5px;display:grid}.action-btn:hover{border-color:#d8b25a}.action-btn kbd{color:var(--muted);font-size:10px}.action-state{color:var(--gold);grid-column:1/-1;font-size:10.5px}.action-state:empty{display:none}.party-win{width:min(300px,100% - 24px)}.party-win-form{margin:0 0 6px}.party-win-name{min-width:0;font:inherit;color:var(--text);background:#00000073;border:1px solid #d6b05c4d;border-radius:3px;flex:1;padding:6px 8px}.party-win .ac-btn{font:inherit;cursor:pointer;border-radius:3px;padding:6px 12px}.help-win{width:min(560px,100% - 24px)}.help-lead{color:var(--muted);margin:0 0 6px;font-size:12px}.help-table{border-collapse:collapse;width:100%;font-size:12px}.help-table th{text-align:left;color:var(--muted);border-bottom:1px solid #d6b05c40;padding:4px 6px;font-weight:600}.help-table td{vertical-align:top;border-bottom:1px solid #d6b05c14;padding:3px 6px}.help-table td:first-child{color:#f0dfb2;white-space:nowrap;width:42%}body.aiming #game canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='24' viewBox='0 0 36 24'%3E%3Cellipse cx='18' cy='12' rx='16' ry='10' fill='none' stroke='%23000' stroke-width='3.5'/%3E%3Cellipse cx='18' cy='12' rx='16' ry='10' fill='none' stroke='%23f2c86b' stroke-width='1.6'/%3E%3Ccircle cx='18' cy='12' r='3' fill='%23e0503d' stroke='%23000'/%3E%3C/svg%3E") 18 12,crosshair!important}.aim-hint{left:50%;bottom:calc(var(--hp-h) + 44px);z-index:30;color:#fff1c8;pointer-events:none;background:#0c0a08e0;border:1px solid #d6b05c80;border-radius:14px;padding:5px 12px;font-size:12.5px;position:fixed;transform:translate(-50%)}.aim-hint[hidden]{display:none}html.pvp-mode #vignette{box-shadow:inset 0 0 0 2px #e0503d73}html.touch #hud-panel,html.touch .hp-chat,html.touch .hp-center{display:contents}html.touch .hp-chat-top,html.touch .hp-menu,html.touch .hp-channel,html.touch .hp-pvp,html.touch .aim-hint{display:none}html.touch .ac-win{top:calc(var(--hud-b,56px) + 6px);left:calc((100% - var(--pad-w,0px) - 20px - var(--sar,0px) + var(--sal,0px)) / 2);max-height:calc(100% - var(--hud-b,56px) - 16px - var(--sab,0px));z-index:8;transform:translate(-50%)}html.touch .ac-win-head{cursor:default}@media (orientation:portrait){html.touch .ac-win{max-height:calc(100% - var(--hud-b,70px) - var(--pad-h,160px) - var(--status-h,70px) - 40px - var(--sab,0px));left:50%}}@media (width<=1100px){:root{--hp-menu-w:46px;--qs-size:40px}.hp-menu-btn span{font-size:9.5px}}@media (width<=900px){:root{--qs-size:34px}html:not(.touch) .hp-menu{grid-template-columns:repeat(3, var(--hp-menu-w));grid-auto-rows:30px}html:not(.touch) .hp-menu-btn span{display:none}.hp-tab{padding:2px 5px}}html.touch .touch-pad .quickslots{gap:var(--pad-gap,6px);flex-direction:column}html.touch .touch-pad .qs-pages{gap:var(--pad-gap,6px);flex-direction:row}html.touch .touch-pad .qs-page{width:auto;height:24px;color:var(--text);background:var(--panel);border-color:var(--line);border-radius:6px;font-size:11px}html.touch .touch-pad .qs-page[aria-pressed=true]{color:#2a1d08;background:linear-gradient(#f2d48a,#b88a34);border-color:#e7c06a}html.touch .touch-pad .qs-slot[data-kind=empty]{opacity:1;background:var(--panel)}html.touch .touch-pad .qs-row{gap:var(--pad-gap,6px);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}html.touch .touch-pad .qs-slot{-webkit-tap-highlight-color:transparent;border-radius:8px;width:auto;height:50px}html.touch .touch-pad .qs-slot:active{border-color:var(--gold)}html.touch .touch-pad .qs-key{color:var(--muted);font-size:8.5px}html.touch .touch-pad .qs-icon svg{width:28px;height:28px}html.touch .touch-pad .qs-cd-text{font-size:16px}html.touch.menu-open .hp-menu{right:calc(10px + var(--sar,0px));bottom:calc(var(--pad-h,200px) + 16px + var(--sab,0px));z-index:9;background:#101215f7;border:1px solid #d6b05c73;border-radius:10px;grid-template-columns:repeat(4,56px);grid-auto-rows:50px;gap:5px;padding:7px;display:grid;position:fixed;box-shadow:0 10px 30px #0009}html.touch .hp-menu-btn{font:inherit;color:var(--text);border:1px solid var(--line);background:#0006;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:11px;display:flex}html.touch .hp-menu-btn svg{width:20px;height:20px}.travel-panel{z-index:5;background:var(--panel);border:1px solid var(--line);width:min(360px,100% - 24px);max-height:calc(100% - 190px);color:var(--text);border-radius:4px;flex-direction:column;gap:6px;padding:10px;font-size:13px;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.travel-panel[hidden]{display:none}.travel-head{align-items:center;gap:8px;display:flex}.travel-head b.ac-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.travel-silver{color:var(--muted);white-space:nowrap;margin-left:auto}.travel-silver b{color:var(--text)}.travel-head .ac-close{width:26px;height:26px;font:inherit;cursor:pointer;flex:none;padding:0;font-size:12px}.travel-hint{color:var(--muted);margin:0;font-size:12px}.travel-list{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.travel-group{color:var(--gold);margin:6px 0 2px;font-size:12px;font-weight:600}.travel-dest{min-height:34px;font:inherit;color:var(--text);text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:3px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.travel-dest:hover:not(:disabled){border-color:var(--gold);background:#f2c86b1f}.travel-dest:disabled{opacity:.45;cursor:default}.travel-level{color:var(--muted)}.travel-price{color:var(--gold);white-space:nowrap}:root{--q-gold:#e6c36a;--q-good:#8ad79a;--q-good-deep:#4aa261;--q-exp:#8fc3f2}[data-cat=tutorial]{--qc:#6fc7a5}[data-cat=region]{--qc:#6fb0d8}[data-cat=boss]{--qc:#e0705f}[data-cat=daily]{--qc:#e0b85a}.quest-win{width:min(620px,100% - 24px);height:min(536px, calc(100% - var(--hp-h) - 64px))}.quest-win .ac-win-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.qw{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.quest-win .ac-win-title{flex:none;margin-right:4px}.qw-tabs{cursor:default;flex:1;gap:4px;min-width:0;display:flex}.qw-tab{white-space:nowrap;min-width:0;min-height:30px;font:inherit;color:var(--muted);cursor:pointer;background:#00000061;border:1px solid #d6b05c33;border-radius:4px;flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-size:12.5px;display:flex}.qw-tab:hover{color:var(--text);border-color:#d6b05c80}.qw-tab[aria-selected=true]{color:#2a1d08;background:linear-gradient(#f2d48a,#b88a34);border-color:#e7c06a;font-weight:700;box-shadow:inset 0 1px #fff5d273}.qw-n{text-align:center;min-width:18px;color:var(--muted);background:#00000073;border-radius:9px;padding:0 5px;font-size:11px;font-style:normal;line-height:17px}.qw-tab[aria-selected=true] .qw-n{color:#2a1d08;background:#2a1d0838}.qw-tab[data-alert=true][aria-selected=false] .qw-n{color:#2a1d08;background:var(--q-gold);box-shadow:0 0 8px #e6c36a80}.qw-main{flex:1;grid-template-columns:214px minmax(0,1fr);gap:10px;min-height:0;display:grid}.qw-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6b05c66 transparent;flex-direction:column;gap:5px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.qw-row{font:inherit;text-align:left;color:var(--text);border:1px solid #d6b05c2e;border-left:3px solid var(--qc,#8a7a55);cursor:pointer;background:linear-gradient(#30292099,#16130fbf);border-radius:4px;flex:none;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 8px 11px 6px;display:grid;position:relative}.qw-row:hover{border-color:#d6b05c80;border-left-color:var(--qc,#8a7a55)}.qw-row[aria-selected=true]{border-color:#d8b25a;border-left-color:var(--qc,#d8b25a);background:linear-gradient(#7a5e2a80,#342813c7);box-shadow:inset 0 0 14px #f2c86b24}.qw-mark{width:26px;height:26px;color:var(--q-gold)}.qw-mark svg,.qd-badge svg,.qd-rico svg,.qtoast-ico svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block}.qw-mark .trk{stroke:#ffffff29}.qw-mark .arc{stroke:var(--q-gold);stroke-width:2.4px}.qw-row[data-kind=active] .qw-mark{color:#d9cfb8}.qw-row[data-kind=ready] .qw-mark{color:var(--q-good);filter:drop-shadow(0 0 5px #8ad79aa6);animation:1.8s ease-in-out infinite q-pulse}.qw-row[data-kind=claimed]{opacity:.62}.qw-row[data-kind=claimed] .qw-mark,.qw-row[data-kind=soon] .qw-mark{color:var(--muted)}.qw-row[data-kind=soon]{opacity:.58}.qw-rtext{min-width:0}.qw-rname{color:#f1e6c8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.qw-rmeta{color:var(--muted);margin-top:1px;font-size:11px;display:block}.qw-rend{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.qw-rend-ready{color:#10240f;background:linear-gradient(#a5e8b2,#5eb572);border-radius:9px;padding:2px 8px;font-weight:700}.qw-rbar{background:#0000008c;border-radius:2px;height:3px;position:absolute;bottom:4px;left:38px;right:8px;overflow:hidden}.qw-rbar b{background:linear-gradient(90deg,#b8862f,#f2d48a);height:100%;display:block}.qw-group{letter-spacing:.08em;color:var(--title-color);align-items:center;gap:8px;margin:8px 0 1px;font-size:11px;font-weight:700;display:flex}.qw-group:first-child{margin-top:0}.qw-group:after{content:"";background:linear-gradient(90deg,#d6b05c66,#0000);flex:1;height:1px}.qw-sub{letter-spacing:.06em;color:var(--muted);align-items:center;gap:8px;margin:8px 0 2px;font-size:11px;display:flex}.qw-sub:after{content:"";background:linear-gradient(90deg,#d6b05c59,#0000);flex:1;height:1px}.qw-empty,.qw-hello{text-align:center;min-height:140px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 12px;font-size:12.5px;line-height:1.5;display:flex}.qw-empty b,.qw-hello b{font-family:var(--title-font);color:#cdbf9a;font-size:14px}.qw-hello{height:100%}.qw-detail{border-left:1px solid var(--frame-line);flex-direction:column;min-height:0;padding:2px 0 0 12px;display:flex}.qd-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6b05c66 transparent;flex:1;min-height:0;padding-right:6px;overflow-y:auto}.qd-back{min-height:34px;font:inherit;color:var(--title-color);cursor:pointer;background:0 0;border:0;margin:0 0 2px -4px;padding:0 12px;font-size:13px;display:none}.qd-head{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.qd-badge{width:44px;height:44px;color:var(--qc,var(--q-gold));background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--qc,#d8b25a) 26%, transparent), #00000080);border:1px solid color-mix(in srgb, var(--qc,#d8b25a) 62%, #000);border-radius:9px;padding:9px;box-shadow:inset 0 0 9px #000000a6}.qd-titles{min-width:0}.qd-name{font-family:var(--title-font);color:var(--title-color);text-shadow:0 1px #000;word-break:keep-all;margin:0;font-size:18px;line-height:1.25}.qd-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:3px 8px;margin:4px 0 0;font-size:11.5px;display:flex}.qd-chip{color:var(--qc,var(--q-gold));border:1px solid color-mix(in srgb, var(--qc,#d8b25a) 55%, transparent);border-radius:9px;padding:0 8px;font-size:11px;line-height:17px}.qd-chip-daily{--qc:#e0b85a}.qd-state{white-space:nowrap;color:var(--muted);background:#00000059;border:1px solid #d6b05c40;border-radius:10px;align-self:start;padding:2px 9px;font-size:11.5px;font-weight:700}.qd-state[data-tone=avail]{color:#2a1d08;background:linear-gradient(#f2d48a,#c39032);border-color:#e7c06a}.qd-state[data-tone=active]{color:#e8dcc0;border-color:#d6b05c80}.qd-state[data-tone=ready]{color:#10240f;background:linear-gradient(#a5e8b2,#5eb572);border-color:#8ad79a;animation:1.8s ease-in-out infinite q-glow}.qd-giver:before{content:"·";color:#d6b05c80;margin-right:8px}.qd-story{color:#e3d9bf;word-break:keep-all;background:linear-gradient(#0000004d,#0000001f);border-left:2px solid #d6b05c80;border-radius:0 4px 4px 0;margin:10px 0 0;padding:7px 11px;font-size:12.5px;line-height:1.6}.qd-hint{color:#d6edd8;word-break:keep-all;background:#3c644633;border:1px solid #8ad79a4d;border-radius:4px;align-items:baseline;gap:8px;margin-top:6px;padding:5px 10px;font-size:12px;line-height:1.5;display:flex}.qd-hint b{color:#10240f;background:var(--q-good);border-radius:3px;flex:none;padding:1px 6px;font-size:11px}.qd-h{letter-spacing:.08em;color:var(--title-color);align-items:center;gap:8px;margin:11px 0 6px;font-size:12px;display:flex}.qd-h:after{content:"";background:linear-gradient(90deg,#d6b05c80,#0000);flex:1;height:1px}.qd-goals{gap:7px;margin:0;padding:0;list-style:none;display:grid}.qd-goal{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:4px 8px;display:grid}.qd-check{color:#10240f;background:#0006;border:1px solid #d6b05c73;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11.5px;font-weight:800;display:grid}.qd-goal[data-done=true] .qd-check{border-color:var(--q-good);background:linear-gradient(#a5e8b2,#5eb572)}.qd-gtext{word-break:keep-all;font-size:13px}.qd-goal[data-done=true] .qd-gtext{color:var(--muted)}.qd-gnote{color:var(--muted);margin-top:1px;font-size:11px;display:block}.qd-gcount{font-variant-numeric:tabular-nums;color:#d9cfb8;font-size:12px}.qd-goal[data-done=true] .qd-gcount{color:var(--q-good)}.qd-gbar{background:#0009;border:1px solid #d6b05c38;border-radius:3px;grid-column:2/4;height:6px;overflow:hidden}.qd-gbar b{background:linear-gradient(90deg,#b8862f,#f2d48a);height:100%;transition:width .45s ease-out;display:block;box-shadow:0 0 6px #f2c86b66}.qd-goal[data-done=true] .qd-gbar b{background:linear-gradient(90deg, var(--q-good-deep), var(--q-good));box-shadow:0 0 6px #8ad79a59}.qd-rewards{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.qd-reward{background:#00000052;border:1px solid #d6b05c33;border-radius:5px;align-items:center;gap:7px;padding:4px 9px 4px 4px;font-size:12.5px;display:flex}.qd-reward em{color:var(--q-gold);font-style:normal;font-weight:700}.qd-rico{width:32px;height:32px;color:var(--q-gold);background:#00000059;border:1px solid #d6b05c40;border-radius:4px;padding:5px}.qd-reward[data-kind=exp] .qd-rico{color:var(--q-exp)}.qd-reward[data-kind=silver] .qd-rico{color:#d9dbe0}.qd-slot{flex:none;place-items:center;width:32px;height:32px;display:grid}.qd-slot .item-icon{width:90%;height:90%}.qd-slot-miss{color:var(--muted)}.qd-actions{border-top:1px solid var(--frame-line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding-top:10px;display:flex}.qd-btn{min-height:36px;font:inherit;color:#e8dcc0;cursor:pointer;background:linear-gradient(#3e3529f2,#1c1813f2);border:1px solid #d6b05c6b;border-radius:5px;padding:0 18px;font-size:13.5px;font-weight:700}.qd-btn:hover:not(:disabled){filter:brightness(1.12);border-color:#d8b25a}.qd-btn.primary{color:#fff3d6;text-shadow:0 1px #000000b3;background:linear-gradient(#a98235,#5c4419);border-color:#d6aa52;min-width:112px;box-shadow:inset 0 1px #fff0c847,0 1px 2px #00000080}.qd-btn.primary.glow{animation:1.8s ease-in-out infinite q-glow}.qd-btn.danger{color:#ffe5df;background:linear-gradient(#a03d31,#5d1f18);border-color:#d06a5a}.qd-btn.quiet{color:var(--muted);background:0 0;border-color:#d6b05c38;font-weight:400}.qd-btn:disabled{opacity:.45;cursor:default}.qd-track{align-items:center;gap:8px;padding:0 14px 0 10px;font-weight:400;display:inline-flex}.qd-track i{color:#2a1d08;background:#00000073;border:1px solid #d6b05c80;border-radius:3px;place-items:center;width:16px;height:16px;font-size:12px;font-style:normal;font-weight:800;display:grid}.qd-track[aria-pressed=true] i{background:linear-gradient(#f2d48a,#b88a34)}.qd-note,.qd-confirm{color:var(--muted);flex-basis:100%;margin:0;font-size:12px;line-height:1.5}.qd-confirm{color:#f0c9c0;font-size:12.5px}.qw[data-narrow=true] .qw-main{grid-template-columns:minmax(0,1fr)}.qw[data-narrow=true][data-view=list] .qw-detail,.qw[data-narrow=true][data-view=detail] .qw-list{display:none}.qw[data-narrow=true] .qw-detail{border-left:0;padding-left:2px}.qw[data-narrow=true] .qd-back{display:block}.qw[data-narrow=true] .qd-head{grid-template-columns:44px minmax(0,1fr)}.qw[data-narrow=true] .qd-state{display:none}.qw[data-narrow=true] .qw-tab{padding:0 5px;font-size:11.5px}html.touch .quest-win{width:min(620px, calc(100% - var(--pad-w,0px) - 34px - var(--sal,0px) - var(--sar,0px)));height:calc(100% - var(--hud-b,56px) - 16px - var(--sab,0px))}html.touch .qd-btn,html.touch .qw-row{min-height:44px}html.touch .qw-tab{min-height:40px}html.touch .qd-btn{padding:0 14px}html.touch .qd-btn.primary{min-width:96px}html.touch .quest-win .ac-win-close{width:40px;height:36px;font-size:15px}@media (height<=480px){html.touch .qd-scroll{flex-direction:column;display:flex}html.touch .qd-scroll>*{flex:none}html.touch .qd-story,html.touch .qd-hint{order:5}html.touch .qd-badge{display:none}html.touch .qd-head{grid-template-columns:minmax(0,1fr) auto}html.touch .qd-name{font-size:16px}html.touch .qd-story,html.touch .qd-hint{font-size:12px}html.touch .qd-actions{gap:6px;margin-top:6px;padding-top:8px}html.touch .qd-btn{min-height:40px;padding:0 10px;font-size:13px}html.touch .qd-track{padding:0 10px 0 8px}}@media (orientation:portrait){html.touch .quest-win{width:calc(100% - 20px);height:calc(100% - var(--hud-b,70px) - var(--pad-h,160px) - var(--status-h,70px) - 40px - var(--sab,0px))}}.quest-tracker{z-index:3;width:236px;max-height:calc(100% - 164px - var(--hp-h,156px) - 16px);text-shadow:0 1px 2px #000,0 0 6px #000000e6;pointer-events:none;font-size:12px;line-height:1.45;position:fixed;top:164px;right:12px;overflow:hidden}.quest-tracker[hidden]{display:none}.qt-head{pointer-events:auto;background:linear-gradient(90deg,#0c0b0933,#0c0b09c7);border-bottom:1px solid #d6b05c73;border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;padding:3px 4px 3px 10px;display:flex}.qt-title{font:inherit;font-family:var(--title-font);letter-spacing:.08em;color:var(--title-color);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;display:flex}.qt-n{letter-spacing:0;color:var(--gold);background:#f2c86b2e;border-radius:8px;padding:0 6px;font-family:inherit;font-size:10.5px;font-style:normal}.qt-fold{width:24px;height:22px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.qt-fold:hover{color:var(--text)}.qt-list{margin:0;padding:0;list-style:none}.qt-q{pointer-events:auto;cursor:pointer;border-right:3px solid var(--qc,#8a7a55);background:linear-gradient(90deg,#0c0b0961,#0c0b09bd);padding:6px 10px 7px 12px}.qt-q:last-child{border-radius:0 0 5px 5px}.qt-q:hover{background:linear-gradient(90deg,#28201280,#282012d9)}.qt-name{color:#f1dfaa;font-size:12.5px;display:block}.qt-q[data-ready=true] .qt-name{color:#a5e8b2}.qt-goals{margin:2px 0 0;padding:0;list-style:none}.qt-goal{color:#e0d8c4;justify-content:space-between;gap:8px;display:flex}.qt-gtext:before{content:"· ";color:var(--muted)}.qt-gcount{font-variant-numeric:tabular-nums;color:#f2d48a;flex:none}.qt-goal[data-done=true]{color:#8c8678}.qt-goal[data-done=true] .qt-gtext{text-decoration:line-through}.qt-goal[data-done=true] .qt-gcount{color:var(--q-good)}.qt-goal[data-flash=true]{animation:1.4s ease-out qt-flash}.qt-ready{color:var(--q-good);font-weight:700;animation:1.8s ease-in-out infinite q-pulse-text}.qt-more{text-align:right;color:var(--muted);margin:3px 8px 0;font-size:11px}.quest-tracker[data-folded=true] .qt-list,.quest-tracker[data-folded=true] .qt-more{display:none}.quest-tracker[data-folded=true] .qt-head{border-radius:5px}html.touch .quest-tracker{top:auto;right:auto;left:calc(10px + var(--sal,0px));opacity:.94;width:min(190px,50%);max-height:none;font-size:11px}html.touch .qt-goal[data-done=true],html.touch .qt-goal:not([data-done=true])~.qt-goal{display:none}html.touch .qt-head{background:linear-gradient(90deg,#0c0b09c7,#0c0b0959)}html.touch .qt-q{border-right:0;border-left:3px solid var(--qc,#8a7a55);background:#0c0b09a8;padding:4px 8px 5px 9px}html.touch .qt-q:last-child{border-radius:0 0 5px 5px}html.touch .qt-fold{width:36px;height:30px}@media (orientation:portrait){html.touch .quest-tracker{top:calc(var(--top-b,70px) + 126px)}}@media (orientation:landscape){html.touch .quest-tracker{top:calc(var(--top-b,48px) + 6px)}html.touch body.has-party .quest-tracker{top:calc(var(--party-bottom,76px) + 6px)}}.quest-toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(430px,100% - 24px);display:flex;position:fixed;top:calc(17% + 84px);left:50%;transform:translate(-50%)}.quest-toast{background:linear-gradient(#241f17f2,#0e0c0af2);border:1px solid #d6b05c99;border-radius:6px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:4px 12px;width:100%;padding:10px 18px 10px 14px;animation:.5s cubic-bezier(.2,.9,.3,1.15) both q-toast-in;display:grid;box-shadow:0 10px 30px #0009,inset 0 0 0 1px #0009,inset 0 0 20px #f2c86b17}.quest-toast.out{animation:.45s ease-in forwards q-toast-out}.qtoast-ico{width:40px;height:40px;color:var(--q-gold);filter:drop-shadow(0 0 6px #e6c36a73)}.qtoast-text{min-width:0}.qtoast-text small{letter-spacing:.14em;color:var(--q-gold);font-size:11px;display:block}.qtoast-text b{font-family:var(--title-font);color:#f4e2b0;text-shadow:0 1px #000;word-break:keep-all;margin-top:1px;font-size:18px;line-height:1.3;display:block}.qtoast-text span{color:#cfc4a8;margin-top:1px;font-size:12.5px;display:block}.quest-toast[data-kind=ready]{border-color:var(--q-good);box-shadow:0 10px 30px #0009,inset 0 0 0 1px #0009,inset 0 0 24px #8ad79a29,0 0 22px #8ad79a47}.quest-toast[data-kind=ready] .qtoast-ico,.quest-toast[data-kind=ready] .qtoast-text small,.quest-toast[data-kind=ready] .qtoast-text span{color:var(--q-good)}.quest-toast[data-kind=info] .qtoast-ico,.quest-toast[data-kind=info] .qtoast-text small{color:var(--muted)}.qtoast-rewards{border-top:1px solid #d6b05c3d;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;margin:4px 0 0;padding:9px 0 0;list-style:none;display:flex}.qtoast-rewards li[data-kind=exp],.qtoast-rewards li[data-kind=silver]{color:var(--q-gold);background:#0000006b;border:1px solid #d6b05c52;border-radius:13px;padding:4px 11px;font-size:12.5px;font-weight:700}.qtoast-rewards li[data-kind=exp]{color:var(--q-exp)}.qtoast-rewards li[data-kind=silver]{color:#e6e8ec}.qtoast-rewards .qd-slot{width:36px;height:36px}html.touch .quest-toasts{top:calc(17% + 70px)}@media (orientation:portrait){html.touch .quest-toasts{top:38%}}html .hp-menu-btn[data-menu=quest]{position:relative}html[data-quest-dot=avail] .hp-menu-btn[data-menu=quest]:after,html[data-quest-dot=ready] .hp-menu-btn[data-menu=quest]:after,html.touch[data-quest-dot=avail] .touch-menu-btn:last-child:after,html.touch[data-quest-dot=ready] .touch-menu-btn:last-child:after{content:"";background:var(--gold);width:9px;height:9px;box-shadow:0 0 0 1px #000000bf, 0 0 8px var(--gold);pointer-events:none;border-radius:50%;animation:1.6s ease-in-out infinite q-dot;position:absolute;top:3px;right:5px}html[data-quest-dot=ready] .hp-menu-btn[data-menu=quest]:after,html.touch[data-quest-dot=ready] .touch-menu-btn:last-child:after{background:var(--q-good);box-shadow:0 0 0 1px #000000bf, 0 0 8px var(--q-good)}@keyframes q-pulse{50%{filter:drop-shadow(0 0 9px #8ad79af2)}}@keyframes q-pulse-text{50%{opacity:.65}}@keyframes q-glow{50%{box-shadow:inset 0 1px #fff0c847,0 0 14px #f2c86ba6}}@keyframes q-dot{50%{transform:scale(1.25)}}@keyframes qt-flash{0%{color:#fff;background:#f2c86b66}to{background:0 0}}@keyframes q-toast-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes q-toast-out{to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.qw-row[data-kind=ready] .qw-mark,.qd-state[data-tone=ready],.qd-btn.primary.glow,.qt-ready,.quest-toast,[data-quest-dot]:after,.hp-menu-btn[data-menu=quest]:after{animation:none}}.growth-btn{min-height:30px;font:inherit;color:#e8dcc0;cursor:pointer;background:linear-gradient(#3c3222e6,#1a1610eb);border:1px solid #d6b05c66;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:12.5px;display:inline-flex;box-shadow:inset 0 1px #fff0c81f}.growth-btn:hover:not(:disabled){color:#fff;filter:brightness(1.12);border-color:#e7c06a}.growth-btn.primary{color:#fff3d6;text-shadow:0 1px #000000b3;background:linear-gradient(#a07a30,#5f451a);border-color:#d3aa52;font-weight:700;box-shadow:inset 0 1px #fff0c84d,0 1px 2px #00000080}.growth-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.growth-btn:focus-visible,.skw-tab:focus-visible,.stv-chip:focus-visible,.stv-zbtn:focus-visible,.stv-d-link:focus-visible{outline-offset:1px;outline:2px solid #8fd0ffd9}html.touch .growth-btn{min-height:44px;padding:0 14px}.growth-toast{z-index:8000;text-align:center;background:radial-gradient(at 50% 0,#ffd6784d,#0000 70%),linear-gradient(#282116f7,#0d0b08f7);border:1px solid #e7c06abf;border-radius:8px;width:min(380px,100% - 24px);padding:12px 18px 14px;position:fixed;top:calc(17% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #000000b3,0 0 26px #f2c86b66,0 14px 40px #0009}.growth-toast[hidden]{display:none}.growth-toast.show{animation:.5s cubic-bezier(.2,1.2,.3,1) both growth-toast-in}.growth-toast.show:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fff4cd57,#0000);width:36%;animation:1.3s ease-out .15s both growth-sheen;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-18deg)}.growth-toast-head{justify-content:center;align-items:baseline;gap:10px;display:flex}.growth-toast-title{font-family:var(--title-font,serif);letter-spacing:.1em;color:#ffe08a;text-shadow:0 2px #000,0 0 16px #ffd264cc;font-size:26px}.growth-toast-lv{color:#fff3d6;font-size:15px;font-weight:700}.growth-toast-star{color:#f2c86b;text-shadow:0 0 8px #f2c86be6;align-self:center;font-size:14px}.growth-toast-sub{color:#f0e6cc;text-shadow:0 1px 2px #000;margin:6px 0 0;font-size:13.5px}.growth-toast-row{justify-content:center;gap:8px;margin-top:10px;display:flex}.growth-toast-btn{min-height:34px;font:inherit;color:#2a1d08;cursor:pointer;background:linear-gradient(#f6dc98,#c49a3e);border:1px solid #fff1c4;border-radius:4px;padding:0 14px;font-size:13px;font-weight:700;box-shadow:0 1px 3px #0009}.growth-toast-btn:hover{filter:brightness(1.1)}html.touch .growth-toast{top:calc(17% + 4px)}html.touch .growth-toast-btn{min-height:44px;padding:0 16px}@media (orientation:portrait){html.touch .growth-toast{top:24%}}@media (height<=480px){.growth-toast{top:calc(var(--hud-b,56px) + 6px);padding:8px 14px 10px}.growth-toast-title{font-size:21px}.growth-toast-row{margin-top:6px}}.growth-ask-shade{z-index:9000;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.growth-ask{width:min(380px,100% - 28px);color:var(--text);--frame-corner:22px;padding:16px 18px;position:relative}.growth-ask-title{font-family:var(--title-font,serif);color:var(--title-color,#f0cf7a);text-shadow:0 1px #000;margin-bottom:8px;font-size:17px;display:block}.growth-ask-msg{word-break:keep-all;margin:0;font-size:13.5px;line-height:1.6}.growth-ask-msg b{color:#ffe08a}.growth-ask-note{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.growth-ask-own{color:var(--gold);margin:6px 0 0;font-size:12px}.growth-ask-row{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.growth-ask-row .growth-btn{min-width:84px}html .hp-menu-btn[data-menu=char],html .hp-menu-btn[data-menu=skill]{position:relative}html[data-growth-char="1"] .hp-menu-btn[data-menu=char]:after,html[data-growth-skill="1"] .hp-menu-btn[data-menu=skill]:after,html.touch[data-growth-skill="1"] .touch-menu-btn[title^=스킬]:after,html.touch[data-growth-char="1"] .touch-menu-btn:last-child:before{content:"";pointer-events:none;background:#7fd8ff;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite growth-dot;position:absolute;top:3px;right:5px;box-shadow:0 0 0 1px #000000bf,0 0 8px #7fd8ff}html.touch[data-growth-char="1"] .touch-menu-btn:last-child:before{left:5px;right:auto}html.touch .touch-menu-btn[title^=스킬]{position:relative}@keyframes growth-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-16px)scale(.92)}to{opacity:1;transform:translate(-50%)}}@keyframes growth-sheen{to{left:120%}}@keyframes growth-dot{50%{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.growth-toast.show,.growth-toast.show:after,[data-growth-char]:after,[data-growth-skill]:after{animation:none}}.char-win{width:min(410px,100% - 24px)}.cw-stats{margin:10px 0 8px}.cw-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.cw-title{font-family:var(--title-font,serif);letter-spacing:.05em;color:var(--title-color,#f0cf7a);text-shadow:0 1px #000;font-size:14px}.cw-points{color:var(--muted);background:#00000059;border:1px solid #d6b05c2e;border-radius:11px;align-items:baseline;gap:6px;margin-right:auto;padding:1px 10px 1px 9px;font-size:12px;display:flex}.cw-points-num{text-align:center;min-width:1.1em;font-family:var(--title-font,serif);color:#8a8579;font-variant-numeric:tabular-nums;font-size:18px}.cw-points[data-has=true]{color:#f0e6cc;border-color:#ffd2648c;box-shadow:0 0 10px #ffd26440}.cw-points[data-has=true] .cw-points-num{color:#ffe08a;text-shadow:0 1px #000,0 0 12px #ffd264bf}.cw-reset{min-height:26px;padding:0 10px;font-size:12px}.cw-reset[data-off=true]{opacity:.55}.cw-tickets{color:#2a1d08;background:var(--gold);border-radius:8px;margin-left:5px;padding:0 6px;font-size:10.5px;line-height:15px}.cw-tickets:empty{display:none}.cw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;display:grid}.cw-stat{background:#00000059;border:1px solid #d6b05c29;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:32px;padding:2px 3px 2px 9px;display:grid}.cw-stat.bump{animation:.5s ease-out cw-bump}.cw-stat-info{align-items:baseline;gap:6px;min-width:0;padding:4px 0;display:flex}.cw-stat-name{color:var(--muted);flex:1}.cw-stat-total{color:#f4ead2;font-variant-numeric:tabular-nums;font-size:14px}.cw-stat-extra{min-width:2.2em;color:var(--stv-good,#8ad79a);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal}.cw-plus{width:28px;height:26px;font:inherit;color:#2a1d08;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#f6dc98,#c49a3e);border:1px solid #fff1c4;border-radius:4px;padding:0;font-size:17px;font-weight:700;line-height:1;box-shadow:0 1px 2px #0009}.cw-plus:hover:not(:disabled){filter:brightness(1.12)}.cw-plus:active:not(:disabled){transform:translateY(1px)}.cw-plus:disabled{color:#6b6556;box-shadow:none;cursor:not-allowed;background:#00000059;border-color:#d6b05c29}.cw-plus:focus-visible{outline-offset:1px;outline:2px solid #8fd0ffd9}html.touch .cw-plus{width:44px;height:40px;font-size:22px}html.touch .cw-stat{min-height:44px}html.touch .cw-reset{min-height:36px}.char-win .char-fight{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:3px 10px}.char-note{color:var(--stv-good,#8ad79a);font-size:10.5px}@keyframes cw-bump{0%{background:#ffd26480;border-color:#ffe08a}to{background:#00000059}}@media (prefers-reduced-motion:reduce){.cw-stat.bump{animation:none}}.shop-row[data-book=ok] .shop-name small{color:var(--stv-good,#8ad79a)}.shop-row[data-book=learned]{opacity:.62}.shop-row[data-book=prereq] .shop-name small,.shop-row[data-book=level] .shop-name small{color:#e8b98c}:root{--m-red:#d8453a;--m-red-deep:#8f2a22;--m-gold:#e6c36a;--m-new:#fff1c8;--m-change-from:#e39a8f;--m-change-to:#9fe0a8}[data-kind=notice]{--mc:#7fb8e6}[data-kind=reward]{--mc:#e6c36a}[data-kind=system]{--mc:#8ad79a}.mail-win{width:min(660px,100% - 24px);height:min(470px, calc(100% - var(--hp-h,156px) - 64px))}.mail-win .ac-win-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.mw{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.mw-main{flex:1;grid-template-columns:minmax(180px,38%) minmax(0,1fr);gap:8px;min-height:0;display:grid}.mw-list,.mw-view{overscroll-behavior:contain;background:#00000052;border:1px solid #d6b05c33;border-radius:4px;min-height:0;overflow-y:auto}.mw-list{flex-direction:column;gap:3px;padding:4px;display:flex}.mw-view{padding:10px 12px}.mw-empty{color:var(--muted);text-align:center;margin:14px 6px;font-size:13px}.mw-row{text-align:left;width:100%;min-height:44px;font:inherit;color:var(--muted);border:1px solid #0000;border-left:3px solid var(--mc,#888);cursor:pointer;background:#ffffff08;border-radius:3px;flex-direction:column;flex:none;gap:2px;padding:5px 8px 5px 10px;font-size:13px;display:flex}.mw-row:hover{color:var(--text);background:#ffffff12}.mw-row:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.mw-row[data-unread=true]{color:var(--m-new);background:#e6c36a1a;font-weight:700}.mw-row[data-unread=true] .mw-title:before{content:"●";vertical-align:1px;color:var(--m-red);margin-right:5px;font-size:8px}.mw-row[aria-selected=true]{color:#fff;border-color:#d6b05c99;border-left-color:var(--mc,#888);background:#d6b05c33}.mw-row-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.mw-kind{color:#1c1409;background:var(--mc,#888);border-radius:8px;flex:none;padding:0 6px;font-size:10.5px;font-weight:600;line-height:16px}.mw-meta{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:400;display:flex}.mw-clip{font-size:12px}.mw-clip.got{color:var(--m-change-to);font-weight:700}.mw-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mw-vtitle{color:var(--title-color,var(--gold));overflow-wrap:anywhere;margin:0 0 4px;font-size:16px}.mw-vmeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 10px;font-size:12px;display:flex}.mw-text{color:var(--text);border-top:1px solid #d6b05c2e;padding-top:8px;font-size:13.5px;line-height:1.6}.mw-line{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.mw-gap{min-height:.8em}.mw-change{background:#ffffff0b;border-left:3px solid #d6b05c8c;border-radius:2px;margin:2px 0;padding:3px 8px}.mw-tag{color:var(--m-gold)}.mw-from{color:var(--m-change-from);-webkit-text-decoration:line-through #e39a8f80;text-decoration:line-through #e39a8f80}.mw-arrow{color:var(--muted);font-weight:700}.mw-to{color:var(--m-change-to);font-weight:700}.mw-items{background:#d6b05c14;border:1px solid #d6b05c4d;border-radius:4px;margin-top:12px;padding:8px 10px}.mw-items-head{color:var(--m-gold);margin:0 0 6px;font-size:12px;font-weight:700}.mw-item{align-items:center;gap:8px;padding:3px 0;font-size:13px;display:flex}.mw-item img{object-fit:contain;flex:none;width:34px;height:34px}.mw-item-name{overflow-wrap:anywhere;flex:1;min-width:0}.mw-item-n{color:var(--m-gold);flex:none}.mw-item.got{opacity:.6}.mw-items-done{color:var(--m-change-to);margin:4px 0 0;font-size:12px}.mw-actions{flex-wrap:wrap;flex:none;align-items:center;gap:6px;display:flex}.mw-btn{min-height:32px;font:inherit;color:#2a1d08;cursor:pointer;background:linear-gradient(#f2d48a,#b88a34);border:1px solid #e7c06a;border-radius:4px;padding:0 14px;font-size:13px;font-weight:600;box-shadow:inset 0 1px #fff5d273}.mw-btn:hover:not(:disabled){filter:brightness(1.08)}.mw-btn:disabled{color:var(--muted);box-shadow:none;cursor:default;background:#00000061;border-color:#d6b05c33}.mw-del:not(:disabled){color:#fbe9e6;background:linear-gradient(#b4483d,#7d2a22);border-color:#d06a5e}.mw-back[hidden],.mail-win:not(.mw-narrow) .mw-back{display:none}.mw-actions-side{flex-direction:column;flex:140px;gap:1px;min-width:0;font-size:12px;display:flex}.mw-status[data-ok=true]{color:var(--m-change-to)}.mw-status[data-ok=false]{color:var(--danger,#e07a6b)}.mw-hint{color:var(--muted)}.mw-count{color:var(--muted);flex:none;margin:0;font-size:11.5px}.mail-win.mw-narrow .mw-main{grid-template-columns:minmax(0,1fr)}.mail-win.mw-narrow[data-pane=list] .mw-view,.mail-win.mw-narrow[data-pane=view] .mw-list{display:none}.mail-button{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:3px;margin:-2px 0;padding:1px 8px;font-size:12px;position:relative}.mail-button:hover{border-color:var(--gold);color:var(--gold)}.mail-button[data-todo=true]{color:#ffe9b0;border-color:var(--m-red)}.mail-n{text-align:center;color:#fff;background:var(--m-red);border-radius:8px;min-width:16px;margin-left:5px;padding:0 4px;font-size:11px;font-style:normal;font-weight:700;line-height:16px;animation:1.8s ease-in-out infinite mail-pulse;display:inline-block;box-shadow:0 0 0 1px #000000b3,0 0 8px #d8453acc}.mail-n[hidden]{display:none}@keyframes mail-pulse{50%{transform:scale(1.12)}}html .hp-menu-btn[data-menu=mail]{position:relative}html:not(.touch) .hp-menu-btn[data-menu=mail]{display:none}.hp-menu-btn[data-menu=mail] .mail-n{min-width:15px;margin:0;font-size:10px;line-height:15px;position:absolute;top:1px;right:2px}html.touch[data-mail-todo] .touch-menu-btn:last-child{box-shadow:0 0 0 2px var(--m-red), 0 0 10px #d8453ab3}html.touch .mail-win{height:470px}html.touch .mail-button{min-height:32px;margin:-4px 0;padding:3px 12px;font-size:13px}html.touch .mw-row{min-height:52px}html.touch .mw-btn{min-height:40px}@media (orientation:landscape) and (height<=480px){html.touch .mw-row{min-height:44px}html.touch .mw-btn{min-height:34px;padding:0 10px}.mw-count{display:none}}@media (prefers-reduced-motion:reduce){.mail-n{animation:none}}.rename-ask-shade{z-index:9000;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.rename-ask{width:min(380px,100% - 28px);color:var(--text);--frame-corner:22px;padding:16px 18px;position:relative}.rename-title{font-family:var(--title-font,serif);color:var(--title-color,#f0cf7a);text-shadow:0 1px #000;margin-bottom:8px;font-size:17px;display:block}.rename-msg{margin:0 0 10px;font-size:13.5px;line-height:1.6}.rename-msg b{color:#ffe08a}.rename-input{box-sizing:border-box;width:100%;min-height:38px;font:inherit;color:var(--text);background:#00000073;border:1px solid #d6b05c73;border-radius:4px;padding:6px 10px;font-size:16px}.rename-input:focus{outline:2px solid var(--gold);outline-offset:1px}.rename-rule{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}.rename-note{min-height:1.5em;margin:6px 0 0;font-size:13px;line-height:1.5}.rename-note[data-tone=ok]{color:#9fe0a8}.rename-note[data-tone=bad]{color:var(--danger,#e07a6b)}.rename-own{color:var(--gold);margin:4px 0 0;font-size:12px}.rename-row{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.rename-btn{min-width:84px;min-height:34px;font:inherit;color:var(--text);cursor:pointer;background:#0006;border:1px solid #d6b05c66;border-radius:4px;padding:0 14px;font-size:13.5px;font-weight:600}.rename-btn.primary{color:#2a1d08;background:linear-gradient(#f2d48a,#b88a34);border-color:#e7c06a}.rename-btn:disabled{color:var(--muted);cursor:default;background:#00000061;border-color:#d6b05c33}html.touch .rename-btn{min-height:42px}.title-toasts{z-index:40;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(430px,100% - 24px);display:flex;position:fixed;top:calc(17% + 150px);left:50%;transform:translate(-50%)}.title-toast{background:linear-gradient(#241f17f2,#0e0c0af2);border:1px solid #d6b05c99;border-radius:6px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:4px 12px;width:100%;padding:9px 18px 9px 14px;animation:.5s cubic-bezier(.2,.9,.3,1.15) both title-toast-in;display:grid;box-shadow:0 10px 30px #0009,inset 0 0 0 1px #0009,inset 0 0 20px #f2c86b17}.title-toast.out{animation:.45s ease-in forwards title-toast-out}.ttoast-ico{color:#e6c36a;filter:drop-shadow(0 0 6px #e6c36a73);width:36px;height:36px}.ttoast-text{min-width:0}.ttoast-text small{letter-spacing:.12em;color:#e6c36a;font-size:11px;display:block}.ttoast-text b{font-family:var(--title-font,serif);color:#f4e2b0;text-shadow:0 1px #000;word-break:keep-all;margin-top:1px;font-size:17px;line-height:1.3;display:block}.ttoast-text span{color:#cfc4a8;margin-top:1px;font-size:12px;display:block}html.touch .title-toasts{top:calc(17% + 120px)}@media (orientation:portrait){html.touch .title-toasts{top:calc(38% + 90px)}}@keyframes title-toast-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes title-toast-out{to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.title-toast,.title-toast.out{animation:none}}.char-title{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #000;min-width:0;font-size:12px;overflow:hidden}.char-title:empty{display:none}.ct-box{margin:8px 0 4px}.ct-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.ct-title{font-family:var(--title-font,serif);letter-spacing:.05em;color:var(--title-color,#f0cf7a);text-shadow:0 1px #000;font-size:14px}.ct-now{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #000;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.ct-now[data-none=true]{color:var(--muted);text-shadow:none}.ct-count{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.ct-head button{flex:none;min-height:26px;padding:0 10px;font-size:12px}.ct-head button[hidden]{display:none}.ct-list{background:#00000038;border:1px solid #d6b05c29;border-radius:4px;max-height:210px;padding:2px 4px 2px 0;overflow-y:auto}.ct-list[hidden]{display:none}.ct-group{letter-spacing:.1em;color:var(--muted);margin:0;padding:5px 8px 2px;font-size:11px}.ct-item{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 8px;margin:0;padding:4px 8px;display:grid}.ct-item:hover:not([data-state=locked]){background:#d6b05c1a;border-color:#d6b05c4d}.ct-item:focus-visible{outline:2px solid var(--gold,#d6b05c);outline-offset:-2px}.ct-item[data-state=equipped]{background:#d6b05c29;border-color:#d6b05c99}.ct-item[data-state=locked]{cursor:default}.ct-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #000;min-width:0;font-size:13px;overflow:hidden}.ct-item[data-state=locked] .ct-name{color:#7d786d;text-shadow:none}.ct-state{color:var(--muted);font-size:11px}.ct-item[data-state=equipped] .ct-state{color:#f0cf7a}.ct-line{color:var(--muted);grid-column:1/-1;font-size:11px;line-height:1.4}.ct-item[data-state=locked] .ct-line{color:#8a8579}html.touch .ct-head button{min-height:36px}html.touch .ct-item{padding:8px}.party-title{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #000;min-width:0;font-size:10.5px;line-height:1.2;overflow:hidden}.party-title:empty{display:none}:root{--stv-hex:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);--stv-good:#8ad79a;--stv-warn:#f2c86b;--stv-bad:#e58a7c}.skill-win .ac-win-title{flex:none;margin-right:4px}.skw-tabs{cursor:default;flex:1;gap:4px;min-width:0;display:flex}.skw-tab{white-space:nowrap;min-width:78px;min-height:28px;font:inherit;color:var(--muted);cursor:pointer;background:#00000061;border:1px solid #d6b05c33;border-radius:4px;flex:0 auto;padding:0 12px;font-size:12.5px;position:relative}.skw-tab:hover{color:var(--text);border-color:#d6b05c80}.skw-tab[aria-selected=true]{color:#2a1d08;background:linear-gradient(#f2d48a,#b88a34);border-color:#e7c06a;font-weight:700;box-shadow:inset 0 1px #fff5d273}.skw-tab[data-dot=true]:after{content:"";background:#7fd8ff;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:4px;box-shadow:0 0 0 1px #000000b3,0 0 6px #7fd8ff}.skill-win[data-tab=tree]{width:min(1120px,100% - 24px);height:min(900px, calc(100% - var(--hp-h,156px) - 70px))}.skill-win[data-tab=tree] .ac-win-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.stv{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.stv-top{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.stv-points{flex-wrap:wrap;flex:none;align-items:baseline;gap:0 8px;min-width:0;max-width:100%;display:flex}.stv-points-label{color:var(--muted);font-size:12.5px}.stv-points-num{min-width:1.4em;font-family:var(--title-font,serif);color:#8a8579;font-variant-numeric:tabular-nums;font-size:26px;line-height:1}.stv-points-num[data-has=true]{color:#ffe08a;text-shadow:0 1px #000,0 0 14px #ffd264b3}.stv-points-sub{color:var(--muted);white-space:nowrap;flex:1 0 100%;margin-top:1px;font-size:11px;line-height:1.3}.stv-points-sub:empty{display:none}.stv-points[title]{cursor:help}.stv-acts{flex:none;gap:6px;margin-left:auto;display:flex}.stv-reset small{color:#2a1d08;background:var(--gold);border-radius:8px;margin-left:6px;padding:0 6px;font-size:10.5px;line-height:16px}.stv-reset[data-off=true]{opacity:.55}.stv-chips{flex-wrap:wrap;flex:200px;gap:5px;min-width:0;display:flex}.stv-chip{min-height:26px;font:inherit;color:var(--text);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);cursor:pointer;background:#00000061;border-radius:13px;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:12px;display:inline-flex}.stv-chip:hover{background:color-mix(in srgb, var(--c) 18%, #0006);border-color:var(--c)}.stv-chip-dot{background:var(--c);width:9px;height:9px;box-shadow:0 0 7px var(--c);border-radius:50%}.stv-chip-n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal}.stv-chip[data-full=true] .stv-chip-n{color:var(--stv-good)}.stv-main{flex:1;gap:10px;min-height:0;display:flex}.stv-view{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(#4e3e2480,#120f0cf5 62%),#0c0a08;border:1px solid #d6b05c4d;border-radius:6px;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000000b3,inset 0 0 40px #0009}.stv-view.panning{cursor:grabbing}.stv-view:focus-visible{outline-offset:-2px;outline:2px solid #8fd0ff99}.stv-world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.stv-world.glide{transition:transform .36s cubic-bezier(.2,.8,.2,1)}.stv-edges{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.stv-ring-line{fill:none;stroke:#f2c86b12;stroke-width:2px;stroke-dasharray:4 10}.stv-edge,.stv-edge-glow{stroke:var(--c);stroke-linecap:round;fill:none}.stv-edge{stroke-width:5px}.stv-edge-glow{stroke-width:13px;opacity:0}.stv-eg[data-state=done] .stv-edge{stroke:color-mix(in srgb, var(--c) 78%, #fff)}.stv-eg[data-state=done] .stv-edge-glow{opacity:.32}.stv-eg[data-state=open] .stv-edge{stroke-width:4px;stroke-dasharray:2 9;opacity:.95;animation:1.1s linear infinite stv-flow}.stv-eg[data-state=open] .stv-edge-glow{opacity:.1}.stv-eg[data-state=shut] .stv-edge{stroke-width:3px;opacity:.26}.stv-tip{width:104px;font:inherit;text-align:center;color:color-mix(in srgb, var(--c) 62%, #fff);cursor:pointer;text-shadow:0 1px 2px #000,0 0 8px #000000e6;background:0 0;border:0;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.stv-tip b{font-family:var(--title-font,serif);letter-spacing:.06em;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--c) 70%, transparent));font-size:15px;display:block}.stv-tip small{color:color-mix(in srgb, var(--c) 35%, #b9b2a2);margin-top:1px;font-size:10.5px;line-height:1.25;display:block}.stv-node{width:var(--size,60px);height:var(--size,60px);font:inherit;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;background:0 0;border:0;border-radius:50%;outline:none;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.stv-node:before{content:"";position:absolute;inset:-8px}.stv-selring{clip-path:var(--stv-hex);opacity:0;background:linear-gradient(150deg,#fff6d0,#f2c86b);transition:opacity .15s,transform .15s;position:absolute;inset:-6px;transform:scale(.9)}.stv-node.sel .stv-selring{opacity:.95;transform:none}.stv-node:focus-visible .stv-selring{opacity:1;background:linear-gradient(150deg,#d5efff,#6cc0f5);transform:none}.stv-glow{transition:filter .15s,transform .15s;position:absolute;inset:0}.stv-ring{clip-path:var(--stv-hex);background:linear-gradient(150deg,#6b665c,#3d3a34 55%,#23211d);position:absolute;inset:0}.stv-face{clip-path:var(--stv-hex);background:#0c0a08;position:absolute;inset:4px;overflow:hidden}.stv-face>img,.stv-face>svg{object-fit:cover;pointer-events:none;border-radius:0;width:100%;height:100%;display:block}.stv-face>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;color:var(--c);padding:22%}.stv-node:hover .stv-glow{filter:drop-shadow(0 0 9px var(--c)) brightness(1.12);transform:scale(1.07)}.stv-name{text-align:center;pointer-events:none;text-shadow:0 1px 2px #000,0 0 6px #000,0 0 3px #000;width:96px;line-height:1.2;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)}.stv-name b{color:#efe6d2;font-size:12px;font-weight:600;display:block}.stv-lv{color:#aaa294;font-size:10.5px;display:block}.stv-lv[data-short=true]{color:#ff9a88;font-weight:700}.stv-cost{z-index:2;color:#f2c86b;pointer-events:none;background:#17120a;border:1.5px solid #8a6f33;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11.5px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-3px;right:-5px;box-shadow:0 1px 3px #000c}.stv-mark{z-index:2;pointer-events:none;border-radius:50%;place-items:center;width:18px;height:18px;display:none;position:absolute;top:-3px;right:-4px;box-shadow:0 1px 3px #000c}.stv-node[data-center=true] .stv-selring{inset:-8px}.stv-node[data-state=learned] .stv-ring{background:linear-gradient(150deg, #fff3cf, var(--c) 38%, color-mix(in srgb, var(--c) 52%, #000))}.stv-node[data-state=learned] .stv-glow{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--c) 85%, transparent))}.stv-node[data-state=learned]:hover .stv-glow{filter:drop-shadow(0 0 11px var(--c)) brightness(1.1)}.stv-node[data-state=learned] .stv-cost{display:none}.stv-node[data-state=learned]:not([data-center=true]) .stv-mark{color:#0f2a14;background:linear-gradient(#b6f0c0,#4aa261);font-size:11px;font-weight:900;display:grid}.stv-node[data-state=learned]:not([data-center=true]) .stv-mark:after{content:"✓"}.stv-node[data-state=available] .stv-ring{background:linear-gradient(150deg, color-mix(in srgb, var(--c) 60%, #fff), var(--c) 50%, color-mix(in srgb, var(--c) 40%, #000))}.stv-node[data-state=available] .stv-glow{animation:1.8s ease-in-out infinite stv-pulse}.stv-node[data-state=available] .stv-face>*{filter:brightness(.88)saturate(.9)}.stv-node[data-state=available] .stv-cost{color:#2a1d08;background:linear-gradient(#ffe7a6,#d29a36);border-color:#fff1c4}.stv-node[data-state=available][data-afford=false] .stv-glow{filter:none;opacity:.82;animation:none}.stv-node[data-state=available][data-afford=false] .stv-cost{color:#ffb0a2;background:#2a110e;border-color:#a8503f}.stv-node[data-state=locked] .stv-face>*{filter:grayscale(.85)brightness(.5)}.stv-node[data-state=locked] .stv-name b{color:#aaa294}.stv-node[data-state=locked] .stv-mark{background:#1c1915 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b5ad9b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2' fill='%23b5ad9b' fill-opacity='.25'/%3E%3Cpath d='M8 11V8a4 4 0 018 0v3'/%3E%3C/svg%3E") 50%/72% no-repeat;border:1px solid #5b564b;display:grid}.stv-node[data-state=locked] .stv-cost{color:#8f897c;border-color:#4a453b}.stv-node[data-state=level] .stv-ring{background:linear-gradient(150deg,#94625a,#5d3b36 55%,#2e1f1c)}.stv-node[data-state=level] .stv-face>*{filter:grayscale(.6)brightness(.58)sepia(.25)}.stv-node[data-state=level] .stv-name b{color:#d3b8b0}.stv-node[data-state=level] .stv-cost{color:#b99a93;border-color:#6b4740}.stv-node.pop .stv-glow{animation:.9s ease-out stv-pop}.stv-node.pop:after{content:"";z-index:-1;clip-path:var(--stv-hex);background:var(--c);opacity:0;pointer-events:none;animation:.9s ease-out stv-burst;position:absolute;inset:-4px}.stv-view[data-zoom=s] .stv-name b,.stv-view[data-zoom=xs] .stv-name{display:none}.stv-view[data-zoom=xs] .stv-tip b{font-size:15px}.stv-view[data-zoom=s] .stv-lv{font-size:11px;font-weight:700}.stv-view[data-zoom=s] .stv-tip small,.stv-view[data-zoom=xs] .stv-tip small{display:none}.stv-cost,.stv-lvb{scale:var(--bs,1);transform-origin:0 0}.stv-mark{scale:var(--bs,1);transform-origin:0 100%}.stv-gearplus{scale:var(--bs,1);transform-origin:100% 100%}.stv-tip{scale:var(--ts,1)}.stv-zoom{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.stv-zbtn{width:32px;height:32px;font:inherit;color:#e8d9ac;cursor:pointer;background:#0e0c09d1;border:1px solid #d6b05c66;border-radius:6px;padding:0;font-size:18px;line-height:1}.stv-zbtn:hover{color:#fff;border-color:#e7c06a}.stv-hint{color:#beb6a5b3;text-shadow:0 1px 2px #000;pointer-events:none;margin:0;font-size:10.5px;position:absolute;bottom:7px;left:10px}.stv-detail{width:258px;min-height:0;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--c,#f2c86b) 50%, transparent);background:linear-gradient(#00000057,#0003);border:1px solid #d6b05c38;border-radius:6px;flex-direction:column;flex:none;font-size:12px;line-height:1.5;display:flex;position:relative;overflow:hidden}.stv-d-close{z-index:2;width:26px;height:24px;font:inherit;color:#c9a560;cursor:pointer;background:#00000073;border:1px solid #d6b05c4d;border-radius:3px;padding:0;font-size:12px;position:absolute;top:5px;right:5px}.stv-d-close:hover{color:#fff;border-color:#e7c06a}.stv-d-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:10px 11px 12px;overflow-y:auto}.stv-d-head{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;display:grid}.stv-d-icon{cursor:grab;width:56px;height:56px;padding:0;overflow:hidden;border-color:color-mix(in srgb, var(--c,#8a6f33) 70%, #000)!important;box-shadow:inset 0 0 0 1px #000000b3, 0 0 10px color-mix(in srgb, var(--c,#f2c86b) 45%, transparent)!important}.stv-d-icon img,.stv-d-icon svg{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.stv-d-icon svg{fill:none;stroke:var(--c,#f2c86b);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;padding:18%}.stv-d-name{font-family:var(--title-font,serif);color:#f4ead2;text-shadow:0 1px #000;padding-right:22px;font-size:17px;line-height:1.25;display:block}.stv-d-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.stv-d-chip{color:var(--text);background:#00000073;border:1px solid #d6b05c40;border-radius:9px;padding:0 7px;font-size:10.5px;line-height:17px}.stv-d-branch{color:color-mix(in srgb, var(--c) 55%, #fff);border-color:color-mix(in srgb, var(--c) 60%, transparent)}.stv-d-state[data-state=learned]{color:var(--stv-good);border-color:#8ad79a73}.stv-d-state[data-state=available]{color:var(--stv-warn);border-color:#f2c86b80}.stv-d-state[data-state=locked]{color:#aaa294}.stv-d-state[data-state=level]{color:var(--stv-bad);border-color:#e58a7c73}.stv-d-desc{color:#ddd5c4;margin:9px 0 0}.stv-d-fx{gap:3px;margin:9px 0 0;padding:0;list-style:none;display:grid}.stv-d-fx li{color:#e8dfc8;padding-left:12px;position:relative}.stv-d-fx li:before{content:"";background:var(--c,#f2c86b);width:5px;height:5px;box-shadow:0 0 5px var(--c,#f2c86b);border-radius:50%;position:absolute;top:.62em;left:1px}.stv-d-rows{border-top:1px solid #d6b05c24;border-bottom:1px solid #d6b05c24;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;margin:8px 0 0;padding:7px 0;display:grid}.stv-d-rows dt{color:var(--muted);font-size:11.5px}.stv-d-rows dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.stv-d-rows dt.wide{grid-column:1/-1}.stv-d-rows dd.wide{text-align:left;color:#e8dfc8;grid-column:1/-1}.stv-d-need,.stv-d-book{margin-top:9px}.stv-d-book{border-top:1px dashed #d6b05c33;padding-top:9px}.stv-d-need-title{color:var(--gold);margin-bottom:3px;font-size:11.5px;display:block}.stv-d-list{gap:1px;margin:0;padding:0;list-style:none;display:grid}.stv-d-req{align-items:baseline;gap:6px;display:flex}.stv-d-tick{text-align:center;flex:none;width:12px;font-style:normal;font-weight:800}.stv-d-req[data-ok=true]{color:#d8d0c0}.stv-d-req[data-ok=true] .stv-d-tick{color:var(--stv-good)}.stv-d-req[data-ok=false]{color:#e8c9c1}.stv-d-req[data-ok=false] .stv-d-tick{color:var(--stv-bad)}.stv-d-link{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted #d6b05c80;padding:0}.stv-d-link:hover{color:#fff}.stv-d-act{background:#00000047;border-top:1px solid #d6b05c38;flex:none;gap:5px;padding:8px 11px 10px;display:grid}.stv-learn{justify-content:center;align-items:center;gap:8px;width:100%;min-height:38px;font-size:14px;display:flex}.stv-learn small{opacity:.85;font-size:11.5px}.stv-learn[data-busy=true]{opacity:.65}.stv-d-note{color:var(--muted);word-break:keep-all;margin:0;font-size:11.5px}.stv-d-note:empty{display:none}.stv-d-note.good{color:var(--stv-good)}.stv-d-note.warn{color:#f0c98a}.stv-d-book-line{color:#e8dfc8;margin:0 0 3px}.stv-book-use,.stv-put{width:100%;margin-top:5px}.stv-legend-list{gap:5px;margin:8px 0;padding:0;list-style:none;display:grid}.stv-legend-item{align-items:center;gap:8px;display:flex}.stv-legend-item b{color:#efe6d2}.stv-legend-dot{width:18px;height:20px;clip-path:var(--stv-hex);background:linear-gradient(150deg,#6b665c,#3d3a34 55%,#23211d);flex:none}.stv-legend-dot[data-state=learned]{background:linear-gradient(150deg,#fff3cf,#f2c86b 40%,#8a6a26);box-shadow:0 0 6px #f2c86b}.stv-legend-dot[data-state=available]{background:linear-gradient(150deg,#ffe9b0,#f2c86b 50%,#9a7428)}.stv-legend-dot[data-state=level]{background:linear-gradient(150deg,#94625a,#5d3b36 55%,#2e1f1c)}html.touch .skill-win[data-tab=tree]{width:min(780px, calc(100% - var(--pad-w,0px) - 34px - var(--sal,0px) - var(--sar,0px)));height:calc(100% - var(--hud-b,56px) - 16px - var(--sab,0px))}html.touch .skw-tab{min-height:40px}html.touch .skill-win .ac-win-close{width:40px;height:36px;font-size:15px}html.touch .stv-zbtn{width:44px;height:44px;font-size:22px}html.touch .stv-chip{min-height:36px}html.touch .stv-learn,html.touch .stv-book-use,html.touch .stv-put{min-height:44px}html.touch .stv-d-link{min-height:24px;display:inline-block}@media (orientation:portrait){.stv-top{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;display:grid}.stv-chips{flex:none;grid-area:2/1/auto/-1}.stv-acts{margin-left:0}.stv-points-sub,.stv-hint{display:none}.stv-main{flex-direction:column}.stv-detail{width:auto;max-height:44%}.stv-view{min-height:190px}.stv-detail[data-state=none] .stv-d-desc,.stv-detail[data-state=none] .stv-legend-list{display:none}html.touch .skill-win[data-tab=tree]{width:calc(100% - 20px);height:calc(100% - var(--hud-b,70px) - var(--pad-h,160px) - var(--status-h,70px) - 40px - var(--sab,0px))}}@media (height<=480px){.stv{position:relative}.stv-chips,.stv-points-sub,.stv-hint{display:none}.stv-top{z-index:4;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:6px;left:8px;right:8px}.stv-top>*{pointer-events:auto}.stv-points{background:#0a0806b8;border-radius:6px;padding:3px 10px 3px 8px}.stv-points-label{font-size:11.5px}.stv-points-num{font-size:21px}.stv[data-detail=true] .stv-top{width:auto;right:auto}.stv[data-detail=true] .stv-acts{flex-direction:column;gap:4px;margin-left:0}.stv[data-detail=true] .stv-acts .growth-btn{padding:0 8px;font-size:12px}.stv[data-detail=true] .stv-points,.stv[data-detail=false] .stv-detail{display:none}.stv-detail{width:214px;font-size:11.5px}.stv-d-scroll{padding:8px 9px 10px}.stv-d-act{padding:6px 9px 8px}.stv-d-head{grid-template-columns:44px minmax(0,1fr);gap:8px}.stv-d-icon{width:44px;height:44px}.stv-d-name{font-size:15px}html.touch .stv-zbtn{width:40px;height:40px}}@keyframes stv-pulse{50%{filter:drop-shadow(0 0 10px var(--c)) brightness(1.08)}}@keyframes stv-flow{to{stroke-dashoffset:-11px}}@keyframes stv-pop{0%{filter:brightness(2.2)drop-shadow(0 0 16px #fff);transform:scale(.8)}55%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes stv-burst{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@media (prefers-reduced-motion:reduce){.stv-world.glide{transition:none}.stv-node[data-state=available] .stv-glow,.stv-eg[data-state=open] .stv-edge,.stv-node.pop .stv-glow,.stv-node.pop:after{animation:none}}.skw-mark{flex-direction:column;align-items:center;gap:1px;line-height:1.25;display:flex}.skw-mark-n{opacity:.75;font-size:10px}.skw-put{margin-right:6px}.skw{grid-template-columns:74px minmax(0,1fr)}.stv-d-lv{background:#285a8c1f;border:1px solid #7fc8f542;border-radius:6px;margin-top:9px;padding:8px 9px 9px}.stv-d-lv[data-learned=false]{background:#00000029;border-style:dashed;border-color:#d6b05c33}.stv-d-lv-head{align-items:center;gap:8px;display:flex}.stv-d-lv-head .stv-d-need-title{color:var(--lv-blue);margin:0}.stv-d-lv-num{font-family:var(--title-font,serif);color:#e9f6ff;text-shadow:0 1px #000;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.stv-pips{gap:3px;margin-left:auto;display:inline-flex}.stv-pip{width:12px;height:12px;clip-path:var(--stv-hex);background:#1b2a37;box-shadow:inset 0 0 0 1px #7fc8f54d}.stv-pip[data-on=true]{filter:drop-shadow(0 0 4px #6fc4ffcc);background:linear-gradient(150deg,#eaf8ff,#6fc4ff 55%,#2b78b3)}.stv-d-lv-total{color:#cfe9fb;margin:5px 0 0;font-size:11.5px}.stv-d-lv-next{border-top:1px dashed #7fc8f538;margin-top:6px;padding-top:6px}.stv-d-lv-next-title,.stv-d-lv-next-note{color:var(--muted);font-size:11px;display:block}.stv-d-lv-lines{gap:2px;margin:3px 0 0;padding:0;list-style:none;display:grid}.stv-d-lv-lines li{color:#d9efff;padding-left:14px;position:relative}.stv-d-lv-lines li:before{content:"→";color:#6fc4ff;font-weight:700;position:absolute;left:0}.stv-d-lv-need{margin-top:6px}.stv-up-wrap{gap:4px;display:grid}.growth-btn.stv-up{color:#04233d;width:100%;min-height:38px;text-shadow:none;background:linear-gradient(#c9ecff,#5fb4ee 55%,#3a86bf);border-color:#b7e3ff;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.growth-btn.stv-up:hover:not(:disabled){background:linear-gradient(#e0f4ff,#7cc6f5 55%,#4a98d2)}.growth-btn.stv-up:disabled{color:#b9c5cf;background:#1e2c3ab3;border-color:#7fc8f540}.stv-up small{opacity:.85;font-size:11.5px}.stv-up[data-busy=true]{opacity:.65}html.touch .stv-up{min-height:44px}@media (orientation:portrait),(height<=480px){.stv-d-act{gap:4px 6px;padding:6px 9px 8px}.stv-d-act--duo{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.stv-d-act--duo>.stv-d-note,.stv-d-act--duo .stv-up-wrap>.stv-d-note{grid-column:1/-1}.stv-d-act--duo .stv-up-wrap{display:contents}.stv-d-act--duo .stv-up-wrap>.stv-d-note{order:2}.stv-d-act>.stv-d-note.good{display:none}.growth-btn.stv-up{flex-direction:column;gap:0;min-height:44px;line-height:1.15}.stv-up span,.stv-learn span,.stv-put{white-space:nowrap}.stv-learn{min-height:44px}}.stv-d-lv-chip{color:var(--lv-blue);font-variant-numeric:tabular-nums;border-color:#7fc8f58c;font-weight:700}.itemtip{--tip-good:#86e07a;--tip-bad:#ff7b6b;--tip-hp:#ff8f86;--tip-mp:#82b8ff;z-index:3000;box-sizing:border-box;pointer-events:none;width:max-content;min-width:196px;max-width:min(260px,100vw - 16px);color:var(--text);word-break:keep-all;overflow-wrap:anywhere;background:radial-gradient(140% 64px at 0 0, color-mix(in srgb, var(--g,var(--gold)) 22%, transparent), transparent 70%), linear-gradient(180deg, #241f1afb, #0d0c0afc);border:1px solid color-mix(in srgb, var(--gold) 58%, #000);border-top:2px solid color-mix(in srgb, var(--g,var(--gold)) 85%, #000);will-change:transform;border-radius:5px;padding:10px 12px 9px;font-size:12.5px;line-height:1.45;position:fixed;top:0;left:0;box-shadow:inset 0 0 0 1px #000000b8,inset 0 0 0 2px #f2c86b1a,0 12px 30px #000000a8,0 2px 5px #00000080}.itemtip[hidden]{display:none}.itemtip.it-in{animation:90ms ease-out it-in}@keyframes it-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.itemtip.it-in{animation:none}}.it-head{align-items:center;gap:10px;display:flex}.it-icon.item-icon{border-radius:4px;flex:none;width:40px;height:40px}.it-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.it-name{font-family:var(--title-font,serif);letter-spacing:.01em;color:color-mix(in srgb, var(--g,var(--text)) 88%, #fff);text-shadow:0 1px 0 #000, 0 0 10px color-mix(in srgb, var(--g,transparent) 40%, transparent);font-size:15px;font-weight:700;line-height:1.25}.itemtip[data-blessed=true]{--g:#f2c86b}.itemtip[data-blessed=true] .it-name{color:#ffe08a;text-shadow:0 1px #000,0 0 12px #ffd26480}.itemtip[data-grade=common] .it-name{color:#efe9dc;text-shadow:0 1px #000}.it-title-only{color:var(--title-color,var(--gold));text-shadow:0 1px #000;display:block}.it-plus{letter-spacing:-.01em;font-variant-numeric:tabular-nums;vertical-align:1px;color:#fff0c4;text-shadow:0 1px #000;background:#fff0c41a;border:1px solid #fff0c459;border-radius:3px;margin-left:5px;padding:0 4px;font-family:Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:13px;font-style:normal;font-weight:800;line-height:1.3;display:inline-block}.it-plus[data-tier=mid]{color:#ffc94a;background:#ffc94a21;border-color:#ffc94a8c}.it-plus[data-tier=high]{color:#ffa347;text-shadow:0 1px #000,0 0 8px #ff7828d9;background:#ff8c3229;border-color:#ff963cb3;box-shadow:0 0 8px #ff782859}.it-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:3px 7px;font-size:11px;display:flex}.it-grade{letter-spacing:.04em;color:color-mix(in srgb, var(--g,var(--muted)) 90%, #fff);font-weight:700}.itemtip[data-grade=common] .it-grade{color:var(--muted)}.it-tag{color:#2a1d08;background:linear-gradient(#ffe7a6,#c39032);border-radius:2px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:15px}.it-rows{border-top:1px solid #d6b05c3d;grid-template-columns:max-content minmax(0,1fr);gap:2px 10px;margin:8px 0 0;padding:7px 0 0;display:grid}.it-row{display:contents}.it-row dt{color:var(--muted)}.it-row dd{min-width:0;margin:0}.it-val{font-variant-numeric:tabular-nums;color:#f6f1e4;font-weight:700}.it-val[data-tone=good]{color:var(--tip-good)}.it-val[data-tone=bad]{color:var(--tip-bad)}.it-val[data-tone=hp]{color:var(--tip-hp)}.it-val[data-tone=mp]{color:var(--tip-mp)}.it-val[data-tone=gold]{color:var(--gold)}.it-val[data-tone=muted]{color:var(--muted);font-weight:600}.it-note{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.it-delta{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px;font-weight:700}.it-delta[data-tone=good]{color:var(--tip-good)}.it-delta[data-tone=bad]{color:var(--tip-bad)}.it-delta[data-tone=same]{color:var(--muted);font-weight:600}.it-cmp{color:color-mix(in srgb, var(--muted) 85%, transparent);grid-column:1/-1;margin:1px 0 0;font-size:10.5px}.it-info{color:#d8d2c4;margin:6px 0 0;font-size:12px}.it-info[data-tone=muted]{color:var(--muted)}.it-info[data-tone=warn]{color:#ffcf7a}.it-info[data-tone=gold]{color:#ffe08a}.it-info[data-tone=good]{color:var(--tip-good)}.it-info[data-tone=bad]{color:var(--tip-bad)}.it-title-only+.it-info{margin-top:3px}.it-set{border-top:1px solid #d6b05c3d;margin-top:8px;padding-top:6px}.it-set-title{color:var(--gold);text-shadow:0 1px #000;margin:0 0 3px;font-weight:700}.it-set-count{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--gold) 80%, #fff)}.it-set[data-done=true] .it-set-title{color:#ffe08a;text-shadow:0 1px #000,0 0 10px #ffd26473}.it-set-parts,.it-set-tiers{margin:0;padding:0;list-style:none}.it-set-parts{flex-direction:column;gap:1px;margin-bottom:4px;padding-left:8px;display:flex}.it-set-part{color:var(--muted);opacity:.62}.it-set-part:before{content:"▫ "}.it-set-part[data-worn=true]{color:#f6f1e4;opacity:1}.it-set-part[data-worn=true]:before{content:"▪ ";color:var(--gold)}.it-set-part[data-self=true]{text-underline-offset:2px;-webkit-text-decoration:underline dotted #d6b05c8c;text-decoration:underline dotted #d6b05c8c}.it-set-tier{color:var(--muted);opacity:.6;font-size:12px}.it-set-tier b{font-variant-numeric:tabular-nums}.it-set-tier[data-active=true]{color:var(--gold);opacity:1;font-weight:600}.it-set-after{color:var(--tip-good);margin:4px 0 0;font-size:11.5px}.it-price .it-val{color:#e9dcb4}.it-hints{color:var(--muted);border-top:1px dashed #d6b05c33;margin-top:8px;padding-top:6px;font-size:11px}.it-hints p{margin:0}@media (pointer:coarse){[data-tip-template],[data-tip-title]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.gear-plus{border:1px solid color-mix(in srgb, var(--gold,#f2c86b) 70%, #000);letter-spacing:.01em;color:#ffe08a;text-shadow:0 1px #000;white-space:nowrap;vertical-align:1px;cursor:help;background:linear-gradient(#f2c86b42,#78521457);border-radius:8px;margin-left:6px;padding:0 6px;font-family:inherit;font-size:11px;font-style:normal;font-weight:700;line-height:15px;display:inline-block;box-shadow:0 0 8px #f2c86b47}.gear-plus[data-learned=false]{color:#e8cf94;box-shadow:none;background:#f2c86b1a;border-style:dashed}.gear-fx{color:#f2d68a}.qs-plus{text-align:center;color:#ffe08a;text-shadow:0 1px #000;pointer-events:none;background:#281c06d1;border:1px solid #f2c86bbf;border-radius:6px;min-width:11px;padding:0 2px;font-size:10px;font-weight:800;line-height:12px;position:absolute;top:0;right:1px}.qs-plus[hidden]{display:none}.qs-slot[data-locked=true] .qs-plus{opacity:.6}.char-fight dd.char-gear-bonus{color:#ffe08a}.char-win .char-fight dt.char-set-dt{grid-column:1}.char-win .char-fight dd.char-set-dd{grid-column:2/-1}.char-win .char-fight dd.char-set-dd .char-note{color:#ffe08a;font-size:11px;display:block}.char-fight dd.char-set-wait{color:var(--muted)}.stv-gearplus{z-index:3;color:#ffe08a;pointer-events:none;background:#2a1d06;border:1.5px solid #f2c86b;border-radius:8px;place-items:center;min-width:18px;height:16px;padding:0 3px;font-size:10.5px;font-weight:800;line-height:1;display:grid;position:absolute;top:-3px;left:-5px;box-shadow:0 0 6px #f2c86b8c}.stv-gearplus[hidden]{display:none}.stv-gearplus[data-learned=false]{opacity:.7;border-style:dashed}:root{--lv-blue:#9fdcff}.lv-chip{letter-spacing:.01em;color:var(--lv-blue);text-shadow:0 1px #000;white-space:nowrap;vertical-align:1px;cursor:help;background:linear-gradient(#6ebef03d,#143c6466);border:1px solid #7fc8f5b3;border-radius:8px;margin-left:6px;padding:0 6px;font-family:inherit;font-size:11px;font-style:normal;font-weight:700;line-height:15px;display:inline-block;box-shadow:0 0 8px #6ebef040}.lv-chip[data-learned=false]{opacity:.6;box-shadow:none;border-style:dashed}.qs-plus[data-tone=level]{color:var(--lv-blue);background:#06182adb;border-color:#7fc8f5cc}.skw-total{color:#cfe9fb;margin:2px 0 0;font-size:11.5px}.stv-lvb{z-index:3;letter-spacing:.01em;min-width:26px;height:17px;color:var(--lv-blue);text-shadow:0 1px #000;pointer-events:none;background:#08213a;border:1.5px solid #6fc4ff;border-radius:9px;place-items:center;padding:0 4px;font-size:10.5px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-4px;right:-7px;box-shadow:0 0 6px #6fc4ff8c,0 1px 3px #000c}.stv-lvb[hidden]{display:none}.names-toggle{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:3px;margin:-2px 0;padding:1px 8px;font-size:12px}.names-toggle:hover{border-color:var(--gold);color:var(--gold)}.names-toggle[aria-pressed=true]{color:#ffe9b0;border-color:var(--gold);background:#f2c86b33}.names-toggle[aria-pressed=true]:before{content:"●";vertical-align:1px;color:var(--gold);margin-right:4px;font-size:8px}html.touch .names-toggle{min-height:32px;margin:-4px 0;padding:3px 12px;font-size:13px}.kb-win{width:min(560px,100% - 24px)}.kb-lead{color:var(--muted);margin:0 0 6px;font-size:12px;line-height:1.55}.kb-touch-note{color:var(--gold);display:none}html.touch .kb-touch-note{display:block}.kb-msg{z-index:1;min-height:34px;color:var(--text);background:#0a0b0df5;border:1px solid #d6b05c33;border-radius:3px;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 4px;padding:6px 8px;font-size:12px;line-height:1.5;display:flex;position:sticky;top:0}.kb-msg:empty{color:#0000}.kb-msg:has(>span:empty){color:#0000}.kb-msg[data-tone=good]{color:#b9dfa8;border-color:#96c87866}.kb-msg[data-tone=bad]{color:var(--danger);border-color:#e07a6b80}.kb-msg[data-tone=warn]{color:#ffe2a0;border-color:#f2c86bb3}.kb-ask-btns{gap:6px;display:inline-flex}.kb-ask-btns .opt-btn{flex:none;min-height:30px}.kb-group{margin-top:12px}.kb-row{border-bottom:1px solid #d6b05c14;align-items:center;gap:8px;padding:3px 0;display:flex}.kb-row[data-changed=true] .kb-name{color:var(--gold)}.kb-name{min-width:0;font:inherit;text-align:left;color:var(--text);cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;flex:0 0 38%;padding:4px 2px;font-size:12.5px}.kb-name:hover{color:var(--gold)}.kb-chips{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.kb-chip{background:#00000073;border:1px solid #d6b05c61;border-radius:3px;align-items:stretch;display:inline-flex}.kb-key{min-width:28px;font:inherit;color:#f0dfb2;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:3px 8px;font-size:12px;font-weight:600}.kb-key:hover{color:#fff3d6}.kb-x{width:20px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-left:1px solid #d6b05c33;padding:0;font-size:13px;line-height:1}.kb-x:hover{color:var(--danger)}.kb-add{min-width:28px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #d6b05c59;border-radius:3px;padding:3px 8px;font-size:12px}.kb-add:hover{color:var(--gold);border-color:var(--gold)}.kb-none{color:var(--muted);font-size:12px}.kb-chip.capturing,.kb-add.capturing{border-color:var(--gold);border-style:solid;animation:1s ease-in-out infinite alternate kb-wait}.kb-chip.capturing .kb-key,.kb-add.capturing{color:var(--gold)}@keyframes kb-wait{0%{box-shadow:0 0 #f2c86b1a}to{box-shadow:0 0 6px 1px #f2c86b80}}@media (prefers-reduced-motion:reduce){.kb-chip.capturing,.kb-add.capturing{animation:none}}.kb-undo{width:26px;height:24px;font:inherit;color:var(--gold);cursor:pointer;background:0 0;border:1px solid #d6b05c4d;border-radius:3px;flex:none;padding:0;font-size:14px;line-height:1}.kb-undo[hidden]{display:none}.kb-foot{justify-content:flex-end;margin-top:10px;display:flex}.kb-foot .opt-btn{flex:none}html.touch .kb-msg:has(>span:empty){display:none}html.touch .kb-row{flex-wrap:wrap}html.touch .kb-name{flex:60%}html.touch .kb-chips{flex:100%;order:3}html.touch .kb-undo{width:32px;height:30px}html.touch .kb-key,html.touch .kb-add{min-height:30px}html.touch .kb-x{width:28px}.help-table tr.kb-changed td:first-child{color:var(--gold)}.help-table tr.kb-changed td:first-child:after{content:" 바뀜";color:var(--gold);opacity:.8;font-size:10.5px;font-weight:600}.help-keys-btn{font:inherit;color:var(--text);cursor:pointer;background:#0006;border:1px solid #d6b05c59;border-radius:3px;flex:none;margin:0 0 8px;padding:4px 10px;font-size:12px}.help-keys-btn:hover{border-color:#d8b25a}.who-win{width:min(640px,100% - 24px)}.who-win .ac-win-body{container:who/inline-size}.who-bar{gap:6px;margin-bottom:6px;display:flex}.who-search{min-width:0;min-height:30px;font:inherit;color:var(--text);background:#00000073;border:1px solid #d6b05c4d;border-radius:3px;flex:1;padding:4px 8px;font-size:13px}.who-search:focus{border-color:var(--gold);outline:0}.who-refresh{min-height:30px;font:inherit;color:var(--text);cursor:pointer;background:#0006;border:1px solid #d6b05c59;border-radius:3px;flex:none;padding:4px 10px;font-size:12.5px}.who-refresh:hover:not(:disabled){border-color:#d8b25a}.who-refresh:disabled{color:var(--muted);cursor:default}.who-count{color:var(--gold);margin:0 0 4px;font-size:12.5px;font-weight:600}.who-note{color:var(--muted);margin:6px 0 0;font-size:11.5px}.who-note:empty{display:none}.who-head,.who-row{grid-template-columns:minmax(0,1.5fr) 62px 40px 48px minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:0 8px;display:grid}.who-head{color:var(--muted);border-bottom:1px solid #d6b05c40;padding:4px 8px;font-size:12px}.who-sort{font:inherit;text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.who-sort.lv{text-align:right;padding-right:12px}.who-sort.tower,.who-col.tower{text-align:right}.who-sort[data-on=true]{color:var(--gold)}.who-rows{overscroll-behavior:contain;flex-direction:column;max-height:46vh;display:flex;overflow-y:auto}.who-row{width:100%;min-height:30px;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d6b05c14;padding:4px 8px;font-size:12.5px}.who-row:hover,.who-row:focus-visible{background:#f2e6c814;outline:0}.who-row.me{box-shadow:inset 3px 0 0 var(--gold);background:#f2c86b1f}.who-row.me .who-col.name{color:var(--gold);font-weight:700}.who-col{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.who-row .who-col.name{align-items:baseline;gap:3px;font-weight:600;display:flex}.who-nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.who-col.lv{text-align:right;font-variant-numeric:tabular-nums;padding-right:12px}.who-row .who-col.guild,.who-row .who-col.zone,.who-row .who-col.title{color:var(--muted)}.who-empty{text-align:center;color:var(--muted);margin:14px 0;font-size:12.5px}.who-row .who-col.tower{color:var(--muted);font-variant-numeric:tabular-nums}@container who (width<=540px){.who-head{grid-template-columns:minmax(0,1fr) auto auto}.who-head .who-col.cls,.who-head .who-col.guild,.who-head .who-col.zone,.who-head .who-col.title{display:none}.who-row{grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"name cls lv tower""zone zone guild guild""title title title title";gap:1px 8px;min-height:44px;padding:6px 8px}.who-row .who-col.name{grid-area:name}.who-row .who-col.cls{color:var(--muted);grid-area:cls}.who-row .who-col.lv{grid-area:lv;min-width:2.2em;padding-right:0}.who-row .who-col.tower{grid-area:tower;min-width:2.6em;padding-right:0;font-size:11.5px}.who-row .who-col.zone{grid-area:zone;font-size:11.5px}.who-row .who-col.guild{grid-area:guild;font-size:11.5px}.who-row .who-col.title{grid-area:title;font-size:11.5px}.who-row .who-col[data-empty=true]:is(.guild,.title){display:none}}html.touch .who-search,html.touch .who-refresh{min-height:38px}.who-menu{z-index:9000;background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;min-width:170px;max-width:min(260px,100% - 16px);padding:4px;font-size:13px;display:flex;position:fixed;box-shadow:0 8px 24px #00000080}.who-menu-name{color:var(--gold);align-items:baseline;gap:4px;padding:4px 8px 2px;font-weight:600;display:flex;overflow:hidden}.who-menu-info{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:2px;padding:0 8px 6px;font-size:11.5px;line-height:1.45}.who-menu button{min-height:34px;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 8px}.who-menu button:hover:not(:disabled),.who-menu button:focus-visible{background:#f2e6c81a;outline:0}.who-menu button:disabled{color:var(--muted);cursor:default}.who-menu-note{color:var(--danger);padding:4px 8px;font-size:11.5px;line-height:1.45}.who-menu-note[hidden]{display:none}html.touch .who-menu button{min-height:44px}#hud .hud-who{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dotted #f2c86b8c;padding:0;position:relative}#hud .hud-who:hover,#hud .hud-who:focus-visible{color:var(--gold);border-bottom-color:var(--gold);outline:0}html.touch #hud .hud-who:after{content:"";position:absolute;inset:-15px -6px}.tower-win{width:min(440px,100% - 24px)}.tower-gate{flex-direction:column;gap:6px;font-size:13px;display:flex}.tower-lead{color:var(--muted);margin:0 0 2px;line-height:1.5}.tower-row{gap:10px;margin:0;line-height:1.45;display:flex}.tower-label{width:5.6em;color:var(--muted);flex:none}.tower-value{min-width:0;color:var(--text);overflow-wrap:anywhere}.tower-best .tower-value{color:var(--gold);font-weight:700}.tower-running{color:#bfeaff;background:#6fc7ff1a;border:1px solid #6fc7ff59;border-radius:3px;margin:2px 0;padding:6px 8px;line-height:1.45}.tower-sub{color:var(--gold);margin:6px 0 0;font-size:12px;font-weight:600}.tower-starts{overscroll-behavior:contain;flex-wrap:wrap;gap:4px;max-height:24vh;display:flex;overflow-y:auto}.tower-start{min-width:58px;min-height:36px;font:inherit;color:var(--text);cursor:pointer;background:#0006;border:1px solid #d6b05c4d;border-radius:3px;flex-direction:column;align-items:center;padding:3px 8px;display:flex}.tower-start b{font-size:13px}.tower-start small{color:var(--muted);font-size:10.5px}.tower-start:hover{border-color:#d8b25a}.tower-start[aria-pressed=true]{border-color:var(--gold);background:#f2c86b29}.tower-start[aria-pressed=true] b{color:var(--gold)}.tower-note{color:var(--muted);margin:4px 0 0;font-size:11.5px;line-height:1.5}.tower-problem{color:var(--danger);margin:0;font-size:12px}.tower-actions{gap:6px;margin-top:4px;display:flex}.tower-enter,.tower-rank-btn{min-height:36px;font:inherit;color:var(--text);cursor:pointer;background:#0006;border:1px solid #d6b05c66;border-radius:3px;flex:1;padding:6px 10px;font-size:13px}.tower-enter{color:#1b1408;background:linear-gradient(#e8c970,#c79c3e);border-color:#f2d38b;flex:2;font-weight:700}.tower-enter:disabled{color:var(--muted);cursor:default;background:#0006;border-color:#d6b05c33}.tower-rank-btn:hover{border-color:#d8b25a}html.touch .tower-start,html.touch .tower-enter,html.touch .tower-rank-btn{min-height:44px}.tower-rank-win{width:min(480px,100% - 24px)}.tower-tabs{gap:4px;margin-bottom:6px;display:flex}.tower-tab{min-height:32px;font:inherit;color:var(--muted);cursor:pointer;background:#00000059;border:1px solid #d6b05c40;border-radius:3px;flex:1;padding:4px 8px;font-size:13px}.tower-tab[aria-selected=true]{color:var(--gold);border-color:var(--gold);background:#f2c86b1f}.tower-rank-summary{color:var(--gold);margin:0 0 4px;font-size:12.5px;font-weight:600}.tower-rank-row{border-bottom:1px solid #d6b05c14;align-items:center;gap:0 8px;padding:4px 8px;font-size:12.5px;display:grid}.tower-rank-row.solo{grid-template-columns:38px minmax(0,1.4fr) 56px 52px 56px}.tower-rank-row.party{grid-template-columns:38px minmax(0,1fr) 44px 56px}.tower-rank-row.head{color:var(--muted);border-bottom-color:#d6b05c40;font-size:12px}.tower-cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tower-rank-row.party .tower-cell.c0{white-space:normal;overflow-wrap:anywhere}.tower-cell.rank{font-variant-numeric:tabular-nums;color:var(--gold)}.tower-rank-row:not(.head) .tower-cell:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.tower-rank-row.head .tower-cell:last-child{text-align:right}.tower-rank-row.me{box-shadow:inset 3px 0 0 var(--gold);background:#f2c86b1f}.tower-rank-rows{overscroll-behavior:contain;max-height:44vh;overflow-y:auto}.tower-panel{z-index:4;min-width:min(360px,100% - 24px);max-width:calc(100% - 24px);color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;align-items:stretch;gap:3px;padding:6px 10px;font-size:12.5px;display:flex;position:fixed;top:52px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073}.tower-panel[hidden]{display:none}.tower-panel[data-boss=true]{border-color:#e05a50}.tower-panel-main,.tower-panel-sub{flex-wrap:wrap;align-items:center;gap:2px 12px;display:flex}.tower-panel-title{color:var(--gold);font-size:14px}.tower-panel-count{color:var(--text)}.tower-panel-door{color:#e8a29a;margin-left:auto}.tower-panel[data-open=true] .tower-panel-door{color:#bfeaff;font-weight:700}.tower-panel-sub{color:var(--muted);justify-content:space-between;font-size:11.5px}.tower-leave{min-height:24px;font:inherit;color:var(--text);cursor:pointer;background:#0006;border:1px solid #d6b05c66;border-radius:3px;padding:2px 10px;font-size:12px}.tower-leave:hover{border-color:#d8b25a}.tower-panel-flash{text-align:center;color:#bfeaff;text-shadow:0 1px #000;padding:3px 0 1px;font-size:14px;font-weight:700;animation:3.6s ease-out forwards tower-flash}.tower-panel-flash[hidden]{display:none}@keyframes tower-flash{0%{opacity:0;transform:translateY(4px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tower-panel-flash{animation:none}}#hud-time{white-space:nowrap;color:#f2c86b;cursor:default;background:#f0c86e24;border-radius:3px;align-items:center;gap:4px;padding:1px 6px 1px 4px;font-size:12px;display:inline-flex}#hud-time .hud-time-ico{width:14px;height:14px;display:inline-flex}#hud-time .hud-time-ico svg{width:14px;height:14px}#hud-time .hud-time-text{color:var(--text);font-variant-numeric:tabular-nums}#hud-time[data-phase=dawn]{color:#f5a98a;background:#f5a08229}#hud-time[data-phase=dusk]{color:#ff9a5a;background:#ff8c5029}#hud-time[data-phase=night]{color:#b8c8ff;background:#8296e62e}html.touch #hud-time{gap:3px;padding:1px 4px 1px 3px}html.touch #hud-time .hud-time-phase{display:none}#hud-time .hud-time-phase{color:inherit}@media (width<=600px){html.touch #hud-time .hud-time-text{display:none}}.gmark{color:#8ec5ff;cursor:default;flex:none;font-size:.92em;font-style:normal;font-weight:700;line-height:1;display:inline-block}.gmark[data-g=f]{color:#ff9fc4}li[data-online=false] .gmark{opacity:.6}.gender-change{justify-content:center;align-items:baseline;gap:4px;margin:8px 0 4px;font-size:17px;font-weight:600;display:flex}.gender-change .gmark{font-size:1.15em}.gender-arrow{color:var(--gold);margin:0 10px}#auth{--auth-panel-bg:linear-gradient(#120f0ce0, #090807f0);--auth-line:#f2c86b4d;--auth-muted:#9d9483;--auth-text:#d8ccb4}#auth .sel-inner{padding-bottom:calc(clamp(14px, 2.4vh, 32px) + var(--kb,0px))}#auth .sel-title{flex:none}.auth-main{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex;position:relative}.auth-main>*{animation:.7s cubic-bezier(.2,.7,.2,1) .15s backwards sel-rise}.auth-panel{background:var(--auth-panel-bg);border:1px solid var(--auth-line);border-radius:4px;flex-direction:column;gap:12px;width:min(440px,100%);padding:22px 24px 16px;display:flex;position:relative;box-shadow:inset 0 1px #ffe6aa14,0 0 0 1px #000c,0 16px 44px #000000b3}.auth-panel:before,.auth-panel:after{content:"";background:linear-gradient(135deg, var(--gold-hi), var(--gold-mid) 50%, var(--gold-lo));width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;rotate:45deg;box-shadow:0 0 0 2px #120c05}.auth-panel:before{left:-6px}.auth-panel:after{right:-6px}.auth-h{text-align:center;font-family:var(--title-font);letter-spacing:.14em;text-indent:.14em;color:var(--gold);text-shadow:0 2px 6px #000;margin:0;font-size:21px;font-weight:800}.auth-lead{text-align:center;color:#b9b0a0;text-shadow:0 1px 3px #000;margin:0;font-size:14px;line-height:1.6}.auth-fine{text-align:center;color:var(--auth-muted);margin:0;font-size:12px;line-height:1.55}.auth-notice,.auth-error{text-align:center;color:var(--danger);margin:0;font-size:13px;line-height:1.5}.auth-notice[data-kind=info]{color:#cdbf9a}.auth-notice:empty,.auth-error:empty{display:none}.auth-error-top{max-width:min(640px,100%)}.auth-count{color:var(--auth-muted);font-variant-numeric:tabular-nums;font-size:13px}:where(#auth,.auth-dialog) button{font:inherit;-webkit-tap-highlight-color:transparent}#auth button:focus-visible,#auth a:focus-visible,.auth-dialog button:focus-visible,.auth-dialog a:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}#auth button:disabled,.auth-dialog button:disabled{cursor:not-allowed}.auth-gold{min-width:132px;min-height:48px;font-family:var(--title-font);letter-spacing:.16em;text-indent:.16em;color:#2a1704;text-shadow:0 1px #fff0c899;cursor:pointer;white-space:nowrap;background:linear-gradient(#f3d488,#c4943f 48%,#8f6424 52%,#c79a48);border:1px solid #f6dc95;border-radius:3px;padding:0 24px;font-size:17px;font-weight:800;transition:filter .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px #fffadcb3,inset 0 -2px 4px #3c1e0080,0 0 0 1px #2a1a06,0 0 18px #ffaa4640}.auth-gold:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px #fffadcb3,inset 0 -2px 4px #3c1e0080,0 0 0 1px #2a1a06,0 0 26px #ffaa4680}.auth-gold:active:not(:disabled){filter:brightness(.95)}.auth-gold:disabled{filter:grayscale(.7)brightness(.55);box-shadow:0 0 0 1px #2a1a06}.auth-gold[data-state=busy]{cursor:wait}.auth-wide{width:100%}.auth-ghost{color:#e9dcc0;cursor:pointer;background:linear-gradient(#282116e6,#120f0bf2);border:1px solid #f2c86b66;border-radius:3px;min-height:44px;padding:0 18px;font-size:14px;transition:border-color .2s,color .2s,box-shadow .2s}.auth-ghost:hover:not(:disabled){border-color:var(--gold);color:var(--gold-hi);box-shadow:0 0 12px #f2c86b33}.auth-ghost:disabled{opacity:.5}.auth-link,.auth-links a{color:#b9ad94;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;padding:0 10px;font-size:13px;-webkit-text-decoration:underline #b9ad9473;text-decoration:underline #b9ad9473;display:inline-grid}.auth-link:hover:not(:disabled),.auth-links a:hover{color:var(--gold-hi);text-decoration-color:currentColor}.auth-link:disabled{opacity:.5}.auth-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;margin:0;display:flex}.auth-danger{color:#ffe9e4;cursor:pointer;background:linear-gradient(#7a2a22,#4a1713);border:1px solid #b4584a;border-radius:3px;min-width:120px;min-height:46px;padding:0 20px;font-size:15px;font-weight:700}.auth-danger:hover:not(:disabled){filter:brightness(1.15)}.auth-danger:disabled{filter:grayscale(.6)brightness(.6)}.auth-input{width:100%;min-width:0;min-height:46px;color:var(--text);font:inherit;background:#00000080;border:1px solid #f2c86b38;border-radius:3px;padding:11px 12px;font-size:16px;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:#7b7569}.auth-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 1px #f2c86b59,0 0 14px #f2c86b33}.auth-input:disabled{opacity:.55}.auth-login,.auth-register,.auth-consent{gap:12px}.auth-register{width:min(460px,100%)}.auth-reg-col{flex-direction:column;gap:12px;min-width:0;display:flex}@media (width>=900px) and (height>=560px){.auth-register{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:34px;width:min(880px,100%);padding:22px 30px 18px;display:grid}.auth-register>.auth-h{grid-column:1/-1}.auth-register .auth-reg-col:last-child{justify-content:space-between}.auth-register .auth-warn{margin-top:0}.auth-register .auth-link{align-self:center}}.auth-field{gap:5px;display:grid}.auth-field-label{letter-spacing:.04em;color:#b9ad94;font-size:12.5px}.auth-hint{min-height:1.3em;color:var(--auth-muted);margin:0;font-size:12.5px;line-height:1.45}.auth-hint[data-kind=error]{color:var(--danger)}.auth-hint[data-kind=ok]{color:#9fcf8a}.auth-hint:empty{display:none}.auth-field[data-bad] .auth-input{border-color:#e07a6bb3}.auth-pw{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.auth-pw .auth-input{padding-right:74px}.auth-eye{color:#c9b98f;cursor:pointer;background:0 0;border:0;border-left:1px solid #f2c86b26;border-radius:0 3px 3px 0;min-width:66px;height:100%;min-height:46px;padding:0 12px;font-size:13px;position:absolute;top:0;right:0}.auth-eye:hover{color:var(--gold-hi)}.auth-or{color:var(--auth-muted);align-items:center;gap:12px;margin:4px 0 -2px;font-size:12.5px;display:flex}.auth-or:before,.auth-or:after{content:"";background:#f2c86b2e;flex:1;height:1px}.auth-warn{border-left:3px solid var(--gold-mid);color:#e0d3b4;background:#f2c86b12;border-radius:2px;margin:2px 0;padding:9px 12px;font-size:13px;line-height:1.55}.auth-sr{clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-checks{gap:2px;margin:2px 0 0;padding:0;list-style:none;display:grid}.auth-check{border-bottom:1px solid #f2c86b1a;flex-direction:column;display:flex}.auth-check:last-child{border-bottom:0}.auth-check label{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:1;align-items:center;gap:12px;min-width:0;min-height:48px;padding:4px;display:flex;position:relative}.auth-check input{opacity:0;width:1px;height:1px;position:absolute}.auth-box{background:#00000080;border:1.5px solid #f2c86b8c;border-radius:3px;flex:none;place-items:center;width:24px;height:24px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid}.auth-box:after{content:"";opacity:0;border-bottom:2.5px solid #2a1704;border-left:2.5px solid #2a1704;width:12px;height:6px;margin-top:-2px;transition:opacity .15s;rotate:-45deg}.auth-check input:checked+.auth-box{background:linear-gradient(#f3d488,#c4943f);border-color:#f6dc95;box-shadow:0 0 10px #ffb45066}.auth-check input:checked+.auth-box:after{opacity:1}.auth-check input:focus-visible+.auth-box{outline:2px solid var(--gold-hi);outline-offset:2px}.auth-check-text{color:var(--auth-text);font-size:14.5px;line-height:1.4}.auth-view-row{flex-wrap:wrap;gap:0 16px;padding:0 4px 4px 36px;display:flex}.auth-view{min-height:44px;color:var(--gold);text-underline-offset:3px;place-items:center;font-size:13px;text-decoration:underline;display:inline-grid}.auth-view:hover{color:var(--gold-hi)}.auth-panel>.auth-link{align-self:center}.auth-chars{flex-direction:column;align-items:center;gap:14px;width:min(1000px,100%);display:flex}.auth-create{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.auth-create-body{display:block}.auth-create[data-mode=fold][data-open=false] .auth-create-body{display:none}.auth-create[data-mode=fold][data-open=true] .auth-create-body{animation:.35s ease-out backwards sel-fade}#auth[data-stage=true] .sel-inner>.sel-title,#auth[data-stage=true] .auth-chars>:not(.auth-create),#auth[data-stage=true] .auth-fold{display:none}#auth[data-screen=characters] .auth-main>*{animation:none}.sel-form .auth-gold{width:100%}.sel-form .auth-error{text-align:left}.sel-form .sel-back{justify-self:start;padding-inline:2px}.sel-side .auth-foot{border-top:1px solid #f2c86b2e;margin-top:2px;padding-top:8px}@media (pointer:fine){.sel-side .auth-link,.sel-side .auth-links a{min-height:28px;padding-inline:6px}.sel-side .auth-ghost{min-height:34px;padding-inline:12px;font-size:13px}.sel-side .auth-foot-buttons{gap:0 8px}}.auth-fold,.auth-full{border:1px solid var(--auth-line);background:var(--auth-panel-bg);width:min(640px,100%);min-height:56px;color:var(--auth-text);text-align:left;border-radius:4px;align-items:center;gap:12px;margin:0;padding:8px 18px;display:flex;box-shadow:inset 0 1px #ffe6aa14,0 0 0 1px #000c,0 10px 28px #0000008c}.auth-fold{cursor:pointer;transition:border-color .2s,box-shadow .2s}.auth-fold:hover{border-color:var(--gold);box-shadow:inset 0 1px #ffe6aa1a,0 0 0 1px #000c,0 0 20px #f2c86b38,0 10px 28px #0000008c}.auth-fold b,.auth-full b{font-family:var(--title-font);letter-spacing:.08em;color:var(--gold);font-size:17px;font-weight:800}.auth-full b{color:#b9ad94}.auth-fold .auth-count,.auth-full .auth-count{margin-left:auto}.auth-full .auth-count{margin-left:0}.auth-plus{background:linear-gradient(135deg, var(--gold-hi), var(--gold-mid) 55%, var(--gold-lo));color:#2a1704;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:18px;font-weight:800;line-height:1;transition:rotate .3s;display:grid}.auth-create[data-open=true] .auth-plus{rotate:45deg}.auth-list{flex-direction:column;gap:8px;width:min(640px,100%);display:flex}.auth-list-head{align-items:baseline;gap:10px;padding:0 4px;display:flex}.auth-list-head .auth-h{text-align:left;text-indent:0;font-size:18px}.auth-rows{gap:10px;margin:0;padding:0;list-style:none;display:grid}.char-row{border:1px solid var(--auth-line);width:100%;min-height:78px;color:var(--auth-text);text-align:left;cursor:pointer;background:linear-gradient(90deg,#282014ed,#0f0d0aed);border-radius:4px;grid-template-columns:60px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:9px 16px 9px 10px;transition:border-color .2s,box-shadow .2s,translate .2s;display:grid;box-shadow:inset 0 1px #ffe6aa12,0 0 0 1px #000c,0 10px 26px #0000008c}.char-row:hover:not(:disabled){border-color:var(--gold);translate:0 -1px;box-shadow:inset 0 1px #ffe6aa1a,0 0 0 1px #000c,0 0 22px #f2c86b40,0 12px 28px #0000008c}.char-row:disabled{opacity:.6}.char-row[data-state=busy]{opacity:1;border-color:var(--gold);cursor:wait}.char-portrait{object-fit:cover;background:#111;border:2px solid #c9a04e;border-radius:50%;width:58px;height:58px;box-shadow:0 0 0 1px #1a1208,0 0 0 3px #f2c86b33,0 0 12px #ffaa4633}.char-info{gap:3px;min-width:0;display:grid}.char-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--title-font);letter-spacing:.04em;color:#f3e6c8;font-size:21px;font-weight:800;line-height:1.15;overflow:hidden}.char-cls{color:var(--auth-muted);font-size:13px}.char-lv{font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:0 1px 3px #000;font-size:19px;font-weight:700}.char-lv small{color:#b8893a;margin-right:1px;font-size:12px;font-weight:600}.char-go{text-align:center;letter-spacing:.06em;min-width:92px;color:var(--gold-hi);background:linear-gradient(#3c2e16e6,#1c150af2);border:1px solid #f2c86b80;border-radius:3px;padding:11px 14px;font-size:14px;font-weight:600;transition:background .2s,color .2s}.char-row:hover:not(:disabled) .char-go,.char-row[data-state=busy] .char-go{color:#2a1704;background:linear-gradient(#f3d488,#c4943f 48%,#8f6424 52%,#c79a48)}.auth-foot{flex-direction:column;align-items:center;gap:2px;margin-top:4px;display:flex}.auth-foot-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;display:flex}.auth-who{color:var(--auth-muted);text-shadow:0 1px 3px #000;margin:0 0 4px;font-size:12.5px}.auth-who b{color:#cdbf9a;font-weight:600}.auth-dialog-shade{z-index:5000;background:#0000009e;place-items:center;padding:16px;animation:.2s ease-out backwards sel-fade;display:grid;position:fixed;inset:0}.auth-dialog{background:var(--frame-bg,linear-gradient(#211d18fa, #0b0a09fc)) padding-box, var(--frame-gold,linear-gradient(155deg, #f7df9c, #9a7428 20%, #dcb65e 45%, #6c4f1f 72%, #c99f4a)) border-box;width:min(400px,100%);max-height:100%;color:var(--text);border:1px solid #0000;border-radius:6px;padding:20px 22px 18px;animation:.35s cubic-bezier(.2,.7,.2,1) backwards sel-rise;overflow:auto;box-shadow:inset 0 0 0 1px #000000b8,inset 0 0 0 2px #f2c86b29,0 18px 48px #000000b3}.auth-dialog-title{text-align:center;font-family:var(--title-font,serif);letter-spacing:.12em;text-indent:.12em;color:var(--gold);margin:0 0 12px;font-size:20px;font-weight:800}.auth-dialog-body{gap:12px;display:grid}.auth-dialog-text{color:#cfc5b0;word-break:keep-all;margin:0;font-size:14px;line-height:1.6}.auth-dialog-ask{color:#e6c9c2;gap:8px;font-size:13.5px;display:grid}.auth-dialog-buttons{justify-content:flex-end;gap:10px;display:flex}.auth-dialog-stack{gap:8px;display:grid}.auth-dialog .auth-error{margin:0}.auth-dialog .auth-error[data-kind=ok]{color:#9fcf8a}.auth-who b{color:#f3e6c8}.auth-dialog .auth-gold,.auth-dialog .auth-ghost{min-height:46px}.auth-delete{gap:12px;display:grid}@media (width<=520px){#auth h1{font-size:36px}#auth .sel-inner{padding-top:max(16px, env(safe-area-inset-top));gap:10px}#auth[data-screen=characters] .sel-inner{justify-content:flex-start}.auth-panel{padding:18px 16px 12px}.auth-panel:before,.auth-panel:after{display:none}.char-row{grid-template-columns:52px minmax(0,1fr) auto auto;gap:12px;min-height:72px;padding-right:12px}.char-go{background:0 0;border:0;min-width:0;padding:0;font-size:0}.char-go:after{content:"›";color:var(--gold);font-size:30px;line-height:1}.char-row:hover:not(:disabled) .char-go,.char-row[data-state=busy] .char-go{background:0 0}.char-portrait{width:52px;height:52px}.char-name{font-size:19px}.auth-fold,.auth-full{padding-inline:14px}}@media (height<=520px) and (orientation:landscape){#auth .sel-inner{padding-bottom:calc(10px + var(--kb,0px));grid-template-rows:auto auto auto 1fr}.auth-main,.auth-chars{display:contents}.auth-main>.auth-panel{margin-right:max(12px, env(safe-area-inset-right));grid-area:1/2/5;place-self:center}.auth-main>*{animation:none}.auth-panel{gap:8px;padding:14px 16px 8px}#auth[data-screen=register] .sel-inner{padding:8px max(12px, env(safe-area-inset-right)) calc(10px + var(--kb,0px)) max(12px, env(safe-area-inset-left));display:block}#auth[data-screen=register] .sel-title{display:none}#auth[data-screen=register] .auth-main,#auth[data-screen=register] .auth-main>.auth-panel{display:grid}#auth[data-screen=register] .auth-main>.auth-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;width:min(800px,100%);margin:0 auto}.auth-register>.auth-h{grid-column:1/-1}.auth-register .auth-reg-col{gap:6px}.auth-lead{font-size:13px;line-height:1.5}.auth-check label{min-height:44px}.auth-login .auth-field-label,.auth-login .auth-or{display:none}.auth-login{gap:8px}.auth-create{width:auto;margin-right:max(12px, env(safe-area-inset-right));grid-area:1/2/5;align-self:center;gap:6px;min-width:0}.auth-fold,.auth-full{min-height:48px}.auth-create[data-mode=fold]{align-self:start;padding-top:10px}.auth-list{width:auto;padding-left:max(12px, env(safe-area-inset-left));grid-area:2/1}.auth-list-head .auth-h{font-size:16px}.auth-rows{gap:6px}.char-row{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:56px;padding:6px 10px 6px 8px}.char-portrait{width:42px;height:42px}.char-name{font-size:17px}.char-lv{font-size:16px}.char-go{display:none}.auth-error-top{padding-left:max(12px, env(safe-area-inset-left));grid-area:3/1}.auth-foot{padding-left:max(6px, env(safe-area-inset-left));grid-area:4/1;justify-content:flex-start;align-self:start;margin-top:0}.auth-link,.auth-links a{padding:0 6px}#auth .sel-title{padding-left:0}}@media (prefers-reduced-motion:reduce){#auth *,#auth :before,#auth :after,.auth-dialog-shade,.auth-dialog{transition:none!important;animation:none!important}}:root{--bg:#0e1216;--panel:#101215db;--line:#f2e6c829;--text:#e8e4dc;--muted:#9a958b;--gold:#f2c86b;--danger:#e07a6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}#disconnected button{font:inherit;cursor:pointer;color:#fff3d6;background:#6b5220;border:1px solid #8a6a2a;border-radius:4px;padding:11px 12px;font-weight:600}#hud{background:var(--panel);border:1px solid var(--line);max-width:calc(100% - 24px);color:var(--muted);border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 12px;font-size:13px;display:flex;position:fixed;top:12px;left:12px}#hud[hidden]{display:none}#hud strong{color:var(--gold)}#hud b{color:var(--text);font-weight:600}#hud-zone{color:#a8d0a0;background:#78aa7833;border-radius:3px;padding:1px 6px;font-size:12px}#hud-zone[data-safe=false]{color:var(--danger);background:#e07a6b2e}#help{color:var(--muted);pointer-events:none;text-shadow:0 1px 2px #000;margin:0;font-size:12px;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}#disconnected{background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}#disconnected[hidden]{display:none}#reconnect{z-index:9000;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 0;touch-action:none;cursor:progress;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}#reconnect[hidden]{display:none}#reconnect p{max-width:100%;color:var(--gold);text-align:center;text-shadow:0 1px 2px #000;background:#101215e6;border:1px solid #f2c86b73;border-radius:14px;margin:0;padding:6px 14px;font-size:13px;line-height:1.3}kbd{border:1px solid var(--line);font:inherit;border-radius:3px;padding:0 4px;font-size:11px;display:inline-block}#status{background:var(--panel);border:1px solid var(--line);border-radius:4px;flex-direction:column;gap:6px;width:min(260px,100% - 24px);padding:10px 12px;font-size:13px;display:flex;position:fixed;bottom:12px;left:12px}#status[hidden],#log[hidden],#bag[hidden],#bag-button[hidden]{display:none}#status .row b{color:var(--gold)}#status .small,.small{color:var(--muted);font-size:11px}.bar{background:#00000080;border-radius:3px;height:16px;position:relative;overflow:hidden}.bar i{transition:width .2s;position:absolute;inset:0 auto 0 0}.bar.hp i{background:linear-gradient(#b8382f,#7d1f1a)}.bar.mp{height:12px}.bar.mp i{background:linear-gradient(#4a78d4,#213f86)}.bar.mp span{font-size:10px;line-height:12px}.bar.exp{height:10px}.bar.exp i{background:linear-gradient(#c9a64a,#8a6a24)}.bar span{text-align:center;text-shadow:0 1px 2px #000;font-size:11px;line-height:16px;display:block;position:relative}.bar.exp span{font-size:9px;line-height:10px}#status[data-low=true] .bar.hp{animation:.9s infinite alternate low}@keyframes low{to{box-shadow:0 0 0 1px #e0503d}}#log{pointer-events:none;flex-direction:column;gap:2px;width:min(360px,100% - 24px);display:flex;position:fixed;bottom:140px;left:12px}#log p{color:var(--text);text-shadow:0 1px 2px #000,0 0 4px #000;margin:0;font-size:13px;transition:opacity 1.5s}#log p[data-tone=good]{color:var(--gold);font-weight:600}#log p[data-tone=bad]{color:var(--danger)}#log p.old{opacity:0}#bag-button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:8px 12px;font-size:13px;position:fixed;bottom:12px;right:12px}#bag{background:var(--panel);border:1px solid var(--line);border-radius:4px;width:min(340px,100% - 24px);padding:10px;position:fixed;bottom:56px;right:12px}.bag-head{color:var(--muted);align-items:baseline;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.bag-head>b{color:var(--gold)}.bag-head .silver{margin-left:auto}.bag-head .silver b{color:var(--text)}#bag-slots{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.slot{aspect-ratio:1;cursor:default;-webkit-user-select:none;user-select:none;background:#0006;border:1px solid #f2e6c814;border-radius:3px;place-items:center;display:grid;position:relative}.slot img{image-rendering:auto;pointer-events:none;width:80%}.slot .count{text-shadow:0 1px 2px #000;font-size:10px;position:absolute;bottom:0;right:2px}.slot .enchant{color:var(--gold);text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;top:0;left:2px}.slot[data-equipped=true]{border-color:var(--gold);box-shadow:inset 0 0 6px #f2c86b59}#bag p{margin:8px 0 0}#hurt{pointer-events:none;opacity:0;background:radial-gradient(#0000 50%,#b4141473 100%);position:fixed;inset:0}#hurt.on{animation:.45s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}#death{background:#14000073;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:20px;display:flex;position:fixed;inset:0}#death[hidden]{display:none}#death button{font:inherit;cursor:pointer;color:#fff3d6;background:#6b5220;border:1px solid #8a6a2a;border-radius:4px;padding:10px 18px;font-size:15px}@media (width<=720px){#help{display:none}#log{bottom:150px}}:root{--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.touch{--panel:#101215f5}html.touch,html.touch body{overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html.touch body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.touch input,html.touch textarea{-webkit-user-select:text;user-select:text}html.touch #game canvas{touch-action:none}html.touch #help,html.touch .shop-foot,html.touch .minimap-open kbd,html.touch #bag>p.small:not(.touch-bag-help){display:none}html.touch #bag>.touch-bag-help{display:block}html.touch #login input{font-size:16px}html.touch #hud{top:calc(8px + var(--sat));left:calc(8px + var(--sal));max-width:calc(100% - 16px - var(--sal) - var(--sar));gap:2px 10px;padding:5px 9px;font-size:12px}html.touch .sound-button{width:34px;height:28px}html.touch #odds-button{padding:4px 2px}html.touch .minimap{right:calc(10px + var(--sar))}html.touch .minimap-btn{width:34px;height:30px}html.touch .minimap-open{min-height:40px;padding:0 14px}html.touch .siege-bar{top:calc(var(--hud-b,48px) + 6px);left:calc(10px + var(--sal));right:auto;transform:none}html.touch .party-frame{left:calc(10px + var(--sal));top:calc(var(--top-b,48px) + 6px);max-height:calc(100% - var(--top-b,48px) - 12px - var(--left-stack,140px) - 34px)}html.touch body.has-party #log{left:calc(10px + var(--sal) + 196px + 8px);width:min(360px, calc(100% - 230px - var(--pad-w,248px) - var(--sal) - var(--sar)))}html.touch #status{left:calc(10px + var(--sal));bottom:calc(10px + var(--sab));gap:5px;width:226px;padding:7px 10px}html.touch .touch-target{left:calc(10px + var(--sal));bottom:calc(var(--status-h,110px) + 16px + var(--sab));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:8px;width:226px}html.touch .touch-target-buttons button{min-width:44px}html.touch{--left-stack:calc(var(--status-h,110px) + 16px + var(--sab))}html.touch.has-target{--left-stack:calc(var(--status-h,110px) + 16px + 54px + var(--sab))}html.touch .skill-buffs{left:calc(10px + var(--sal));right:auto;bottom:var(--left-stack);flex-direction:row}html.touch #log{left:calc(10px + var(--sal));bottom:calc(var(--left-stack) + 32px);width:min(360px, calc(100% - 20px - var(--sal) - var(--sar)))}html.touch .chat-lines{top:auto;left:calc(10px + var(--sal) + 226px + 12px);right:calc(var(--pad-w,248px) + 22px + var(--sar));bottom:calc(10px + var(--sab));width:auto}html.touch .chat-form{left:calc(10px + var(--sal));right:calc(10px + var(--sar));width:auto;bottom:max(calc(var(--kb,0px) + 6px), calc(10px + var(--sab)));z-index:45}html.touch .chat-form:not([hidden]){gap:6px;display:flex}html.touch .chat-form input{flex:1;min-width:0;padding:10px 12px;font-size:16px}html.touch .chat-lines.typing{bottom:max(calc(var(--kb,0px) + 60px), calc(64px + var(--sab)));z-index:44}html.touch #bag{right:calc(var(--pad-w,248px) + 20px + var(--sar));bottom:calc(10px + var(--sab));width:min(330px, calc(100% - var(--pad-w,248px) - 30px - var(--sal) - var(--sar)));z-index:7;max-height:calc(100% - 20px - var(--sat) - var(--sab));overscroll-behavior:contain;overflow-y:auto}html.touch .trade-window{max-height:210px}html.touch:has(.trade-window) #bag{max-height:calc(100% - var(--hud-b,56px) - 6px - 210px - 16px - var(--sab))}html.touch .stall-bar{right:calc(10px + var(--sar));z-index:6;bottom:calc(var(--pad-h,160px) + 16px + var(--sab))!important}html.touch .stall-bar button{min-height:40px}html.touch .shop-panel,html.touch .trade-window,html.touch .trade-ask,html.touch #pvp-warn,html.touch #scroll-pick,html.touch .guild-panel,html.touch .stall-panel{top:calc(var(--hud-b,56px) + 6px)}html.touch .shop-panel,html.touch .trade-window,html.touch .guild-panel,html.touch .stall-panel{max-height:calc(100% - var(--hud-b,56px) - 16px - var(--sab));z-index:8}html.touch .shop-panel,html.touch .trade-window,html.touch .trade-ask,html.touch #pvp-warn,html.touch #scroll-pick,html.touch .party-ask,html.touch .guild-ask{left:calc((100% - var(--pad-w,0px) - 20px - var(--sar) + var(--sal)) / 2)}html.touch .ops-password,html.touch .ops-who{top:calc(var(--hud-b,56px) + 6px);left:calc((100% - var(--pad-w,0px) - 20px - var(--sar) + var(--sal)) / 2);max-height:calc(100% - var(--hud-b,56px) - 16px - var(--sab));overflow-y:auto;transform:translate(-50%)}html.touch #odds,html.touch #scroll-ask{left:calc((100% - var(--pad-w,0px) - 20px - var(--sar) + var(--sal)) / 2);max-height:calc(100% - 20px - var(--sat) - var(--sab))}html.touch .guild-panel,html.touch .stall-panel{left:auto;right:calc(var(--pad-w,0px) + 20px + var(--sar));width:min(380px, calc(100% - var(--pad-w,0px) - 40px - var(--sal) - var(--sar)))}html.touch .shop-close,html.touch .trade-menu button,html.touch .party-pop button{min-height:40px}html.touch .trade-menu{min-width:160px;font-size:15px}@media (orientation:portrait){html.touch #status{right:calc(10px + var(--sar));width:auto;bottom:calc(var(--pad-h,160px) + 16px + var(--sab))}html.touch #status:not([hidden]){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"lv detail fold""hp mp mp""exp exp exp""badge badge badge";gap:4px 8px;padding:6px 9px;display:grid}html.touch #status>.row:first-child{grid-area:lv}html.touch #st-detail{text-align:right;grid-area:detail;align-self:center}html.touch #status .bar.hp{grid-area:hp}html.touch #status .bar.mp{grid-area:mp;height:16px}html.touch #status .bar.mp span{font-size:11px;line-height:16px}html.touch #status .bar.exp{grid-area:exp}html.touch #pvp-badge{grid-area:badge}html.touch .touch-pad{left:calc(10px + var(--sal));width:auto}html.touch .touch-pad .qs-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}html.touch .touch-pad .qs-slot{height:46px}html.touch .touch-pad .qs-page{height:22px}html.touch .touch-target{bottom:calc(var(--pad-h,126px) + 16px + var(--status-h,70px) + 6px + var(--sab));right:calc(10px + var(--sar));width:auto}html.touch,html.touch.has-target{--left-stack:calc(var(--pad-h,126px) + 16px + var(--status-h,70px) + 6px + var(--sab))}html.touch.has-target{--left-stack:calc(var(--pad-h,126px) + 16px + var(--status-h,70px) + 6px + 60px + var(--sab))}html.touch.has-target .stall-bar{bottom:calc(var(--pad-h,126px) + 22px + var(--status-h,70px) + 60px + var(--sab))!important}html.touch:has(.stall-bar:not([hidden])) #log{width:min(360px, calc(100% - 160px - var(--sal) - var(--sar)))}html.touch .siege-bar{right:calc(10px + var(--sar));width:auto}html.touch .minimap{top:calc(var(--top-b,70px) + 6px)!important}html.touch body.has-party #log{left:calc(10px + var(--sal));width:min(360px, calc(100% - 20px - var(--sal) - var(--sar)))}html.touch .chat-lines{top:calc(var(--top-b,70px) + 6px);width:min(360px, calc(100% - 100px - var(--sal) - var(--sar)));bottom:auto;right:auto;left:calc(10px + var(--sal))}html.touch body.has-party .chat-lines{top:calc(var(--party-bottom,76px) + 6px)}html.touch .chat-lines.typing{bottom:auto}html.touch .chat-lines:not(.typing) p:not(:nth-last-child(-n+5)){display:none}html.touch .region-banner{top:28%}html.touch #bag{left:calc(10px + var(--sal));right:calc(10px + var(--sar));width:auto;bottom:calc(var(--pad-h,160px) + 22px + var(--status-h,70px) + var(--sab));max-height:calc(100% - var(--hud-b,70px) - var(--pad-h,160px) - var(--status-h,70px) - 36px - var(--sab))}html.touch .stall-bar{bottom:calc(var(--pad-h,160px) + 22px + var(--status-h,70px) + var(--sab))!important}html.touch .shop-panel,html.touch .trade-window,html.touch .trade-ask,html.touch #pvp-warn,html.touch #scroll-pick,html.touch .party-ask,html.touch .guild-ask,html.touch #odds,html.touch #scroll-ask,html.touch .ops-password,html.touch .ops-who{left:50%}html.touch .guild-panel,html.touch .stall-panel{left:calc(10px + var(--sal));right:calc(10px + var(--sar));width:auto}html.touch .shop-panel,html.touch .trade-window,html.touch .guild-panel,html.touch .stall-panel{max-height:calc(100% - var(--hud-b,70px) - var(--pad-h,160px) - var(--status-h,70px) - 40px - var(--sab))}html.touch .trade-window{max-height:300px}html.touch:has(.trade-window) #bag{max-height:calc(100% - var(--hud-b,70px) - 6px - 300px - var(--pad-h,160px) - var(--status-h,70px) - 40px - var(--sab))}}@media (orientation:portrait) and (width<=385px){html.touch .touch-pad .qs-row{gap:var(--pad-gap,4px);grid-template-columns:repeat(4,minmax(0,1fr))}html.touch .touch-pad .qs-slot{height:46px}}#hud-fold{display:none}@media (orientation:portrait){html.touch #hud-fold{height:24px;font:inherit;color:var(--gold);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0000006b;border:1px solid #d6b05c73;border-radius:12px;grid-area:fold;place-self:center end;align-items:center;gap:1px;padding:0 9px 0 5px;font-size:12px;font-weight:600;line-height:1;display:flex;position:relative}html.touch #hud-fold:after{content:"";position:absolute;inset:-10px -6px}html.touch #hud-fold svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;transition:rotate .2s}html.touch.hud-fold #hud-fold svg{rotate:180deg}html.touch #hud-fold:active{background:#f2c86b33}html.touch.hud-fold #status:not([hidden]){grid-template-areas:"hp mp fold""badge badge badge";gap:4px 8px;padding:5px 9px}html.touch.hud-fold #status:not([hidden]):has(>.portrait){padding-left:9px}html.touch.hud-fold #status>.portrait,html.touch.hud-fold #status>.row:not(.small),html.touch.hud-fold #st-detail,html.touch.hud-fold #status .bar.exp{display:none}html.touch.hud-fold #status .bar.hp{height:18px}html.touch.hud-fold #status .bar.mp{grid-area:mp;height:18px}html.touch.hud-fold .touch-pad .quickslots:not(.assigning),html.touch.hud-fold .chat-lines:not(.typing){display:none}html.touch.hud-fold #hud{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}html.touch.hud-fold #hud>button{display:none}html.touch.hud-fold #hud>span:not(#hud-zone):not(:has(#hud-pos)){display:none}}@media (orientation:landscape){html.touch.menu-open .hp-menu{max-height:calc(100% - var(--pad-h,200px) - 16px - var(--sab) - var(--sat) - 6px);overscroll-behavior:contain;grid-template-columns:repeat(6,54px);grid-auto-rows:46px;gap:4px;padding:6px;overflow-y:auto}}@media (orientation:landscape) and (height<=300px){html.touch.menu-open .hp-menu{right:calc(var(--pad-w,284px) + 20px + var(--sar));bottom:calc(10px + var(--sab));width:min(360px, calc(100% - var(--pad-w,284px) - 30px - var(--sal) - var(--sar)));max-height:calc(100% - 12px - var(--sat) - var(--sab));grid-template-columns:repeat(6,minmax(0,1fr))}}@media (orientation:landscape) and (width<=760px){html.touch .chat-lines:not(.typing){left:calc(10px + var(--sal));width:min(300px, calc(100% - var(--pad-w,284px) - 40px - var(--sal) - var(--sar)));right:auto;bottom:calc(var(--left-stack) + 36px);max-height:calc(100% - var(--top-b,48px) - var(--left-stack) - 52px);flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden}html.touch .chat-lines.typing{left:calc(10px + var(--sal));right:calc(10px + var(--sar));width:auto}}@media (orientation:portrait) and (width<=340px){html.touch .touch-pad .touch-menu .touch-btn,html.touch .touch-pad #bag-button{min-width:0}}@media (orientation:landscape){html.touch .ac-win,html.touch #odds,html.touch #scroll-ask,html.touch .shop-panel,html.touch .trade-window,html.touch .travel-panel,html.touch .ops-password,html.touch .ops-who{max-width:calc(100% - var(--pad-w,0px) - 40px - var(--sal) - var(--sar))}}@media (orientation:portrait){html.touch .ac-win,html.touch #odds,html.touch #scroll-ask,html.touch .shop-panel,html.touch .trade-window,html.touch .travel-panel,html.touch .ops-password,html.touch .ops-who{max-width:calc(100% - 20px - var(--sal) - var(--sar))}}.opt-fs-row{display:none}html.touch .opt-fs-row{display:flex}html.touch .hp-menu-btn[aria-pressed=true]{border-color:var(--gold);background:#f2c86b29}html.touch.chatting .touch-pad,html.touch.chatting #status,html.touch.chatting .touch-target,html.touch.chatting .skill-buffs,html.touch.chatting #log,html.touch.chatting .stall-bar,html.touch.chatting .party-frame,html.touch.chatting .minimap,html.touch.chatting .quest-tracker,html.touch.chatting .siege-bar,html.touch.chatting .region-banner{display:none!important}html.touch.chatting .chat-lines.typing{top:auto;left:calc(10px + var(--sal));right:calc(10px + var(--sar));width:auto;bottom:calc(max(calc(var(--kb,0px) + 6px), calc(10px + var(--sab))) + 52px);max-height:max(40px, min(45%, calc(100% - var(--kb,0px) - var(--top-b,48px) - 72px)));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;pointer-events:auto;flex-direction:column;display:flex;overflow-y:auto}html.touch.chatting .chat-lines.typing>:first-child{margin-top:auto}html.touch.chatting .chat-lines.typing p{background:#080a0c99;border-radius:3px;padding:1px 6px}html.touch .chat-lines:not(.typing) p:not(:nth-last-child(-n+5)){display:none}html.touch .chat-form .touch-close{flex:none;min-width:44px}html.lite #vignette{display:none}html.lite #log p,html.lite .chat-lines p,html.lite .bar span,html.lite .skill kbd,html.lite .skill .cost,html.lite .touch-count{text-shadow:none}html.lite .minimap-canvas,html.lite .boss-bar,html.lite .trade-menu,html.lite .trade-window,html.lite .shop-panel,html.lite .touch-sheet{box-shadow:none}html.lite .skill svg{filter:none}html.lite .bar i{transition:none}html.touch .tower-panel{min-width:0;max-width:calc(100% - 24px - var(--sal) - var(--sar));padding:4px 8px;font-size:11.5px;top:40px}html.touch .tower-panel-title{font-size:12.5px}html.touch .tower-leave{min-height:30px}html.touch.chatting .tower-panel{display:none}@media (orientation:landscape) and (height<=420px){html.touch .tower-starts{max-height:18vh}html.touch .tower-rank-rows{max-height:30vh}}html.touch.phone-land{--pl-m:8px;--pl-btn:38px;--pl-slot:40px;--pl-gap:4px;--pl-atk:64px;--pl-joy:150px;--pl-slots-right:calc(10px + var(--sar) + var(--pl-atk) + 8px);--pl-menu-w:calc(var(--pl-btn) * 2 + var(--pl-gap));--pl-menu-h:calc(var(--pl-btn) * 3 + var(--pl-gap) * 2);--pl-menu-bottom:calc(10px + var(--sab) + var(--pl-atk) + 6px);--pl-win-h:calc(100% - 62px - var(--sab));--pad-w:78px;--pad-h:56px;--hud-b:0px;--top-b:30px;--status-h:47px}html.touch.phone-land #status{left:calc(var(--pl-m) + var(--sal));top:calc(6px + var(--sat));background:#0a0c0e9e;border-radius:8px;gap:2px 6px;width:172px;min-height:0;padding:3px 6px 5px 4px;font-size:10px;bottom:auto}:is(html.touch.phone-land #status:not([hidden]),html.touch.phone-land #status:has(>.portrait):not([hidden])){grid-template:"pt row"13px"pt hp"11px"pt mp"11px/34px minmax(0,1fr);align-items:center;width:172px;min-height:0;padding:3px 6px 5px 4px;display:grid}html.touch.phone-land #status>.portrait{border-width:1.5px;grid-area:pt;align-self:center;width:34px;height:34px;position:static;translate:none;box-shadow:0 0 0 1px #1a1208}html.touch.phone-land #status>.row:first-of-type{white-space:nowrap;grid-area:row;justify-content:flex-end;font-size:10.5px;line-height:13px;display:flex}html.touch.phone-land #status #st-cls{display:none}html.touch.phone-land #status .bar.hp,html.touch.phone-land #status .bar.mp{border-radius:5px;height:11px}html.touch.phone-land #status .bar.hp{grid-area:hp}html.touch.phone-land #status .bar.mp{grid-area:mp}html.touch.phone-land #status .bar.hp span,html.touch.phone-land #status .bar.mp span{font-size:10px;font-weight:600;line-height:11px}html.touch.phone-land #status .bar.exp{background:#0000008c;border-radius:0 0 8px 8px;height:3px;position:absolute;bottom:0;left:0;right:0}html.touch.phone-land #status .bar.exp span,html.touch.phone-land #st-detail{display:none}html.touch.phone-land #pvp-badge{max-width:110px;padding:0 5px;font-size:9.5px;line-height:14px;position:absolute;top:calc(100% + 2px);left:62px}html.touch.phone-land #hud{z-index:3;top:calc(15px + var(--sat));left:auto;right:calc(var(--pl-m) + var(--sar) + 4 * 36px + 4 * 4px);white-space:nowrap;background:#0a0c0e80;border:0;border-radius:9px;flex-wrap:nowrap;gap:0 8px;width:max-content;max-width:none;padding:3px 8px;font-size:10px;line-height:12px}html.touch.phone-land #hud-time{gap:2px;padding:0 3px 0 2px;font-size:10px}html.touch.phone-land #hud-time .hud-time-ico,html.touch.phone-land #hud-time .hud-time-ico svg{width:11px;height:11px}html.touch.phone-land #hud-time .hud-time-text{display:inline}html.touch.phone-land #hud-name{left:calc(var(--pl-m) + var(--sal) + 4px + 34px + 6px);top:calc(9px + var(--sat));text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-size:10.5px;line-height:13px;position:fixed;overflow:hidden}html.touch.phone-land.chatting #hud-name,html.touch.phone-land.chatting #hud-zone{display:none}html.touch.phone-land #hud-zone{left:calc(var(--pl-m) + var(--sal));top:calc(55px + var(--sat));background-color:#1e2c1ec7;border-radius:7px;padding:0 6px;font-size:9.5px;line-height:14px;position:fixed}html.touch.phone-land #hud-zone[data-safe=false]{background-color:#461c18cc}html.touch.phone-land #hud .hud-who{font-size:10px}html.touch.phone-land #hud>button:not(.hud-who){top:calc(6px + var(--sat));color:#d8cfb8;border:1px solid var(--line);background:#0a0c0e9e;border-radius:8px;place-items:center;width:36px;height:36px;margin:0;padding:0;font-size:0;line-height:0;text-decoration:none;display:grid;position:fixed}html.touch.phone-land #hud>button:not(.hud-who):before{content:"";width:20px;height:20px;-webkit-mask:var(--ico) center / contain no-repeat;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat;vertical-align:baseline;background:currentColor;grid-area:1/1;margin:0}html.touch.phone-land #hud>button:not(.hud-who):active{border-color:var(--gold);background:#f2c86b33}html.touch.phone-land #mail-button{right:calc(var(--pl-m) + var(--sar));--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6.5h17v11h-17z'/%3E%3Cpath d='M4 7.5l8 6 8-6'/%3E%3C/svg%3E")}html.touch.phone-land #names-toggle{right:calc(var(--pl-m) + var(--sar) + 40px);--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12V4.5h7.5l9 9-7.5 7.5z'/%3E%3Ccircle cx='7.8' cy='8.8' r='1.3'/%3E%3C/svg%3E")}html.touch.phone-land .ops-account-button{right:calc(var(--pl-m) + var(--sar) + 80px);--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.5 20c0-4.2 3.4-6.5 7.5-6.5s7.5 2.3 7.5 6.5'/%3E%3C/svg%3E")}html.touch.phone-land #odds-button{right:calc(var(--pl-m) + var(--sar) + 120px);--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5'/%3E%3Cpath d='M12 7.6v.2'/%3E%3C/svg%3E")}html.touch.phone-land #names-toggle[aria-pressed=true]{color:#ffe9b0;border-color:var(--gold);background:#f2c86b3d}html.touch.phone-land #mail-button .mail-n{min-width:15px;margin:0;padding:0 3px;font-size:10px;line-height:15px;position:absolute;top:-5px;right:-5px}html.touch.phone-land .minimap{left:calc(var(--pl-m) + var(--sal));right:auto;top:calc(71px + var(--sat))!important}html.touch.phone-land .minimap-canvas{box-shadow:none;border-radius:6px}html.touch.phone-land .minimap-tools{top:0;right:auto;left:calc(100% + var(--pl-gap));gap:var(--pl-gap);flex-direction:column}html.touch.phone-land .minimap-btn{background:#0a0c0e9e;border-radius:8px;width:36px;height:36px;font-size:16px}html.touch.phone-land .minimap-open{background:#0a0c0e9e;border-radius:8px;min-height:36px;padding:0 12px;font-size:12px}html.touch.phone-land .party-frame{left:calc(var(--pl-m) + var(--sal) + 120px + var(--pl-gap) + 36px + 6px);top:calc(75px + var(--sat));width:150px;max-height:86px;padding:4px;font-size:10.5px}html.touch.phone-land .skill-buffs{top:calc(6px + var(--sat));left:calc(var(--pl-m) + var(--sal) + 172px + 6px);flex-wrap:wrap;max-width:96px;bottom:auto;right:auto}html.touch.phone-land .touch-target{left:50%;right:auto;top:calc(6px + var(--sat));background:#0a0c0eb3;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 6px;width:max-content;min-width:150px;max-width:min(250px,100% - 380px);padding:3px 4px 3px 7px;font-size:11px;bottom:auto;transform:translate(-50%)}html.touch.phone-land .touch-target-name{font-size:12px}html.touch.phone-land .touch-target-buttons{gap:var(--pl-gap)}html.touch.phone-land .touch-target-buttons button{min-width:36px;height:36px;min-height:36px;padding:0 8px;font-size:12px}html.touch.phone-land.has-target #hud{background:0 0;padding:0}html.touch.phone-land.has-target #hud-time,html.touch.phone-land.has-target #hud>span:not(#hud-zone),html.touch.phone-land.has-target #hud .hud-who{display:none}html.touch.phone-land:has(.boss-bar:not([hidden]),.siege-bar:not([hidden]),.tower-panel:not([hidden])) .touch-target{top:calc(80px + var(--sat))}html.touch.phone-land .siege-bar{top:calc(6px + var(--sat));width:min(280px,100% - 380px);left:50%;transform:translate(-50%)}html.touch.phone-land .boss-bar{top:calc(6px + var(--sat));width:min(300px,100% - 380px)}html.touch.phone-land .tower-panel{top:calc(6px + var(--sat));min-width:0;max-width:calc(100% - 380px)}html.touch.phone-land .quest-tracker,html.touch.phone-land body.has-party .quest-tracker{top:calc(48px + var(--sat));left:auto;right:calc(var(--pl-m) + var(--sar));width:150px;max-height:min(100px, calc(100% - 48px - var(--sat) - 10px - var(--sab) - var(--pl-atk) - 6px - var(--pl-menu-h) - 6px));font-size:10.5px;line-height:1.3}html.touch.phone-land .qt-head{padding:1px 2px 1px 8px}html.touch.phone-land .qt-title{gap:5px;font-size:11.5px;position:relative}html.touch.phone-land .qt-title:after,html.touch.phone-land .qt-fold:after{content:"";position:absolute;inset:-9px -4px}html.touch.phone-land .qt-fold{position:relative}html.touch.phone-land .qt-q{padding:3px 7px 4px 8px}html.touch.phone-land .qt-name{font-size:11px}html.touch.phone-land .touch-pad{display:contents}html.touch.phone-land .touch-pad .touch-menu{z-index:6;right:calc(10px + var(--sar));bottom:var(--pl-menu-bottom);grid-template-columns:repeat(2, var(--pl-btn));grid-auto-rows:var(--pl-btn);gap:var(--pl-gap);width:var(--pl-menu-w);display:grid;position:fixed}html.touch.phone-land .touch-pad .touch-menu>:nth-child(6){order:1}html.touch.phone-land .touch-pad .touch-menu>:first-child{order:2}html.touch.phone-land .touch-pad .touch-menu>:nth-child(2){order:3}html.touch.phone-land .touch-pad .touch-menu>:nth-child(3){order:4}html.touch.phone-land .touch-pad .touch-menu>:nth-child(4){order:5}html.touch.phone-land .touch-pad .touch-menu>:nth-child(5){order:6}html.touch.phone-land .touch-pad .touch-btn,html.touch.phone-land .touch-pad #bag-button,html.touch.phone-land .touch-pad .touch-menu .touch-btn{width:var(--pl-btn);min-width:0;height:var(--pl-btn);background:#101215c7;border-radius:8px;gap:0;font-size:9.5px;line-height:1.1}html.touch.phone-land .touch-pad .touch-btn svg{width:17px;height:17px}html.touch.phone-land .touch-pad .quickslots{z-index:6;right:var(--pl-slots-right);bottom:calc(10px + var(--sab));align-items:stretch;gap:var(--pl-gap);flex-direction:row;display:flex;position:fixed}html.touch.phone-land .touch-pad .qs-row{grid-template-columns:repeat(8, var(--pl-slot));gap:var(--pl-gap)}html.touch.phone-land .touch-pad .qs-slot{width:var(--pl-slot);height:var(--pl-slot);border-radius:6px}html.touch.phone-land .touch-pad .qs-icon svg{width:24px;height:24px}html.touch.phone-land .touch-pad .qs-key{font-size:10px;line-height:11px}html.touch.phone-land .touch-pad .qs-count{font-size:10.5px}html.touch.phone-land .touch-pad .qs-cd-text{font-size:13px}html.touch.phone-land .touch-pad .qs-pages{flex-direction:row;gap:0}html.touch.phone-land .touch-pad .qs-page{display:none}html.touch.phone-land .touch-pad .qs-page[aria-pressed=true]{width:var(--pl-slot);height:var(--pl-slot);border-radius:6px;font-size:11px;line-height:1.15;display:block}html.touch.phone-land .touch-pad .qs-page[aria-pressed=true]:after{content:"▸";font-size:9px;line-height:1;display:block}html.touch.phone-land .stall-bar{right:calc(10px + var(--sar) + var(--pl-menu-w) + 8px);bottom:calc(10px + var(--sab) + var(--pl-slot) + 8px)!important}html.touch.phone-land .stall-bar button{min-height:36px;padding:0 10px;font-size:12px}html.touch.phone-land .touch-tip{top:calc(44px + var(--sat));width:max-content;max-width:min(300px,100% - 380px);font-size:11.5px;bottom:auto;left:50%;right:auto;transform:translate(-50%)}html.touch.phone-land.menu-open .hp-menu{right:calc(10px + var(--sar) + var(--pl-menu-w) + 8px);bottom:calc(10px + var(--sab));gap:var(--pl-gap);max-height:calc(100% - 12px - var(--sat) - var(--sab));grid-template-columns:repeat(5,54px);grid-auto-rows:44px;width:auto;padding:6px}html.touch.phone-land .chat-lines:not(.typing){left:calc(var(--pl-m) + var(--sal));top:auto;right:auto;bottom:calc(var(--pl-joy) + 6px + var(--sab));width:min(300px,100% - 420px);max-height:max(14px, min(42px, calc(100% - 317px - var(--sab))));flex-direction:column;justify-content:flex-end;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 9px);mask-image:linear-gradient(#0000 0,#000 9px)}html.touch.phone-land .chat-lines:not(.typing) p{font-size:10.5px;line-height:14px}html.touch.phone-land .chat-lines:not(.typing) p:not(:nth-last-child(-n+3)){display:none}html.touch.phone-land .chat-lines:not(.typing) p.old{opacity:0}html.touch.phone-land .ac-win,html.touch.phone-land .shop-panel,html.touch.phone-land .trade-window,html.touch.phone-land .guild-panel,html.touch.phone-land .stall-panel,html.touch.phone-land .ops-password,html.touch.phone-land .ops-who,html.touch.phone-land .travel-panel{max-height:var(--pl-win-h)}html.touch.phone-land .travel-panel{top:calc(var(--hud-b) + 6px);left:calc((100% - var(--pad-w) - 20px - var(--sar) + var(--sal)) / 2)}html.touch.phone-land .quest-win,html.touch.phone-land .skill-win[data-tab=tree]{height:var(--pl-win-h)}html.touch.phone-land #bag{bottom:calc(56px + var(--sab));max-height:var(--pl-win-h)}html.touch.phone-land:has(.trade-window) #bag{max-height:calc(100% - 6px - 6px - 210px - 56px - var(--sab))}