:root{--bg:#120d08;--win-top:calc(max(8px, env(safe-area-inset-top)) + 66px);--skill-top:calc(max(8px, env(safe-area-inset-top)) + 96px);--hud-bottom:210px;--panel:#1f1710;--panel-edge:#5a4326;--text:#eadcc2;--muted:#a8977a;--gold:#d9a441;--gold-dark:#8a6420;--danger:#e0705a;--radius:10px;--tap:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Noto Sans TC,Microsoft JhengHei,PingFang TC,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{background:radial-gradient(ellipse at top, #2b1d10 0%, var(--bg) 60%);-webkit-tap-highlight-color:transparent;min-height:100dvh}.shell{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;gap:16px;display:flex}.logo{letter-spacing:.3em;color:var(--gold);text-shadow:0 2px #000,0 0 24px #d9a44159;margin:8px 0 0;font-size:clamp(36px,10vw,56px)}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);flex-direction:column;gap:14px;width:100%;max-width:440px;padding:20px;display:flex;box-shadow:0 10px 30px #00000080}.panel.wide{max-width:720px}h2{color:var(--gold);margin:0;font-size:20px}label,.field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}input{height:var(--tap);color:var(--text);border:1px solid var(--panel-edge);background:#0e0a06;border-radius:8px;padding:0 12px;font-size:16px}input:focus{outline:2px solid var(--gold);outline-offset:1px}button{min-height:var(--tap);white-space:nowrap;font:inherit;color:#ecd8a6;text-shadow:0 1px 1px #000;cursor:pointer;background:linear-gradient(#4a3722 0%,#2a1e12 50%,#1a120a 100%);border:1px solid #7a5a2e;border-radius:4px;padding:0 16px;font-size:16px;box-shadow:inset 0 1px #ffdea040,0 1px 2px #000000b3}button:hover:not(:disabled){color:#ffe6a8;border-color:#c99a4a}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#ffd677;background:linear-gradient(#6b4d26 0%,#3e2b15 55%,#22180c 100%);border-color:#d9a441;font-weight:700;box-shadow:inset 0 1px #ffecb466,inset 0 0 6px #f0be5a33,0 1px 2px #000000b3}button.primary:hover:not(:disabled){color:#ffe9a8;border-color:#f0c66a}button.ghost{box-shadow:none;background:0 0}.row{flex-wrap:wrap;gap:10px;display:flex}.row>button{flex:1}.status{min-height:1.5em;color:var(--muted);text-align:center;margin:0;font-size:14px}.status[data-kind=error]{color:var(--danger)}.empty{text-align:center;color:var(--muted);padding:16px}.choices{flex-wrap:wrap;gap:8px;display:flex}.chip{flex:auto;min-width:72px}.chip.on{border-color:var(--gold);color:var(--gold);background:#3a2a14}.stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat{grid-template-columns:1fr var(--tap) 2.5em var(--tap);background:#16100a;border-radius:8px;align-items:center;gap:4px;padding:4px 4px 4px 10px;font-size:14px;display:grid}.stat b{text-align:center;color:var(--gold);font-size:18px}.step{padding:0}.remaining{text-align:center;color:var(--muted);margin:0;font-size:14px}.note{color:var(--muted);margin:0;font-size:13px}.packets{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.packets li{background:#16100a;border-radius:6px;justify-content:space-between;gap:8px;padding:6px 10px;font-size:13px;display:flex}.packets code{color:var(--gold);overflow-wrap:anywhere}.stat span{white-space:nowrap}@media (width<=480px){.stats{grid-template-columns:1fr}}@media (hover:hover) and (pointer:fine){:root{--tap:38px}}.map-host{position:fixed;inset:0}.map-hud{left:max(8px, env(safe-area-inset-left));top:max(8px, env(safe-area-inset-top));pointer-events:none;background:#0009;border-radius:6px;padding:6px 10px;font-size:13px;position:fixed}.map-tools{right:max(8px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));gap:6px;display:flex;position:fixed}.map-status[aria-expanded=true],.map-inventory[aria-expanded=true],.map-skills[aria-expanded=true],.map-clan[aria-expanded=true],.map-buddy[aria-expanded=true],.map-bookmarks[aria-expanded=true],.map-mail[aria-expanded=true]{border-color:var(--gold);color:var(--gold)}.map-mail.has-unread{color:#7fd6ff;border-color:#7fd6ff99}.map-tools{--tool-size:40px;align-items:flex-start}.map-tools button{white-space:nowrap;color:#ecd8a6;text-shadow:0 1px 2px #000,0 0 3px #000;min-width:0;height:auto;min-height:0;box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;font-size:12px;line-height:1;display:inline-flex}.map-tools button:hover:not(:disabled){box-shadow:none;color:#ffe6a8;border:none}.map-tools button[aria-expanded=true]{color:#ffd677}.tool-icon{width:var(--tool-size);height:var(--tool-size);object-fit:cover;pointer-events:none;border:2px solid #8a6a36;border-radius:50%;flex:none;transition:border-color .16s,box-shadow .2s;box-shadow:inset 0 0 0 1px #00000080,0 0 0 1px #000000b3,0 2px 6px #000000bf}.tool-icon.lit,.map-tools button:is(:hover,[aria-expanded=true]) .tool-icon:not(.lit){display:none}.map-tools button:is(:hover,[aria-expanded=true]) .tool-icon.lit{display:block}.map-tools button:hover .tool-icon{border-color:#d6a650;box-shadow:0 0 0 1px #000000b3,0 0 10px #d9a44180}.map-tools button[aria-expanded=true] .tool-icon{border-color:#f0c66a;box-shadow:0 0 0 1px #000000b3,0 0 14px #f0be5abf}.map-mail.has-unread .tool-icon{border-color:#7fd6ff;box-shadow:0 0 0 1px #000000b3,0 0 10px #7fd6ff99}.map-hud{flex-direction:column;gap:4px;min-width:200px;display:flex}.bar{background:#0009;border:1px solid #eadcc24d;border-radius:3px;height:14px;position:relative;overflow:hidden}.bar-fill{width:0;transition:width .2s;position:absolute;inset:0 auto 0 0}.bar-fill.hp{background:linear-gradient(#e0402a,#8b1d10)}.bar-fill.mp{background:linear-gradient(#3b82f6,#1e3a8a)}.bar-fill.exp{background:linear-gradient(#f2d16b,#a77b1c)}.bar.thin{height:12px}.bar.thin .bar-text{font-size:10px}.bar-text{white-space:nowrap;color:#fff;text-shadow:0 1px 1px #000;align-items:center;padding-left:6px;font-size:11px;line-height:1;display:flex;position:absolute;inset:0}.death-panel{border:1px solid var(--panel-edge);border-radius:var(--radius);color:var(--danger);background:#140804d9;flex-direction:column;align-items:center;gap:12px;padding:20px 28px;font-size:18px;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.death-panel[hidden]{display:none}.death-panel p{margin:0}.chat{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;gap:4px;width:min(420px,100vw - 16px);font-size:13px;display:flex;position:fixed}.chat-log{text-shadow:0 1px 1px #000;overflow-wrap:anywhere;background:#00000073;border-radius:6px;max-height:160px;margin:0;padding:6px 8px;line-height:1.45;list-style:none;overflow-y:auto}.chat-log:empty{display:none}.chat-line{white-space:pre-line}.chat-input{gap:4px;display:flex}.chat-input select,.chat-input input{background:#0009;border-color:#eadcc24d;height:30px;padding:0 6px;font-size:13px}.chat-channel{color:var(--text);border:1px solid;border-radius:6px;flex:none}.chat-target{flex:0 0 7em}.chat-target[hidden]{display:none}.chat-text{flex:1;min-width:0}.chat-send{flex:none;height:30px;min-height:0;padding:0 12px;font-size:13px}.chat-fold{flex:none;width:30px;height:30px;min-height:0;padding:0;font-size:12px}.chat.collapsed .chat-log{max-height:50px}.status-window{right:max(8px, env(safe-area-inset-right));top:var(--win-top);width:min(300px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 8px - var(--hud-bottom)));border:1px solid var(--panel-edge);border-radius:var(--radius);background:#140e08eb;padding:10px 12px 12px;font-size:13px;position:fixed;overflow-y:auto}.status-window[hidden]{display:none}.status-window header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.status-window h2{font-size:16px}.status-window h3{color:var(--gold);margin:10px 0 4px;font-size:13px;font-weight:600}.status-close{width:28px;height:28px;min-height:0;padding:0;font-size:18px;line-height:1}.status-title{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.status-title strong{font-size:15px}.status-title span{color:var(--muted)}.status-grid,.status-stats,.status-resist{grid-template-columns:1fr 1fr;gap:2px 12px;display:grid}.status-resist{grid-template-columns:repeat(4,1fr)}.status-row{border-bottom:1px solid #eadcc214;justify-content:space-between;gap:6px;padding:2px 0;display:flex}.status-row span{color:var(--muted)}.status-row b{color:var(--text);font-weight:600}.status-row.boosted b{color:#7ddc6e}.status-row.lawful b{color:#6fa8ff}.status-row.chaotic b{color:#ff5a4d}.status-row.warn b{color:#ffb36b}.inv-window{right:max(8px, env(safe-area-inset-right));top:var(--win-top);width:min(320px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 8px - var(--hud-bottom)));border:1px solid var(--panel-edge);border-radius:var(--radius);background:#140e08eb;flex-direction:column;gap:8px;padding:10px 12px 12px;font-size:13px;display:flex;position:fixed}.inv-window[hidden]{display:none}.inv-window header{justify-content:space-between;align-items:center;display:flex}.inv-window h2{font-size:16px}.inv-grid{scrollbar-width:thin;scrollbar-color:#7a5a2e transparent;background:#00000059;border-radius:6px;flex:auto;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));grid-auto-rows:max-content;gap:3px;min-height:86px;padding:3px;display:grid;overflow-y:auto}.inv-slot{aspect-ratio:1;background:#16100a;border:1px solid #eadcc226;border-radius:4px;place-items:center;width:100%;height:auto;min-height:0;padding:0;display:grid;position:relative}.inv-slot img{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}.inv-slot.equipped{border-color:#6fa8ff;box-shadow:inset 0 0 0 1px #6fa8ff}.inv-slot.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.inv-count{color:#fff;text-shadow:0 1px 1px #000,0 0 2px #000;font-size:10px;position:absolute;bottom:0;right:2px}.inv-window.picking .inv-slot{cursor:crosshair}.inv-window>:not(.inv-grid){flex-shrink:0}.inv-hint{color:var(--gold);background:#d9a44126;border-radius:6px;margin:0;padding:6px 8px}.inv-hint[hidden]{display:none}.inv-detail h3{color:var(--text);margin:0 0 4px;font-size:14px}.inv-detail h3.blessed{color:#ffe14d}.inv-detail h3.cursed{color:#ff5a4d}.inv-lines{color:var(--muted);margin:0 0 6px;padding-left:18px;line-height:1.5}.inv-actions{flex-wrap:wrap;gap:6px;display:flex}.inv-actions button{height:30px;min-height:0;padding:0 12px;font-size:13px}.inv-actions button.danger{color:var(--danger);border-color:#e0705a80}.inv-amount{width:72px;height:30px;padding:0 6px;font-size:13px}.inv-amount[hidden]{display:none}.inv-footer{color:var(--muted);justify-content:space-between;display:flex}.inv-footer .warn{color:#ffb36b}.inv-tools{align-items:center;gap:6px;display:flex}.inv-tool{height:28px;min-height:0;padding:0 10px;font-size:13px}.inv-trash[aria-pressed=true]{border-color:var(--danger);color:var(--danger);background:#e0705a26}.inv-window.trashing .inv-slot{cursor:not-allowed}.inv-window.trashing .inv-slot:not(.equipped){cursor:pointer}.inv-window.trashing .inv-slot:not(.equipped):hover{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.inv-window.trashing .inv-hint{color:var(--danger);background:#e0705a1f}.dlg-window{left:50%;top:calc(var(--win-top) + 8px);width:min(380px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 16px - var(--hud-bottom)));border:1px solid var(--panel-edge);border-radius:var(--radius);background:#100c08f0;flex-direction:column;padding:10px 14px 14px;font-size:14px;line-height:1.6;display:flex;position:fixed;transform:translate(-50%)}.dlg-window[hidden]{display:none}.dlg-amount{border-top:1px solid #eadcc226;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:8px;display:flex}.dlg-amount-input{width:7em;height:32px;padding:0 6px}.dlg-amount-total{color:var(--gold);font-size:13px}.dlg-amount-buttons{gap:8px;margin-left:auto;display:flex}.dlg-amount-buttons button{height:32px;min-height:0;padding:0 14px;font-size:14px}.dlg-window header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dlg-window h2{font-size:16px}.dlg-body{color:#d8d0c0;overflow-wrap:anywhere;overflow-y:auto}.dlg-p{margin:0}.dlg-center{text-align:center}.dlg-pre{font:inherit;white-space:pre-wrap;margin:0}.dlg-link{color:#ffe14d;cursor:pointer}.dlg-link:hover,.dlg-link:focus-visible{color:#fff3a0;outline:none;text-decoration:underline}.dlg-img{vertical-align:middle;max-width:100%;image-rendering:pixelated}.dlg-img.dlg-click{cursor:pointer}.dlg-img.dlg-click:hover{filter:brightness(1.25)}.dlg-img-text{border:1px solid var(--panel-edge);border-radius:4px;margin:2px 4px;padding:2px 8px;display:inline-block}.shop-window{left:50%;top:calc(var(--win-top) + 8px);width:min(460px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 16px - var(--hud-bottom)));border:1px solid var(--panel-edge);border-radius:var(--radius);background:#100c08f2;flex-direction:column;gap:8px;padding:10px 14px 12px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}.shop-window[hidden]{display:none}.shop-window header{justify-content:space-between;align-items:center;display:flex}.shop-window h2{font-size:16px}.shop-list{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.shop-row{background:#0000004d;border-radius:6px;grid-template-columns:36px 1fr auto 70px;align-items:center;gap:8px;padding:3px 4px;display:grid}.shop-row img{width:32px;height:32px;image-rendering:pixelated}.shop-info{flex-direction:column;min-width:0;display:flex}.shop-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.shop-price{color:var(--muted);font-size:12px}.shop-qty{align-items:center;gap:2px;display:flex}.shop-step{width:26px;height:26px;min-height:0;padding:0}.shop-amount{text-align:right;width:54px;height:26px;padding:0 4px;font-size:13px}.shop-sub{text-align:right;color:var(--gold)}.shop-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-total{color:var(--gold);font-weight:600}.shop-gold{color:var(--muted)}.shop-gold.short{color:var(--danger)}.shop-buttons{gap:6px;display:flex}.shop-buttons button{height:32px;min-height:0;padding:0 14px}.teleport-fade{opacity:0;pointer-events:none;background:#000;transition:opacity .18s ease-out;position:fixed;inset:0}.teleport-fade.on{opacity:.7;pointer-events:auto;transition-duration:.12s}.skill-window{left:max(8px, env(safe-area-inset-left));top:var(--skill-top);width:min(300px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--skill-top) - 8px - var(--hud-bottom)));border:1px solid var(--panel-edge);border-radius:var(--radius);background:#140e08eb;padding:10px 12px 12px;font-size:13px;position:fixed;overflow-y:auto}.skill-window[hidden]{display:none}.skill-window header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.skill-window h2{font-size:16px}.skill-group h3{color:var(--gold);margin:8px 0 4px;font-size:13px;font-weight:600}.skill-list{grid-template-columns:1fr 1fr;gap:4px;display:grid}.skill{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;height:auto;min-height:0;padding:5px 8px;display:flex}.skill-name{color:var(--text);font-size:13px}.skill-mp{color:#6fa8ff;font-size:11px}.skill:disabled{opacity:.45}.cast-hint{left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 8px);border:1px solid var(--gold);color:var(--gold);pointer-events:none;background:#140e08e6;border-radius:999px;padding:6px 14px;font-size:13px;position:fixed;transform:translate(-50%)}.cast-hint[hidden]{display:none}.ship-banner{left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 44px);color:#bfe0ff;white-space:nowrap;pointer-events:none;background:#0a1828e6;border:1px solid #4aa3ff;border-radius:999px;padding:6px 14px;font-size:13px;position:fixed;transform:translate(-50%)}.ship-banner[hidden]{display:none}.ghost-banner{pointer-events:auto;align-items:center;gap:4px;display:flex}.ghost-banner button{height:26px;min-height:0;padding:0 10px;font-size:12px}.link-hint{color:#ffb36b;z-index:4;border-color:#ffb36b}.map-hud>.buff-row{transition:translate .32s var(--ease-out,ease);flex-wrap:wrap;gap:3px;display:flex;position:absolute;top:calc(100% + 6px);left:-1px;right:-1px}.map-hud.folded>.buff-row{translate:calc(100% + 12px)}.buff-row:empty{display:none}.buff{pointer-events:auto;background:#0000008c;border:1px solid #d9a4418c;border-radius:3px;place-items:center;width:28px;height:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 3px #0009}.buff img{width:100%;height:100%;image-rendering:pixelated}.buff b{color:var(--gold);font-size:13px;font-weight:400}.buff small{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 2px #000,0 0 2px #000,0 0 1px #000;pointer-events:none;font-size:9px;line-height:1;position:absolute;bottom:0;right:1px}.buff small:empty{display:none}.party-panel{left:max(8px, env(safe-area-inset-left));border:1px solid var(--panel-edge);background:#140e08d1;border-radius:8px;flex-direction:column;gap:4px;width:190px;padding:6px 8px 8px;font-size:12px;display:flex;position:fixed;top:38%}.party-panel[hidden]{display:none}.party-panel header{color:var(--gold);justify-content:space-between;align-items:center;gap:6px;display:flex}.party-leave{height:22px;min-height:0;padding:0 6px;font-size:11px}.party-member{grid-template-rows:auto auto;grid-template-columns:1fr auto auto;column-gap:4px;display:grid}.party-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.party-where{color:var(--muted,#b9b0a0);white-space:nowrap;grid-area:1/2;font-size:11px}.party-member .bar{grid-column:1/span 2}.party-kick{grid-area:1/3/span 2;width:22px;height:22px;min-height:0;padding:0;font-size:13px}.player-menu{border:1px solid var(--panel-edge);background:#140e08f2;border-radius:8px;flex-direction:column;min-width:120px;padding:4px;display:flex;position:fixed}.player-menu[hidden]{display:none}.player-menu-name{color:var(--gold);padding:4px 8px;font-size:13px}.player-menu button{text-align:left;background:0 0;border:0;justify-content:flex-start;height:30px;min-height:0;padding:0 10px;font-size:13px}.player-menu button:hover{background:#d9a44126}.confirm-dialog{border:1px solid var(--gold);border-radius:var(--radius);background:#100c08f5;width:min(360px,100vw - 32px);padding:16px 18px 14px;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.confirm-dialog[hidden]{display:none}.confirm-text{margin:0 0 12px;line-height:1.6}.confirm-buttons{justify-content:flex-end;gap:8px;display:flex}.confirm-buttons button{height:32px;min-height:0;padding:0 18px}.clan-window{right:max(8px, env(safe-area-inset-right));top:var(--win-top);width:min(340px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 8px - var(--hud-bottom)));border:1px solid var(--panel-edge);border-radius:var(--radius);background:#140e08eb;padding:10px 12px 12px;font-size:13px;position:fixed;overflow-y:auto}.clan-window[hidden]{display:none}.clan-window header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.clan-window h2{font-size:16px}.clan-window h3{color:var(--gold);margin:10px 0 4px;font-size:13px;font-weight:600}.clan-window .note{color:var(--muted);margin:4px 0;line-height:1.5}.clan-window canvas{width:32px;height:24px;image-rendering:pixelated;border:1px solid var(--panel-edge);vertical-align:middle}.clan-title{align-items:center;gap:8px;margin-bottom:6px;display:flex}.clan-title strong{font-size:15px}.clan-title span{color:var(--gold);margin-left:auto}.clan-announce{white-space:pre-wrap;color:var(--text);margin:0}.clan-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.clan-form.column{flex-direction:column;align-items:stretch}.clan-form input[type=text],.clan-form textarea{min-width:0;font:inherit;flex:1}.clan-form button{height:28px;min-height:0;padding:0 10px;font-size:12px}.clan-members{flex-direction:column;gap:2px;display:flex}.clan-member{color:var(--muted);border-bottom:1px solid #eadcc214;align-items:center;gap:6px;padding:3px 0;display:flex}.clan-member.online{color:var(--text)}.clan-dot{background:#5c5346;border-radius:50%;flex:none;width:7px;height:7px}.clan-member.online .clan-dot{background:#7ddc6e}.clan-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.clan-class{color:var(--muted);font-size:11px}.clan-rank{color:var(--gold);text-align:right;min-width:4em;font-size:11px}.clan-tools{gap:4px;display:flex}.clan-tools select,.clan-tools button{height:24px;min-height:0;padding:0 4px;font-size:11px}.clan-window button.danger{color:var(--danger);border-color:#e0705a80}.clan-actions{justify-content:space-between;gap:8px;margin-top:12px;display:flex}.clan-leave{color:var(--danger);border-color:#e0705a80}.clan-emblem-preview:empty{display:none}.player-menu-name small{color:var(--muted);margin-left:4px;font-size:11px}.hotbar{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));background:#00000073;border-radius:8px;grid-template-columns:repeat(8,44px);gap:4px;padding:4px;display:grid;position:fixed}.hotbar-slot{border:1px solid var(--panel-edge);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#140e08d9;border-radius:6px;place-items:center;width:44px;height:44px;min-height:0;padding:0;display:grid;position:relative}.hotbar-slot img{width:32px;height:32px;image-rendering:pixelated;pointer-events:none}.hotbar-slot.empty{opacity:.55}.hotbar-slot.unusable img,.hotbar-slot.unusable .hotbar-skill{opacity:.35}.hotbar-slot.equipped{border-color:var(--gold)}.hotbar-slot.assigning{border-color:var(--gold);opacity:1;box-shadow:0 0 0 2px #d9a44199}.hotbar-key{color:var(--muted);pointer-events:none;font-size:9px;position:absolute;top:0;left:2px}.hotbar-count{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none;font-size:10px;position:absolute;bottom:0;right:2px}.hotbar-skill{color:#9fd0ff;text-align:center;pointer-events:none;padding:8px 2px 0;font-size:11px;line-height:1.1}.hotbar-hint{top:calc(max(8px, env(safe-area-inset-top)) + 48px)}.target-panel{left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 4px);border:1px solid var(--panel-edge);pointer-events:none;background:#140e08d9;border-radius:6px;width:min(220px,100vw - 180px);padding:4px 8px 6px;font-size:12px;position:fixed;transform:translate(-50%)}.target-panel[hidden]{display:none}.target-head{justify-content:space-between;gap:6px;margin-bottom:3px;display:flex}.target-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.target-level{color:var(--gold);flex:none}.target-bar{height:10px}.target-bar .bar-fill.unknown{opacity:.35}.target-hp{text-align:center;color:#fff;text-shadow:0 1px 1px #000;font-size:9px;line-height:10px;display:block;position:relative}.target-panel:not([hidden])~.cast-hint{top:calc(max(8px, env(safe-area-inset-top)) + 56px)}.target-panel:not([hidden])~.hotbar-hint{top:calc(max(8px, env(safe-area-inset-top)) + 96px)}.trade-window{right:calc(max(8px, env(safe-area-inset-right)) + min(320px, calc(100vw - 16px)) + 8px);top:var(--win-top);width:min(300px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 8px - var(--hud-bottom)));border:1px solid var(--gold);border-radius:var(--radius);background:#140e08f0;padding:10px 12px 12px;font-size:13px;position:fixed;overflow-y:auto}.trade-window[hidden]{display:none}.trade-window h2{margin-bottom:4px;font-size:16px}.trade-window h3{color:var(--gold);margin:10px 0 4px;font-size:13px;font-weight:600}.trade-window .note{color:var(--muted);margin:4px 0}.trade-items{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.trade-items li{background:#0000004d;border-radius:4px;align-items:center;gap:6px;padding:2px 4px;display:flex}.trade-items img{width:32px;height:32px;image-rendering:pixelated}.trade-items li.blessed span{color:#f2d16b}.trade-items li.cursed span{color:#ff5a4d}.trade-offer{border:1px dashed var(--panel-edge);border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px;display:flex}.trade-offer span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.trade-offer input{width:5.5em}.trade-offer button,.trade-actions button{height:30px;min-height:0;padding:0 12px}.trade-note{color:#ffb36b;margin:6px 0 0}.trade-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}@media (width<=680px){.trade-window{right:max(8px, env(safe-area-inset-right));top:auto;bottom:calc(max(8px, env(safe-area-inset-bottom)) + 120px);z-index:2;max-height:45vh}}.buddy-window{right:max(8px, env(safe-area-inset-right));top:var(--win-top);width:min(280px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 8px - var(--hud-bottom)));border:1px solid var(--panel-edge);border-radius:var(--radius);background:#140e08eb;padding:10px 12px 12px;font-size:13px;position:fixed;overflow-y:auto}.buddy-window[hidden]{display:none}.buddy-window header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.buddy-window h2{font-size:16px}.buddy-window .note{color:var(--muted);margin:6px 0}.buddy-add{gap:6px;margin-bottom:8px;display:flex}.settings-row{border-bottom:1px solid #eadcc214;grid-template-columns:5em 1fr 3em;align-items:center;gap:8px;padding:8px 0;display:grid}.settings-row input{width:100%;accent-color:var(--gold)}.settings-value{text-align:right;color:var(--gold);font-variant-numeric:tabular-nums}.buddy-section{color:var(--gold);border-top:1px solid #eadcc21f;margin:12px 0 6px;padding-top:8px;font-size:14px}.buddy-section small{color:var(--muted);font-size:11px;font-weight:400}.buddy-add input{flex:1;min-width:0}.buddy-add button{height:30px;min-height:0;padding:0 12px}.buddy-row{color:var(--muted);border-bottom:1px solid #eadcc214;align-items:center;gap:6px;padding:3px 0;display:flex}.buddy-row.online{color:var(--text)}.buddy-row.online .clan-dot{background:#7ddc6e}.buddy-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.buddy-tools{gap:4px;display:flex}.buddy-tools button{height:24px;min-height:0;padding:0 6px;font-size:11px}.buddy-tools button.danger{color:var(--danger);border-color:#e0705a80}.pshop-window{right:calc(max(8px, env(safe-area-inset-right)) + min(320px, calc(100vw - 16px)) + 8px);top:var(--win-top);width:min(360px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 8px - var(--hud-bottom)));border:1px solid var(--gold);border-radius:var(--radius);background:#140e08f0;padding:10px 12px 12px;font-size:13px;position:fixed;overflow-y:auto}.pshop-window[hidden]{display:none}.pshop-window header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pshop-window h2{font-size:16px}.pshop-window .note{color:var(--muted);margin:4px 0 8px;line-height:1.5}.pshop-head{gap:6px;margin-bottom:8px;display:flex}.pshop-head input{flex:1;min-width:0}.pshop-rows{flex-direction:column;gap:2px;display:flex}.pshop-row{color:var(--muted);border-radius:4px;grid-template-columns:32px 1fr 3.2em 6em 4.5em;align-items:center;gap:4px;padding:2px 4px;display:grid}.pshop-row.picked{color:var(--text);background:#d9a44126}.pshop-row img{width:32px;height:32px;image-rendering:pixelated}.pshop-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pshop-row select,.pshop-row input{min-width:0;height:26px;padding:0 4px;font-size:12px}@media (width<=680px){.pshop-window{right:max(8px, env(safe-area-inset-right));top:auto;bottom:calc(max(8px, env(safe-area-inset-bottom)) + 120px);z-index:2;max-height:50vh}}.hud-zone{color:#fff;background:#ffffff1f;border-radius:3px;padding:0 6px;font-weight:600}.auto-hunt{pointer-events:auto;color:#7ddc6e;align-items:center;gap:6px;margin-top:2px;font-weight:600;display:flex}.auto-hunt[hidden]{display:none}.auto-hunt span:before{content:"●";margin-right:4px;animation:1.2s infinite auto-hunt-blink}.auto-hunt button{height:24px;min-height:0;padding:0 10px;font-size:12px}.auto-hunt button.danger{color:var(--danger);border-color:#e0705a99}@keyframes auto-hunt-blink{50%{opacity:.3}}.bm-window{right:max(8px, env(safe-area-inset-right));top:var(--win-top);width:min(320px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 8px - var(--hud-bottom)));border:1px solid var(--panel-edge);border-radius:var(--radius);z-index:3;background:#140e08f0;padding:10px 12px 12px;font-size:13px;position:fixed;overflow-y:auto}.bm-window[hidden]{display:none}.mail-window{right:max(8px, env(safe-area-inset-right));top:var(--win-top);width:min(360px,100vw - 16px);max-height:max(160px, calc(100dvh - var(--win-top) - 8px - var(--hud-bottom)));border:1px solid var(--panel-edge);border-radius:var(--radius);z-index:3;background:#140e08f0;padding:10px 12px 12px;font-size:13px;position:fixed;overflow-y:auto}.mail-window[hidden]{display:none}.mail-window header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mail-window h2{overflow-wrap:anywhere;font-size:16px}.mail-window .note{color:var(--muted);margin:6px 0}.mail-tabs{gap:4px;margin-bottom:6px;display:flex}.mail-tabs button{flex:1;height:28px;min-height:0}.mail-tabs button.on{border-color:var(--gold);color:var(--gold)}.mail-row{text-align:left;background:#eadcc20a;border:1px solid #eadcc21f;flex-direction:column;align-items:flex-start;width:100%;min-height:0;margin:2px 0;padding:6px 8px;display:flex}.mail-row:hover{border-color:var(--gold)}.mail-row.unread .mail-subject{color:#7fd6ff;font-weight:700}.mail-row.unread .mail-subject:before{content:"● "}.mail-meta{color:var(--muted);font-size:12px}.mail-content{white-space:pre-wrap;word-break:break-word;background:#0000004d;border-radius:4px;min-height:80px;margin:6px 0;padding:8px}.mail-window input,.mail-window textarea{box-sizing:border-box;width:100%;margin:4px 0}.mail-window textarea{resize:vertical}.mail-nav{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.mail-nav button.danger{color:var(--danger);border-color:#e0705a80}.mail-error{color:#ff5a4d;min-height:1em}.bm-window header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.bm-window h2{font-size:16px}.bm-window .note{color:var(--muted);margin:6px 0}.bm-add,.bm-random{gap:6px;margin-bottom:8px;display:flex}.bm-add input{flex:1;min-width:0}.bm-add button,.bm-random button{height:30px;min-height:0;padding:0 10px}.bm-row{border-bottom:1px solid #eadcc214;align-items:center;gap:6px;padding:4px 0;display:flex}.bm-info{flex-direction:column;flex:1;min-width:0;display:flex}.bm-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bm-info small{color:var(--muted);font-size:11px}.bm-row button{height:26px;min-height:0;padding:0 8px;font-size:12px}.bm-row button.danger{color:var(--danger);border-color:#e0705a80}.side-panels{left:max(8px, env(safe-area-inset-left));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:38%}.side-panels>*{pointer-events:auto}.side-panels .party-panel{position:static}.pet-panel{border:1px solid var(--panel-edge);background:#140e08d9;border-radius:6px;width:190px;padding:6px 8px;font-size:12px}.pet-panel[hidden]{display:none}.pet-panel header{color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pet-panel header .status-close{width:22px;height:22px;font-size:14px}.pet-badge{pointer-events:auto;height:24px;min-height:0;color:var(--gold);align-self:flex-start;margin-top:2px;padding:0 10px;font-size:12px}.pet-badge[hidden]{display:none}.pet-badge[aria-expanded=true]{border-color:var(--gold)}.pet-row{border-top:1px solid #eadcc214;flex-direction:column;gap:3px;padding:4px 0;display:flex}.pet-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.pet-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pet-row .bar-fill.unknown{opacity:.35}.pet-cmds{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.pet-cmds button,.pet-menu-btn{height:22px;min-height:0;padding:0 4px;font-size:11px}.pet-list-window{border:1px solid var(--gold);border-radius:var(--radius);z-index:3;background:#140e08f2;width:min(320px,100vw - 16px);padding:10px 12px 12px;font-size:13px;position:fixed;top:20%;left:50%;transform:translate(-50%)}.pet-list-window[hidden]{display:none}.pet-list-window header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pet-list-window h2{font-size:16px}.pet-amulet{align-items:center;gap:6px;padding:3px 0;display:flex}.pet-amulet span{flex:1}.pet-amulet img{width:32px;height:32px;image-rendering:pixelated}.repair-cost{color:var(--muted);font-size:12px;display:block}.pet-amulet button{height:28px;min-height:0;padding:0 10px}.pet-inventory{max-height:70vh;overflow-y:auto}.letter-window input,.letter-window textarea{box-sizing:border-box;width:100%;margin:4px 0}.letter-window textarea{resize:vertical}.board-window{width:min(420px,100vw - 16px);max-height:80vh;overflow-y:auto}.board-topic{text-align:left;background:#eadcc20a;border:1px solid #eadcc21f;flex-direction:column;align-items:flex-start;width:100%;min-height:0;margin:2px 0;padding:6px 8px;display:flex}.board-topic:hover{border-color:var(--gold)}.board-title{color:var(--text)}.board-meta{color:var(--muted);font-size:12px}.board-content{white-space:pre-wrap;word-break:break-word;background:#0000004d;border-radius:4px;min-height:80px;margin:6px 0;padding:8px}.board-window input,.board-window textarea{box-sizing:border-box;width:100%;margin:4px 0}.board-window textarea{resize:vertical}.board-nav{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.board-nav button.danger{color:var(--danger);border-color:#e0705a80}.board-error{color:#ff5a4d;min-height:1em}.pet-amulet span.blessed{color:#f2d16b}.pet-amulet span.cursed{color:#ff5a4d}.pet-amulet .worn-tag{border:1px solid var(--gold);color:var(--gold);border-radius:3px;margin-left:6px;padding:0 4px;font-size:11px}.confirm-input{width:100%;margin:-4px 0 12px}.confirm-input[hidden]{display:none}:root{--safe-top:max(8px, env(safe-area-inset-top));--safe-bottom:max(8px, env(safe-area-inset-bottom));--safe-left:max(8px, env(safe-area-inset-left));--safe-right:max(8px, env(safe-area-inset-right))}[data-layout=tablet]{--win-top:calc(var(--hud-edge,152px) + 8px);--skill-top:calc(var(--hud-edge,152px) + 8px)}[data-layout=tablet] .map-hud{top:calc(var(--safe-top) + 66px);max-width:calc(100vw - 240px)}[data-layout=tablet] .target-panel{left:auto;right:var(--safe-right);top:calc(var(--safe-top) + 66px);width:200px;transform:none}[data-layout=tablet] :is(.cast-hint,.hotbar-hint,.target-panel:not([hidden])~.cast-hint,.target-panel:not([hidden])~.hotbar-hint){top:var(--win-top)}@media (width<=839px){[data-layout=tablet]{--hud-bottom:272px}[data-layout=tablet] .hotbar{bottom:calc(var(--safe-bottom) + 210px)}}[data-layout=phone-portrait]{--rail:56px;--win-top:calc(var(--hud-edge,150px) + 8px);--skill-top:calc(var(--hud-edge,150px) + 8px);--hud-bottom:166px}[data-layout=phone-portrait] .map-tools{width:calc(var(--rail) - 4px);--tool-size:42px;flex-direction:column;align-items:center;gap:6px}[data-layout=phone-portrait] .map-tools button{font-size:11px}[data-layout=phone-portrait] .map-hud{width:min(220px, calc(100vw - var(--rail) - 24px));min-width:0;padding:5px 8px;font-size:12px}[data-layout=phone-portrait] .target-panel{top:var(--win-top);width:min(240px, calc(100vw - var(--rail) - 16px))}[data-layout=phone-portrait] .chat{left:var(--safe-left);right:var(--safe-right);width:auto}[data-layout=phone-portrait] .hotbar{left:var(--safe-left);right:var(--safe-right);bottom:calc(var(--safe-bottom) + 98px);grid-template-columns:repeat(8,minmax(0,1fr))}[data-layout=phone-portrait] .hotbar-slot{width:auto;height:44px}[data-layout=phone-portrait] :is(.cast-hint,.hotbar-hint,.target-panel:not([hidden])~.cast-hint,.target-panel:not([hidden])~.hotbar-hint){top:auto;bottom:calc(var(--hud-bottom) + 4px);max-width:calc(100vw - 16px)}[data-layout=phone-landscape]{--rail:60px;--win-top:var(--safe-top);--skill-top:var(--safe-top);--hud-bottom:68px}[data-layout=phone-landscape] .map-tools{top:var(--safe-top);bottom:var(--safe-bottom);width:calc(var(--rail) - 4px);--tool-size:min(30px, calc((100dvh - 16px) / 9 - 14px));flex-direction:column;justify-content:space-between;align-items:center;gap:0}[data-layout=phone-landscape] .map-tools button{gap:1px;font-size:10px}[data-layout=phone-landscape] .map-hud{gap:3px;min-width:0;max-width:260px;padding:4px 8px;font-size:11px}[data-layout=phone-landscape] .target-panel{top:var(--safe-top);width:200px}[data-layout=phone-landscape] .hotbar{right:calc(var(--safe-right) + var(--rail));grid-template-columns:repeat(8,44px)}[data-layout=phone-landscape] .chat{width:max(220px, min(420px, calc(100vw - var(--rail) - 420px)))}[data-layout=phone-landscape] :is(.cast-hint,.hotbar-hint,.target-panel:not([hidden])~.cast-hint,.target-panel:not([hidden])~.hotbar-hint){top:calc(var(--safe-top) + 48px)}[data-layout=phone-landscape] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window){left:auto;right:calc(var(--safe-right) + var(--rail));width:min(340px, calc(100vw - var(--rail) - 290px))}[data-layout^=phone] .hotbar-slot,[data-layout^=phone] :is(.chat-input select,.chat-input input,.chat-send){height:44px}[data-layout^=phone] .chat-fold{width:44px;height:44px;font-size:14px}[data-layout^=phone] .chat:not(.collapsed){z-index:3}[data-layout^=phone] .chat:not(.collapsed) .chat-log{background:#000000c7;max-height:40dvh}[data-layout^=phone] .status-close{width:44px;height:44px;font-size:22px}[data-layout^=phone] :is(.inv-tool,.inv-actions button,.dlg-amount-buttons button,.confirm-buttons button),[data-layout^=phone] .dlg-amount-input{height:44px}[data-layout^=phone] :is(.auto-hunt button,.pet-badge){height:36px;font-size:13px}[data-layout^=phone] :is(.pet-cmds button,.pet-menu-btn){height:36px;font-size:12px}[data-layout^=phone] .pet-panel header .status-close{width:36px;height:36px;font-size:18px}@media (width>=1600px) and (height>=900px){[data-layout=desktop]{--win-top:calc(var(--safe-top) + 76px);--skill-top:calc(var(--safe-top) + 124px);--hud-bottom:300px}[data-layout=desktop] .map-hud{gap:5px;min-width:260px;padding:8px 12px;font-size:15px}[data-layout=desktop] .bar{height:18px}[data-layout=desktop] .bar-text{font-size:13px}[data-layout=desktop] .bar.thin{height:14px}[data-layout=desktop] .bar.thin .bar-text{font-size:12px}[data-layout=desktop] .map-tools{--tool-size:48px;gap:12px}[data-layout=desktop] .map-tools button{font-size:14px}[data-layout=desktop] .hotbar{grid-template-columns:repeat(8,54px);gap:5px;padding:5px}[data-layout=desktop] .hotbar-slot{width:54px;height:54px}[data-layout=desktop] .hotbar-slot img{width:40px;height:40px}[data-layout=desktop] .hotbar-key{font-size:11px}[data-layout=desktop] .chat{width:min(540px,100vw - 16px);font-size:15px}[data-layout=desktop] .chat-log{max-height:240px}[data-layout=desktop] .chat.collapsed .chat-log{max-height:60px}[data-layout=desktop] :is(.chat-input select,.chat-input input,.chat-send){height:38px;font-size:15px}[data-layout=desktop] .chat-fold{width:38px;height:38px}[data-layout=desktop] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.trade-window,.pshop-window){font-size:15px}[data-layout=desktop] :is(.status-window,.skill-window,.buddy-window){width:360px}[data-layout=desktop] :is(.inv-window,.bm-window){width:400px}[data-layout=desktop] .clan-window{width:420px}[data-layout=desktop] .dlg-window{width:460px}[data-layout=desktop] .shop-window{width:560px}[data-layout=desktop] .inv-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}[data-layout=desktop] .inv-slot img{width:40px;height:40px}[data-layout=desktop] :is(.inv-tool,.inv-actions button){height:34px;font-size:14px}[data-layout=desktop] .status-close{width:34px;height:34px;font-size:20px}[data-layout=desktop] :is(.target-panel,.cast-hint){font-size:14px}}:root{--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-back:cubic-bezier(.34, 1.4, .64, 1);--t-in:.36s;--t-out:.26s}:is(.status-window,.inv-window,.clan-window,.buddy-window,.bm-window,.mail-window){transition:opacity var(--t-in) var(--ease-out), translate var(--t-in) var(--ease-out), display var(--t-in) allow-discrete}:is(.status-window,.inv-window,.clan-window,.buddy-window,.bm-window,.mail-window)[hidden]{opacity:0;transition-duration:var(--t-out);translate:110%}@starting-style{:is(.status-window,.inv-window,.clan-window,.buddy-window,.bm-window,.mail-window):not([hidden]){opacity:0;translate:110%}}.skill-window{transition:opacity var(--t-in) var(--ease-out), translate var(--t-in) var(--ease-out), display var(--t-in) allow-discrete}.skill-window[hidden]{opacity:0;transition-duration:var(--t-out);translate:-110%}@starting-style{.skill-window:not([hidden]){opacity:0;translate:-110%}}:is(.dlg-window,.shop-window,.trade-window,.pshop-window,.pet-list-window,.confirm-dialog,.death-panel){transition:opacity var(--t-in) var(--ease-out), translate var(--t-in) var(--ease-back), scale var(--t-in) var(--ease-back), display var(--t-in) allow-discrete}:is(.dlg-window,.shop-window,.trade-window,.pshop-window,.pet-list-window,.confirm-dialog,.death-panel)[hidden]{opacity:0;transition-duration:var(--t-out);transition-timing-function:var(--ease-out);translate:0 -60px;scale:.94}@starting-style{:is(.dlg-window,.shop-window,.trade-window,.pshop-window,.pet-list-window,.confirm-dialog,.death-panel):not([hidden]){opacity:0;translate:0 -60px;scale:.94}}.player-menu{transform-origin:0 0;transition:opacity .16s var(--ease-out), scale .16s var(--ease-back), display .16s allow-discrete}.player-menu[hidden]{opacity:0;transition-duration:.1s;scale:.9}@starting-style{.player-menu:not([hidden]){opacity:0;scale:.9}}:is(.party-panel,.pet-panel,.target-panel,.pet-badge,.auto-hunt){transition:opacity var(--t-in) var(--ease-out), translate var(--t-in) var(--ease-out), display var(--t-in) allow-discrete}:is(.party-panel,.pet-panel,.target-panel,.pet-badge,.auto-hunt)[hidden]{opacity:0;transition-duration:var(--t-out);translate:-110%}@starting-style{:is(.party-panel,.pet-panel,.target-panel,.pet-badge,.auto-hunt):not([hidden]){opacity:0;translate:-110%}}:is(.cast-hint,.ship-banner){transition:opacity .3s var(--ease-out), translate .3s var(--ease-back), display .3s allow-discrete}:is(.cast-hint,.ship-banner)[hidden]{opacity:0;transition-duration:.12s;translate:0 -60px}@starting-style{:is(.cast-hint,.ship-banner):not([hidden]){opacity:0;translate:0 -60px}}button{transition:background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .2s ease, filter .16s ease, scale .12s var(--ease-out), opacity .16s ease}button:hover:not(:disabled){box-shadow:0 0 0 1px #d9a44140,0 2px 10px #d9a4412e}button:active:not(:disabled){transition-duration:60ms;scale:.96}button.primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 14px #f0c87973}button:focus-visible{outline-offset:2px;outline:2px solid #f0c879cc}.inv-slot,.hotbar-slot{transition:border-color .16s ease, box-shadow .2s ease, translate .16s var(--ease-out), scale .12s var(--ease-out), opacity .16s ease}.inv-slot:hover{translate:0 -2px;box-shadow:0 4px 10px #00000073,0 0 8px #d9a44140}.inv-slot.selected{animation:1.8s ease-in-out infinite slot-glow}.hotbar-slot:active{scale:.92}@keyframes slot-glow{0%,to{box-shadow:0 0 0 1px #f0c8798c,0 0 6px #d9a44140}50%{box-shadow:0 0 0 1px #f0c879e6,0 0 14px #d9a44180}}:is(.board-topic,.mail-row,.pet-amulet){transition:border-color .16s ease, background-color .16s ease, translate .16s var(--ease-out)}:is(.board-topic,.mail-row):hover{background-color:#eadcc214;translate:2px}.dlg-click{transition:color .14s,filter .14s,text-shadow .14s}.dlg-click:hover{filter:brightness(1.2);text-shadow:0 0 8px #f0c8798c}.bar-fill{transition:width .35s var(--ease-out)}.chat-line{animation:chat-in .22s var(--ease-out)}@keyframes chat-in{0%{opacity:0;translate:-30px}}.map-mail.has-unread{animation:2.4s ease-in-out infinite unread-pulse}@keyframes unread-pulse{0%,to{box-shadow:0 0 #7fd6ff00}50%{box-shadow:0 0 0 3px #7fd6ff40}}.shell .panel{animation:rise-in .38s var(--ease-out) both}@keyframes rise-in{0%{opacity:0;translate:0 40px}}.logo{animation:4s ease-in-out infinite logo-glow}@keyframes logo-glow{0%,to{text-shadow:0 2px #000,0 0 18px #d9a4414d}50%{text-shadow:0 2px #000,0 0 32px #f0c87999}}.death-panel:not([hidden]){animation:rise-in .3s var(--ease-out)}:where(#app *){transition:opacity .26s ease, translate .26s var(--ease-out), display .26s allow-discrete}:where(#app [hidden]){opacity:0;translate:40px}.ui-enter{animation:ui-enter .32s var(--ease-out) both}.ui-leave{animation:ui-leave .26s var(--ease-out) both;pointer-events:none}@keyframes ui-enter{0%{opacity:0;translate:-40px}}@keyframes ui-leave{to{opacity:0;translate:40px}}.screen-enter{animation:screen-in .42s var(--ease-out) both}.screen-ghost{z-index:50;pointer-events:none;animation:screen-out .36s var(--ease-out) both;position:fixed;inset:0}@keyframes screen-in{0%{opacity:0;translate:80px}}@keyframes screen-out{to{opacity:0;translate:-80px}}:is(.dlg-body,.mail-window,.board-window)>:not(header){animation:page-in .3s var(--ease-out) both}@keyframes page-in{0%{opacity:0;translate:30px}}@keyframes fade-in{0%{opacity:0}}html:has(.screen-ghost,.screen-enter){overflow:clip}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window){--frame-gold:#e8c878;--frame-line:#c4a06047;border-style:solid;border-width:18px 13px 20px;border-image:var(--win-frame) 18 13 20 fill / 18px 13px 20px round;color:#e6dcc6;filter:drop-shadow(0 6px 14px #000000b3);scrollbar-width:thin;scrollbar-color:#8a6a36 #0000004d;background:0 0;border-radius:0;padding:4px 8px 6px}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window)>header{border-bottom:1px solid var(--frame-line);min-height:30px;margin-bottom:6px;padding:0 40px 6px 0;position:relative;box-shadow:0 1px #0009}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window)>header h2{letter-spacing:2px;color:var(--frame-gold);text-shadow:0 1px #000,0 0 6px #e8c87859;align-items:center;gap:8px;font-size:16px;display:flex}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window)>header h2:before{content:"";background:var(--title-icon) center / cover no-repeat;border:1px solid #a07a3c;border-radius:50%;flex:none;width:24px;height:24px;box-shadow:0 0 0 1px #000,0 0 6px #e8c8784d}.client-frames .skill-window{--title-icon:url(/assets/ui/400.img.png)}.client-frames .inv-window{--title-icon:url(/assets/ui/402.img.png)}.client-frames .status-window{--title-icon:url(/assets/ui/398.img.png)}.client-frames .clan-window{--title-icon:url(/assets/ui/396.img.png)}.client-frames .buddy-window{--title-icon:url(/ui/classic/classic-tool-buddy.png)}.client-frames .bm-window{--title-icon:url(/ui/classic/classic-tool-bookmarks.png)}.client-frames .mail-window{--title-icon:url(/ui/classic/classic-tool-mail.png)}.client-frames .settings-window{--title-icon:url(/assets/ui/392.img.png)}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window)>header h2{white-space:nowrap;flex:none}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window)>header button:not(.status-close){white-space:nowrap;height:26px;min-height:0;padding:0 7px;font-size:12px}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window)>header .status-close{color:#0000;background:var(--win-close) center / 35px 26px no-repeat;width:35px;height:27px;min-height:0;image-rendering:pixelated;box-shadow:none;border:none;border-radius:0;padding:0;font-size:0;position:absolute;top:2px;right:0}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window)>header .status-close:hover:not(:disabled){box-shadow:none;filter:brightness(1.35)drop-shadow(0 0 4px #e8c87899);border:none}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window) :is(input[type=text],input[type=number],input:not([type]),textarea,select){color:#f0e6cc;background:#0000008c;border:1px solid #4a3c28;border-radius:2px;box-shadow:inset 0 1px 3px #000c}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window) input[type=file]{color:#cbbf9f;max-width:100%;font-size:12px}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window) input[type=file]::file-selector-button{font:inherit;color:#ecd8a6;text-shadow:0 1px 1px #000;cursor:pointer;background:linear-gradient(#4a3722 0%,#2a1e12 50%,#1a120a 100%);border:1px solid #7a5a2e;border-radius:3px;margin-right:8px;padding:4px 10px}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window) input[type=file]::file-selector-button:hover{color:#ffe6a8;border-color:#c99a4a}.client-frames .inv-window .inv-grid{background:#00000080;border:1px solid #3a2e1e;border-radius:2px;box-shadow:inset 0 0 8px #000000e6}.client-frames .inv-window .inv-slot{background:radial-gradient(circle at 50% 40%,#1d1813 0%,#0c0a08 75%);border:1px solid #2e2618;border-radius:1px;box-shadow:inset 0 0 0 1px #000c}.client-frames .inv-window .inv-slot.equipped{border-color:#6fa8ff;box-shadow:inset 0 0 0 1px #6fa8ff,inset 0 0 8px #6fa8ff59}.client-frames .inv-window .inv-slot.selected{border-color:var(--frame-gold);box-shadow:inset 0 0 0 1px var(--frame-gold)}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window) :is(h3,.buddy-section,.status-section){color:var(--frame-gold);text-shadow:0 1px #000}.client-frames :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window) :is(.buddy-row,.bm-row,.mail-row,.clan-member,.settings-row){border-bottom-color:var(--frame-line)}.client-frames .settings-row input{accent-color:#c99a4a}.client-frames :is(.dlg-window,.shop-window)>header h2:before{display:none}.client-frames .dlg-window .dlg-body{color:#e6dcc6;text-shadow:0 1px 1px #000}.client-frames .dlg-window .dlg-link{color:#ffe14d;text-shadow:0 1px 1px #000,0 0 6px #ffe14d40}.client-frames .dlg-window .dlg-amount{border-top-color:#c4a0604d}.dlg-figure{width:160px;height:270px;margin:6px auto 0;display:block}.shell{isolation:isolate;position:relative}.shell>:not(.screen-art){z-index:1;position:relative}.screen-art{z-index:0;background:#000 50%/cover no-repeat;animation:.7s both art-in;position:fixed;inset:0}.screen-art:after{content:"";background:radial-gradient(at 50% 40%,#0000 35%,#000000a6 100%),linear-gradient(#00000026 0%,#0000 30%,#0000008c 100%);position:absolute;inset:0}@keyframes art-in{0%{opacity:0;scale:1.04}}.client-frames .shell .panel:not(.select-panel),.client-frames .pick-info{border-style:solid;border-width:18px 13px 20px;border-image:var(--win-frame) 18 13 20 fill / 18px 13px 20px round;filter:drop-shadow(0 10px 24px #000000bf);background:0 0;border-radius:0;padding:12px 14px}.client-frames .shell .panel:not(.select-panel) :is(input,select){color:#f0e6cc;background:#0000008c;border:1px solid #4a3c28;border-radius:2px;box-shadow:inset 0 1px 3px #000c}.shell h2{color:#e8c878;text-shadow:0 1px #000,0 0 6px #e8c87859;letter-spacing:2px}.screen-login{justify-content:center}.screen-login .panel{max-width:360px}.select-panel{max-width:820px;box-shadow:none;background:0 0;border:none;gap:10px;padding:0}.carousel{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:330px;position:relative}.carousel-stage{cursor:grab;position:absolute;inset:0}.carousel.dragging .carousel-stage{cursor:grabbing}.carousel-item{transform-origin:50% 100%;transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .48s,filter .48s;position:absolute;bottom:0;left:50%}.carousel.dragging .carousel-item{transition:none}.pick-card{cursor:pointer;flex-direction:column;align-items:center;gap:2px;display:flex}.portrait{pointer-events:none;width:160px;height:270px;display:block}.pick-card.empty .portrait{width:132px;height:277px}.pick-name{color:#ecd8a6;text-shadow:0 1px 2px #000,0 0 6px #000;white-space:nowrap;font-size:14px}.pick-card.front .pick-name{color:#ffd677;font-size:16px}.carousel-arrow{z-index:200;width:40px;height:56px;min-height:0;padding:0;font-size:30px;line-height:1;position:absolute;top:45%;translate:0 -50%}.carousel-arrow.prev{left:4px}.carousel-arrow.next{right:4px}.carousel.single .carousel-arrow{display:none}.pick-info{text-align:center;align-self:center;justify-items:center;gap:4px;width:min(100%,360px);animation:.26s both fade-in;display:grid}.pick-info .who{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 10px;display:flex}.pick-info .who strong{color:#ffe2a0;text-shadow:0 1px #000;font-size:20px}.pick-info .who span{color:var(--muted);font-size:13px}.pick-info .clan{color:var(--gold)!important}.pick-info .vitals{color:#cbbf9f;font-size:13px}.pick-info button{min-width:180px;margin-top:6px}.pick-empty{color:var(--muted);margin:4px 0}.select-panel>.row{align-self:center;width:min(100%,360px)}.create-layout{justify-content:center;align-items:flex-end;gap:12px;width:100%;max-width:760px;display:flex}.create-preview{flex:none;width:160px;height:270px}.create-preview .portrait{width:160px;height:270px}.create-panel{max-width:440px}@media (width>=900px) and (height>=760px){.carousel{height:430px}.portrait,.create-preview,.create-preview .portrait{width:216px;height:365px}.pick-card.empty .portrait{width:178px;height:374px}}@media (width<=600px){.carousel{height:290px}.portrait{width:136px;height:230px}.pick-card.empty .portrait{width:112px;height:235px}.create-preview{display:none}}@media (width<=600px) and (height>=700px){.carousel{height:380px}.portrait{width:186px;height:314px}.pick-card.empty .portrait{width:154px;height:323px}}@media (height<=500px){.carousel{height:210px}.portrait{width:100px;height:169px}.pick-card.empty .portrait{width:82px;height:172px}.shell .logo{display:none}.shell{padding-top:max(8px, env(safe-area-inset-top));gap:6px}.pick-info{gap:2px;padding:6px 10px}.pick-info button{min-height:34px;margin-top:2px}}.screen-film{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.screen-film.playing{opacity:1}.screen-login{justify-content:flex-end;padding-bottom:max(10vh,32px)}.screen-login .logo{margin-bottom:4px;font-size:clamp(30px,7vw,44px)}.client-frames .shell.screen-login .panel:not(.select-panel){-webkit-backdrop-filter:blur(3px);filter:none;background:linear-gradient(#08060440 0%,#08060480 100%);border:1px solid #c99a4a59;border-image:;border-radius:6px;gap:10px;max-width:320px;padding:14px 18px 16px;box-shadow:0 8px 30px #00000073}.screen-login .panel label{color:#ecd8a6bf;text-shadow:0 1px 2px #000;gap:2px;font-size:12px}.client-frames .shell.screen-login .panel:not(.select-panel) input{color:#f4ead2;height:34px;box-shadow:none;text-shadow:0 1px 2px #000;background:0 0;border:none;border-bottom:1px solid #ecd8a659;border-radius:0;padding:0 2px;transition:border-color .16s}.screen-login .panel input:focus{border-bottom-color:#e0b25a;outline:none}.screen-login .panel button.primary{letter-spacing:4px;background:linear-gradient(#6b4d26bf 0%,#22180cbf 100%);height:38px;min-height:0;margin-top:4px}.screen-login .status{text-shadow:0 1px 2px #000}.client-frames .shell.screen-login .panel:not(.select-panel){box-shadow:none;-webkit-backdrop-filter:none;background:radial-gradient(#00000059 0%,#0000 75%);border:none}.screen-login .panel label{letter-spacing:2px;grid-template-columns:3em 1fr;align-items:center;gap:10px;font-size:14px;display:grid}.screen-login .panel input:-webkit-any(:autofill,:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active){-webkit-text-fill-color:#f4ead2;caret-color:#f4ead2;box-shadow:none;-webkit-background-clip:text;background-clip:text;transition:background-color 0s 600000s,color 0s 600000s}.screen-login .panel input:is(:autofill,:autofill,:autofill:hover,:autofill:focus,:autofill:active){-webkit-text-fill-color:#f4ead2;caret-color:#f4ead2;box-shadow:none;-webkit-background-clip:text;background-clip:text;transition:background-color 0s 600000s,color 0s 600000s}.screen-login .panel button.primary{text-shadow:0 1px 2px #000;background:linear-gradient(#6b4d2661 0%,#22180c61 100%);border-color:#d9a44199;box-shadow:inset 0 1px #ffecb433}.screen-login .panel button.primary:hover:not(:disabled){background:linear-gradient(#8c64308c 0%,#3222108c 100%);border-color:#f0c66a}.sound-hint{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:3;color:#ecd8a6;height:32px;min-height:0;box-shadow:none;background:#0a080673;border:1px solid #c99a4a73;border-radius:16px;padding:0 14px;font-size:13px;transition:opacity .4s;animation:2.4s ease-in-out infinite sound-hint-pulse;position:fixed;translate:-50%}.sound-hint.gone{opacity:0;pointer-events:none}@keyframes sound-hint-pulse{50%{border-color:#f0c879e6;box-shadow:0 0 12px #f0c87959}}:root{--mm:150px}[data-layout=tablet]{--mm:130px}[data-layout=phone-portrait]{--mm:104px}[data-layout=phone-landscape]{--mm:66px}.map-hud{background:linear-gradient(#302b2680 0%,#16130f80 100%);border:1px solid #6b5230b3;border-radius:6px;flex-direction:column;gap:4px;min-width:236px;padding:6px 8px 7px;display:flex;box-shadow:inset 0 1px #ffdea02e,inset 0 0 0 1px #0009,0 4px 12px #0009}.hud-title{border-bottom:1px solid #c4a0604d;align-items:center;gap:6px;padding-bottom:4px;display:flex}.hud-title>div{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.hud-name{color:#ffe2a0;text-shadow:0 1px #000;font-weight:700}.hud-time{color:#cbbf9f;font-variant-numeric:tabular-nums;margin-left:auto}.hud-row{grid-template-columns:20px 1fr;align-items:center;gap:6px;display:grid}.hud-icon{background:#1a1612 50%/cover no-repeat;border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 1px #000,0 0 0 2px #7a5a2e}.hud-icon.lawful{background-image:var(--hud-icon-lawful)}.hud-icon.hp{background-image:var(--hud-icon-hp)}.hud-icon.mp{background-image:var(--hud-icon-mp)}.hud-icon.exp{background-image:var(--hud-icon-exp)}.map-hud .bar,.hud-box{background:linear-gradient(#121010 0%,#262220 100%);border:1px solid #b07a3c;border-radius:8px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #281808e6}.map-hud .bar-fill{border-radius:7px;box-shadow:inset 0 1px #ffffff59,inset 0 -2px 3px #00000059}.map-hud .bar-fill.hp{background:linear-gradient(#ff7a5c 0%,#d4301c 45%,#8a140a 100%)}.map-hud .bar-fill.mp{background:linear-gradient(#7ab4ff 0%,#2f6be0 45%,#16348a 100%)}.map-hud .bar-fill.exp{background:linear-gradient(#ffe58a 0%,#d9a432 45%,#8a5c10 100%)}.map-hud .bar-text{letter-spacing:.5px;justify-content:center;padding:0;font-size:11px;font-weight:600}.hud-split{grid-template-columns:1fr 22px 1fr;align-items:center;gap:4px;display:grid}.hud-box{color:#f0e2c0;text-shadow:0 1px 1px #000;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.hud-ring{color:#e8d8b0;background:radial-gradient(circle at 50% 35%,#34302a,#121010);border:1px solid #b07a3c;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid;box-shadow:0 0 0 1px #281808e6,inset 0 1px 3px #000}.hud-law[data-side=lawful]{color:#8ec5ff}.hud-law[data-side=chaotic]{color:#ff7a6a}[data-layout=phone-portrait] .map-hud,[data-layout=phone-landscape] .map-hud{min-width:0}[data-layout=phone-landscape] .map-hud{gap:3px;width:220px;padding:4px 6px}[data-layout=phone-landscape] :is(.map-hud .bar,.hud-box){height:13px}[data-layout=phone-landscape] .hud-icon{width:16px;height:16px}[data-layout=phone-landscape] .hud-row{grid-template-columns:16px 1fr;gap:5px}[data-layout=phone-landscape] .hud-ring{width:18px;height:18px}[data-layout=phone-landscape] .hud-split{grid-template-columns:1fr 18px 1fr}[data-layout=phone-landscape] .map-hud .bar-text{font-size:10px}[data-layout=desktop] .map-hud{min-width:260px}@media (width>=1600px) and (height>=900px){[data-layout=desktop] .map-hud{min-width:300px}[data-layout=desktop] :is(.map-hud .bar,.hud-box){height:19px}[data-layout=desktop] .map-hud .bar-text,[data-layout=desktop] .hud-box{font-size:13px}[data-layout=desktop] .hud-icon{width:24px;height:24px}[data-layout=desktop] .hud-row{grid-template-columns:24px 1fr}}.minimap{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:2;width:var(--mm);flex-direction:column;align-items:center;gap:3px;display:flex;position:fixed}.minimap-face{width:var(--mm);height:var(--mm);background:#0b0906;border:2px solid #a07a3c;border-radius:50%;min-height:0;padding:0;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 4px #3a2a16,0 0 0 5px #000,0 4px 14px #000000b3,inset 0 0 18px #000000d9}.minimap-face:hover:not(:disabled){border-color:#e0b25a;box-shadow:0 0 0 1px #000,0 0 0 4px #4a3418,0 0 0 5px #000,0 0 14px #e8be5a80}.minimap-canvas{pointer-events:none;width:100%;height:100%;display:block}.minimap-label{color:#ecd8a6;text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;pointer-events:none;flex-direction:column;align-items:center;font-size:11px;line-height:1.15;display:flex}.minimap-coords{color:#cbbf9f;font-variant-numeric:tabular-nums;font-size:10px}[data-layout=phone-landscape] .minimap-place{display:none}[data-layout=desktop] .map-tools,[data-layout=tablet] .map-tools{right:calc(max(8px, env(safe-area-inset-right)) + var(--mm) + 14px)}[data-layout=phone-portrait] .map-tools{top:calc(var(--safe-top) + var(--mm) + 34px);--tool-size:max(26px, min(42px, calc((100dvh - var(--safe-top) - var(--mm) - 34px - var(--hud-bottom) - 40px) / 9 - 6px)));gap:6px}[data-layout=phone-landscape] .map-tools{top:calc(var(--safe-top) + var(--mm) + 22px);--tool-size:min(30px, calc((100dvh - var(--mm) - 60px) / 10 - 3px));justify-content:flex-start;gap:3px}[data-layout^=phone] .map-tools .tool-label{display:none}.map-tools .tools-toggle{color:#ecd8a6;background:radial-gradient(circle at 50% 35%,#4a3722,#1a120a);border:1px solid #a07a3c;border-radius:50%;flex:none;align-self:center;width:26px;height:26px;min-height:0;padding:0;font-size:14px;line-height:1;box-shadow:0 0 0 1px #000,0 2px 5px #000000b3}.map-tools .tools-toggle:hover:not(:disabled){border:1px solid #e0b25a;box-shadow:0 0 0 1px #000,0 0 8px #e8be5a80}.map-tools .tools-toggle:before{content:"›";transition:rotate .2s;display:block}.map-tools.folded .tools-toggle:before{rotate:180deg}[data-layout^=phone] .map-tools .tools-toggle:before{rotate:90deg}[data-layout^=phone] .map-tools.folded .tools-toggle:before{rotate:-90deg}.map-tools>button:not(.tools-toggle){transition:opacity .22s ease, translate .22s var(--ease-out,ease), display .22s allow-discrete}.map-tools.folded>button:not(.tools-toggle){opacity:0;display:none;translate:24px}[data-layout^=phone] .map-tools.folded>button:not(.tools-toggle){translate:0 -24px}@starting-style{.map-tools:not(.folded)>button:not(.tools-toggle){opacity:0;translate:24px}[data-layout^=phone] .map-tools:not(.folded)>button:not(.tools-toggle){translate:0 -24px}}.map-hud .hud-zone{color:#ecd8a6;text-shadow:0 0 2px #000,0 1px 1px #000;filter:brightness(1.25);background:#00000080;border:1px solid #c4a06059;border-radius:3px;padding:0 6px;font-weight:700}.map-hud{transition:translate .32s var(--ease-out,ease)}.map-hud.folded{translate:calc(-100% - 12px)}.map-hud .hud-toggle{pointer-events:auto;color:#ecd8a6;background:linear-gradient(90deg,#2a1e12,#4a3722);border:1px solid #a07a3c;border-left:none;border-radius:0 8px 8px 0;width:22px;height:40px;min-height:0;padding:0;font-size:16px;line-height:1;position:absolute;top:8px;left:100%;box-shadow:2px 2px 6px #0009,inset 0 1px #ffdea033}.map-hud .hud-toggle:hover:not(:disabled){color:#ffe6a8;border-color:#e0b25a}.map-hud .hud-toggle:before{content:"‹";transition:rotate .32s;display:block}.map-hud.folded .hud-toggle:before{rotate:180deg}.map-hud.folded .hud-toggle{translate:4px}.bigmap{z-index:40;transition:opacity .24s ease, display .24s allow-discrete;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.bigmap[hidden]{opacity:0;display:none}@starting-style{.bigmap:not([hidden]){opacity:0}}.bigmap-window{--side:min(86vw, calc(100dvh - 150px), 640px);border:1px solid var(--panel-edge);transition:scale .28s var(--ease-back,ease);background:#140e08f2;flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.bigmap[hidden] .bigmap-window{scale:.9}@starting-style{.bigmap:not([hidden]) .bigmap-window{scale:.9}}.client-frames .bigmap-window{border-style:solid;border-width:18px 13px 20px;border-image:var(--win-frame) 18 13 20 fill / 18px 13px 20px round;background:0 0}.bigmap-window>header{justify-content:space-between;align-items:center;min-height:28px;padding-right:40px;display:flex;position:relative}.bigmap-window h2{font-size:16px}.client-frames .bigmap-window .status-close{background:var(--win-close) center / 35px 26px no-repeat;width:35px;height:27px;min-height:0;box-shadow:none;image-rendering:pixelated;border:none;padding:0;font-size:0;position:absolute;top:0;right:0}.bigmap-face{width:var(--side);height:var(--side);background:#0b0906;border:2px solid #a07a3c;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #000,inset 0 0 24px #000000d9}.bigmap-canvas{touch-action:none;width:100%;height:100%;display:block}.bigmap-window>footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.bigmap-coords{color:#cbbf9f;font-variant-numeric:tabular-nums;font-size:13px}.bigmap-zooms{gap:6px;display:flex}.bigmap-zoom{width:36px;height:32px;min-height:0;padding:0;font-size:18px}.client-chat .chat{isolation:isolate;border:2px solid #7a5a2e;border-top:none;border-radius:0 0 6px 6px;gap:6px;padding:12px 10px 8px;box-shadow:0 0 0 1px #000,0 6px 16px #0009,inset 0 0 12px #000000b3}.client-chat .chat:after{content:"";z-index:-1;background:var(--chat-stone) repeat;opacity:.88;border-radius:inherit;position:absolute;inset:0}.client-chat .chat:before{content:"";z-index:1;pointer-events:none;background:var(--chat-left) left top / auto 44px no-repeat, var(--chat-right) right top / auto 44px no-repeat, var(--chat-dragon) center top / auto 44px no-repeat, var(--chat-rope) left top / auto 44px repeat-x;height:44px;position:absolute;top:-24px;left:-12px;right:-12px}.client-chat .chat-log{z-index:2;scrollbar-width:thin;scrollbar-color:#8a6a36 transparent;background:#00000040;border:1px solid #00000080;border-radius:3px;margin-top:4px;padding:4px 6px;position:relative;box-shadow:inset 0 1px 4px #000000b3}.client-chat .chat-input{z-index:2;align-items:center;gap:6px;position:relative}.client-chat .chat-input input{color:#f0e6cc;background:#0009;border:1px solid #4a3c28;border-radius:3px;box-shadow:inset 0 1px 3px #000c}.client-chat .chat-channel{background:linear-gradient(#4a3722 0%,#2a1e12 50%,#1a120a 100%);border:1px solid #7a5a2e;border-radius:3px;padding:0 4px;font-weight:600;box-shadow:inset 0 1px #ffdea040}.client-chat .chat-send{padding:0 14px}.client-chat .chat-fold{z-index:3;background:radial-gradient(circle at 50% 35%,#4a3722,#1a120a);border:1px solid #a07a3c;border-radius:50%;width:24px;height:24px;font-size:10px;position:absolute;top:-11px;right:8px;box-shadow:0 0 0 1px #000,0 2px 4px #000000b3}.client-chat[data-layout^=phone] .chat-fold{width:30px;height:30px;top:-14px}[data-layout=phone-portrait]{--hud-bottom:226px}[data-layout=phone-portrait] .hotbar{bottom:calc(var(--safe-bottom) + 162px)}.client-chat .hotbar{isolation:isolate;background:0 0;border:2px solid #7a5a2e;border-radius:4px;gap:3px;padding:5px;box-shadow:0 0 0 1px #000,0 6px 16px #0009,inset 0 0 10px #000000b3}.client-chat .hotbar:after{content:"";z-index:-1;background:var(--chat-stone) repeat;opacity:.88;border-radius:inherit;position:absolute;inset:0}.client-chat .hotbar-slot{background:radial-gradient(circle at 50% 40%,#1d1813 0%,#0b0907 80%);border:1px solid #3a2e1e;border-radius:2px;box-shadow:inset 0 1px 4px #000000e6,0 1px #ffdea014}.client-chat .hotbar-slot:hover:not(:disabled){border-color:#a07a3c;box-shadow:inset 0 1px 4px #000000e6,0 0 8px #d9a44159}.client-chat .hotbar-slot.empty{opacity:1}.client-chat .hotbar-slot.equipped{border-color:#d9a441;box-shadow:inset 0 0 0 1px #d9a44180,inset 0 0 8px #d9a44140}.client-chat .hotbar-slot.assigning{border-color:#f0c66a;box-shadow:0 0 0 2px #f0c66a99,inset 0 0 10px #f0c66a4d}.client-chat .hotbar-key{color:#c9a25a;text-shadow:0 1px 1px #000;font-size:9px;font-weight:700;top:1px;left:3px}.client-chat .hotbar-slot.empty .hotbar-key{color:#968c7866;text-shadow:0 1px #000000e6,0 -1px #ffffff0f;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;display:grid;inset:0}.client-chat .hotbar-skill{color:#a9d4ff;text-shadow:0 1px 1px #000}.ui-clear{z-index:5;top:calc(max(8px, env(safe-area-inset-top)) + var(--mm) - 22px);right:calc(max(8px, env(safe-area-inset-right)) + var(--mm) - 22px);color:#ecd8a6;background:radial-gradient(circle at 50% 35%,#4a3722,#1a120a);border:1px solid #a07a3c;border-radius:50%;width:28px;height:28px;min-height:0;padding:4px;transition:opacity .26s,color .16s;position:fixed;box-shadow:0 0 0 1px #000,0 2px 5px #000000b3}.ui-clear svg{width:100%;height:100%;display:block}.ui-clear:hover:not(:disabled){color:#ffe6a8;border:1px solid #e0b25a}[data-layout^=phone] .ui-clear{width:32px;height:32px}:where(#app>*){transition:opacity .26s}.ui-cleared #app>:is(.map-hud,.minimap,.map-tools,.hotbar,.chat){opacity:0;pointer-events:none}.ui-cleared .ui-clear{opacity:.55;color:#9a8a6a}.ui-cleared .ui-clear:hover{opacity:1}.client-chat .chat-input{--line-h:32px;height:var(--line-h);background:#0000009e;border:1px solid #6b5230;border-radius:4px;gap:0;box-shadow:inset 0 1px 3px #000c,0 1px #ffdea014}[data-layout^=phone].client-chat .chat-input{--line-h:44px}@media (width>=1600px) and (height>=900px){[data-layout=desktop].client-chat .chat-input{--line-h:38px}}.client-chat .chat-input>:is(button,input){height:100%;min-height:0;box-shadow:none;border:none;border-radius:0}.client-chat .chat-input .chat-text,.client-chat .chat-input .chat-target{background:0 0;padding:0 8px}.client-chat .chat-input .chat-target{color:#ff9ec7;border-right:1px solid #4a3c28;flex:0 0 6.5em}.client-chat .chat-channel-button{background:linear-gradient(#4a3722 0%,#2a1e12 55%,#1a120a 100%);flex:none;padding:0 8px 0 10px;font-weight:700;border-right:1px solid #4a3c28!important;border-radius:3px 0 0 3px!important}.client-chat .chat-channel-button:after{content:"▾";color:#c9a25a;margin-left:4px;font-size:10px}.client-chat .chat-input .chat-send{color:#ffd677;background:linear-gradient(#5c4429 0%,#35261a 55%,#1f160c 100%);flex:none;padding:0 14px;font-weight:700;border-left:1px solid #4a3c28!important;border-radius:0 3px 3px 0!important}.client-chat .chat-input .chat-send:hover:not(:disabled),.client-chat .chat-channel-button:hover:not(:disabled){filter:brightness(1.15)}.chat-channel-menu{z-index:6;min-width:128px;transition:opacity .16s ease, translate .16s ease, display .16s allow-discrete;background:#120d08f7;border:1px solid #a07a3c;border-radius:4px;margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:-1px;box-shadow:0 0 0 1px #000,0 8px 20px #000000b3}.chat-channel-menu[hidden]{opacity:0;display:none;translate:0 6px}@starting-style{.chat-channel-menu:not([hidden]){opacity:0;translate:0 6px}}.chat-channel-menu li{text-shadow:0 1px 1px #000;cursor:pointer;white-space:nowrap;border-radius:3px;padding:6px 12px;font-weight:600}.chat-channel-menu li:hover{background:#d9a44129}.chat-channel-menu li[aria-selected=true]{background:#d9a4413d;box-shadow:inset 3px 0 #d9a441}[data-layout^=phone] .chat-channel-menu li{padding:9px 14px}[data-layout]{--con-h:188px;--con-left:calc((var(--con-h) - 12px) * 160 / 105 + 16px);--con-right:330px;--hud-bottom:calc(var(--con-h) + 26px)}[data-layout=tablet]{--con-h:176px;--con-left:calc((var(--con-h) - 12px) * 160 / 105 + 16px);--con-right:288px}@media (width>=1600px) and (height>=900px){[data-layout=desktop]{--con-h:204px;--con-left:calc((var(--con-h) - 12px) * 160 / 105 + 16px);--con-right:356px}}[data-layout] .hud-console{z-index:3;height:var(--con-h);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:var(--con-left) minmax(0, 1fr) var(--con-right);background:#15120e var(--chat-stone) repeat;color:#ecd8a6;border-top:2px solid #7a5a2e;font-size:13px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #000,0 -8px 18px #0000008c,inset 0 2px #ffdea01f}[data-layout] .hud-console>*{min-width:0;min-height:0;position:relative}[data-layout] .hud-console>.con-mid{border-left:2px solid #5a4224;border-right:2px solid #5a4224;flex-direction:column;display:flex;box-shadow:inset 1px 0 #000,inset -1px 0 #000}[data-layout] .con-left{place-items:center;padding:6px 8px;display:grid}.con-panel{--px:calc(100% / 160);--py:calc(100% / 105);width:min(100%, calc((var(--con-h) - 12px) * 160 / 105));aspect-ratio:160/105;background:#1a1612 var(--con-panel) center / 100% 100% no-repeat;image-rendering:pixelated;position:relative}:root:not(.console-art) .con-plate{background:#0000008c;border:1px solid #4a3c28;border-radius:6px}.con-plate{color:#f0e2c0;text-shadow:0 0 2px #000,0 1px 1px #000;font-variant-numeric:tabular-nums;white-space:nowrap;image-rendering:auto;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex;position:absolute;overflow:hidden}.con-plate.title{left:calc(3 * var(--px));top:calc(7 * var(--py));width:calc(153 * var(--px));height:calc(15 * var(--py));justify-content:space-between;padding:0 8px}.con-plate.ac{left:calc(21 * var(--px));top:calc(31 * var(--py));width:calc(48 * var(--px));height:calc(14 * var(--py))}.con-plate.mr{left:calc(92 * var(--px));top:calc(31 * var(--py));width:calc(65 * var(--px));height:calc(14 * var(--py))}.con-plate.weight{left:calc(21 * var(--px));top:calc(51 * var(--py));width:calc(48 * var(--px));height:calc(14 * var(--py))}.con-plate.food{left:calc(92 * var(--px));top:calc(51 * var(--py));width:calc(65 * var(--px));height:calc(14 * var(--py))}.con-plate.law{left:calc(21 * var(--px));top:calc(70 * var(--py));width:calc(136 * var(--px));height:calc(14 * var(--py))}.con-plate.time{left:calc(21 * var(--px));top:calc(89 * var(--py));width:calc(136 * var(--px));height:calc(13 * var(--py))}.con-plate.title .con-fill{opacity:.55;background:url(/assets/ui/707.img.png) 0/100% 100% no-repeat}.con-plate.title>span{position:relative}.con-level{color:#ffe2a0}.con-fill{clip-path:inset(0 calc(100% - var(--pct,0%)) 0 0);transition:clip-path .24s;position:absolute;inset:0}.con-text{color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000,0 0 3px #000;font-variant-numeric:tabular-nums;pointer-events:none;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}.con-plate.title .con-text{color:#f0e2c0;font-size:12px;position:relative;inset:auto}.con-weight{height:2px;position:absolute;bottom:1px;left:4px;right:4px}.con-weight .con-fill{background:url(/assets/ui/705.img.png) 0/100% 100%}.con-plate.heavy b{color:#ff8a6a}.con-plate.heavy .con-weight .con-fill{background-image:url(/assets/ui/713.img.png)}.con-plate.law b[data-side=lawful]{color:#8ec5ff}.con-plate.law b[data-side=chaotic]{color:#ff7a6a}.con-time{align-items:center;gap:6px;display:flex}.con-time:before{content:"";width:8px;height:8px;image-rendering:pixelated;background:url(/assets/ui/37.img.png) 50%/contain no-repeat;scale:1.5}.con-time.night:before{background-image:url(/assets/ui/38.img.png)}.con-time:empty{visibility:hidden}[data-layout]{--k:1.5}@media (width>=1600px) and (height>=900px){[data-layout=desktop]{--k:1.75}}[data-layout] .con-mid:before{content:"";left:0;right:0;top:calc(var(--k) * -27px);height:calc(var(--k) * 44px);z-index:2;pointer-events:none;image-rendering:pixelated;background:var(--crest-left) left top / auto 100% no-repeat, var(--crest-right) right top / auto 100% no-repeat, var(--crest-dragon) center top / auto 100% no-repeat, var(--crest-rope) left top / auto 100% repeat-x;position:absolute}[data-layout] .con-vitals{height:calc(var(--k) * 16px);z-index:1;display:block;position:absolute;inset:0 0 auto}.con-gauge{background:#1a1410 var(--gauge-hp-empty) center / 100% 100%;position:absolute;top:0;bottom:0;overflow:hidden}.con-gauge.hp{left:calc(var(--k) * 45px);right:calc(50% + var(--k) * 19px)}.con-gauge.mp{left:calc(50% + var(--k) * 21px);right:calc(var(--k) * 32px);background-image:var(--gauge-mp-empty)}.con-gauge .con-fill{background:#a0281a var(--gauge-hp) center / 100% 100%}.con-gauge.mp .con-fill{background:#3a4a8a var(--gauge-mp) center / 100% 100%}.con-gauge .con-text{font-size:14px}[data-layout] .hud-console .chat{width:auto;min-height:0;padding:calc(var(--k) * 17px + 4px) 12px 8px;box-shadow:none;border:none;border-radius:0;flex:1;font-size:13px;position:relative;bottom:auto;left:auto;right:auto}[data-layout] .hud-console .chat:before,[data-layout] .hud-console .chat:after{content:none}[data-layout] .hud-console .chat-log,[data-layout] .hud-console .chat.collapsed .chat-log{flex:1;min-height:0;max-height:none;margin-top:0;display:block}[data-layout] .hud-console .chat-fold{display:none}[data-layout] .hud-console .chat-input{--line-h:30px;flex:none}[data-layout] .con-right{flex-direction:column;gap:4px;padding:6px 8px;display:flex}.hud-console .con-actions{display:none}[data-layout] .hud-console .con-actions{justify-content:space-between;display:flex;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px}.con-action{min-width:0;height:auto;min-height:0;box-shadow:none;color:#ecd8a6;text-shadow:0 1px 2px #000,0 0 3px #000;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;font-size:12px;font-weight:700;display:flex}.con-action svg{background:radial-gradient(circle at 50% 35%,#4a3a26 0%,#241a10 62%,#120c07 100%);border:2px solid #8a6a36;border-radius:50%;width:46px;height:46px;padding:10px;transition:border-color .16s,box-shadow .2s,fill .16s;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffdea02e,inset 0 -4px 8px #0009,0 3px 8px #000000b3}.con-action svg :is(path,circle){fill:url(#con-gold)}.con-action svg .d{fill:#2a1a0a}.con-action svg .ln{fill:none;stroke:#6b4a1a;stroke-width:.9px;stroke-linecap:round}.con-action svg{filter:drop-shadow(0 1px #000c)}.con-action:hover:not(:disabled){box-shadow:none;color:#ffe6a8;border:none}.con-action:hover svg{border-color:#e0b25a;box-shadow:0 0 0 1px #000,0 0 12px #e8be5a8c,inset 0 -4px 8px #0009}.con-action:active svg{translate:0 1px}.con-action.on{color:#ffd677}.con-action.on svg{background:radial-gradient(circle at 50% 40%,#8a5a1c 0%,#4a2c10 60%,#1e1208 100%);border-color:#ffd677;animation:1.6s ease-in-out infinite con-action-on;box-shadow:0 0 0 1px #000,0 0 14px #ffc85ad9,inset 0 0 10px #ffd27873}@keyframes con-action-on{50%{box-shadow:0 0 0 1px #000,0 0 22px #ffc85a,inset 0 0 12px #ffd27899}}@media (prefers-reduced-motion:reduce){.con-action.on svg{animation:none}}[data-layout] .hud-console .hotbar{background:#0b0907 var(--con-quick) center / 100% 100% no-repeat;border:none;border-radius:0;flex:1;grid-template-rows:5fr 33fr 1fr 33fr 7fr;grid-template-columns:3fr 32fr 1fr 33fr 1fr 33fr 1fr 33fr 6fr;gap:0;min-height:0;padding:0;position:relative;bottom:auto;left:auto;right:auto;box-shadow:0 0 0 1px #000,0 3px 8px #0009}[data-layout] .hud-console .hotbar:after{content:none}[data-layout] .hud-console .hotbar-slot:nth-child(4n+1){grid-column:2}[data-layout] .hud-console .hotbar-slot:nth-child(4n+2){grid-column:4}[data-layout] .hud-console .hotbar-slot:nth-child(4n+3){grid-column:6}[data-layout] .hud-console .hotbar-slot:nth-child(4n+4){grid-column:8}[data-layout] .hud-console .hotbar-slot:nth-child(-n+4){grid-row:2}[data-layout] .hud-console .hotbar-slot:nth-child(n+5){grid-row:4}[data-layout] .hud-console .hotbar-slot{width:auto;min-width:0;height:auto;min-height:0;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:2px}[data-layout] .hud-console .hotbar-slot:hover:not(:disabled){border-color:#a07a3c;box-shadow:inset 0 0 10px #d9a4414d}[data-layout] .hud-console .hotbar-slot.empty .hotbar-key{display:none}[data-layout] .hud-console .hotbar-slot:not(.empty){background:radial-gradient(circle at 50% 45%,#1d1813 0%,#0b0907 85%)}[data-layout] .hud-console .hotbar-slot img{width:36px;height:36px}[data-layout] .hud-console .map-tools{--tool-size:44px;--tools-shown:6;--tool-w:calc(var(--tool-size) * 19 / 21);justify-content:flex-start;align-items:center;gap:max(2px, calc((100% - var(--tools-shown) * var(--tool-w)) / (var(--tools-shown) - 1)));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;flex:none;width:auto;height:auto;display:flex;position:static;overflow:auto hidden}[data-layout] .hud-console .map-tools::-webkit-scrollbar{display:none}[data-layout] .hud-console .map-tools,[data-layout] .hud-console .map-tools *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}[data-layout] .hud-console .map-tools>button:not(.tools-toggle){width:var(--tool-w);scroll-snap-align:start;flex:none}[data-layout] .hud-console .map-tools.more-right{-webkit-mask:linear-gradient(90deg,#000 calc(100% - 22px),#0000);mask:linear-gradient(90deg,#000 calc(100% - 22px),#0000)}[data-layout] .hud-console .map-tools.more-left{-webkit-mask:linear-gradient(90deg,#0000,#000 22px);mask:linear-gradient(90deg,#0000,#000 22px)}[data-layout] .hud-console .map-tools.dragging{scroll-snap-type:none;cursor:grabbing}[data-layout] .hud-console .map-tools.more-left.more-right{-webkit-mask:linear-gradient(90deg,#0000,#000 22px calc(100% - 22px),#0000);mask:linear-gradient(90deg,#0000,#000 22px calc(100% - 22px),#0000)}[data-layout] .hud-console .map-tools .tools-toggle,[data-layout] .hud-console .map-tools .tool-label{display:none}[data-layout] .hud-console .map-tools.folded>button:not(.tools-toggle){opacity:1;display:flex;translate:none}[data-layout] .hud-console .map-tools button{width:auto;height:var(--tool-size);background:radial-gradient(circle at 50% 40%,#2a2016 0%,#120d08 85%);border:1px solid #4a3820;border-radius:3px;justify-content:center;align-items:center;padding:0;box-shadow:inset 0 1px 3px #000c}[data-layout] .hud-console .map-tools button:hover:not(:disabled){border:1px solid #a07a3c;box-shadow:inset 0 0 8px #d9a4414d}[data-layout] .hud-console .map-tools button{position:relative;overflow:hidden}[data-layout] .hud-console .map-tools button[aria-expanded=true]{border-color:#f0c66a;animation:1.8s ease-in-out infinite tool-open-rim}[data-layout] .hud-console .map-tools button[aria-expanded=true]:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#fff4c8bf 50%,#0000 65%) 0 0/250% 100% no-repeat;animation:2.6s ease-in-out infinite tool-open-sweep;position:absolute;inset:0}@keyframes tool-open-rim{0%,to{box-shadow:inset 0 0 0 1px #ffe2968c,inset 0 0 8px #f0c66a59}50%{border-color:#fff0c0;box-shadow:inset 0 0 0 2px #ffecb4f2,inset 0 0 14px #ffd278cc}}@keyframes tool-open-sweep{0%{background-position:130% 0}45%,to{background-position:-30% 0}}[data-layout] .hud-console .tool-icon{width:auto;height:100%;box-shadow:none;object-fit:contain;image-rendering:pixelated;border:none;border-radius:0}[data-layout] .hud-console .map-inventory{order:1}[data-layout] .hud-console .map-status{order:2}[data-layout] .hud-console .map-skills{order:3}[data-layout] .hud-console .map-clan{order:4}[data-layout] .hud-console .map-buddy{order:5}[data-layout] .hud-console .map-settings{order:6}[data-layout] .hud-console .map-bookmarks{order:7}[data-layout] .hud-console .map-mail{order:8}[data-layout] .hud-console .map-leave{order:9}[data-layout] .map-hud{left:auto;right:max(8px, env(safe-area-inset-right));min-width:0;box-shadow:none;pointer-events:none;background:0 0;border:none;padding:0;translate:none}[data-layout] .map-hud>:not(.buff-row,.auto-hunt,.pet-badge){display:none}[data-layout] .map-hud>.buff-row{flex-direction:row-reverse;justify-content:flex-start;gap:6px;max-width:40vw;position:static;translate:none}[data-layout] .map-hud .buff{width:42px;height:auto;box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;display:flex;overflow:visible}[data-layout] .map-hud .buff img,[data-layout] .map-hud .buff b{background:#0009;border:1px solid #c9a25a;border-radius:4px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 0 1px #000,0 2px 6px #000000b3}[data-layout] .map-hud .buff small{font-size:12px;font-weight:700;position:static}[data-layout] .minimap{right:auto;left:max(8px, env(safe-area-inset-left))}[data-layout] .ui-clear{right:auto;left:calc(max(8px, env(safe-area-inset-left)) + var(--mm) - 22px)}[data-layout]{--win-top:calc(max(8px, env(safe-area-inset-top)) + var(--mm) + 40px);--skill-top:var(--win-top)}.ui-cleared #app>.hud-console{opacity:0;pointer-events:none}[data-layout^=phone]{--rail:0px}[data-layout=phone-landscape]{--con-h:124px;--con-left:calc((var(--con-h) - 8px) * 160 / 105 + 10px);--con-right:232px;--k:1;--hud-bottom:calc(var(--con-h) + 16px);--win-top:var(--safe-top);--skill-top:var(--safe-top)}[data-layout=phone-landscape] .con-left{padding:4px 5px}[data-layout=phone-landscape] .con-panel{width:min(100%, calc((var(--con-h) - 8px) * 160 / 105))}[data-layout=phone-landscape] .con-plate{gap:3px;font-size:11px}[data-layout=phone-landscape] .con-plate.title .con-text{font-size:10px}[data-layout=phone-landscape] .con-gauge .con-text{font-size:11px}[data-layout=phone-landscape] .hud-console .chat{padding:21px 8px 5px;font-size:12px}[data-layout=phone-landscape] .hud-console .chat-input{--line-h:30px}[data-layout=phone-landscape] .hud-console :is(.chat-input input,.chat-send){height:100%}[data-layout=phone-landscape] .con-right{gap:3px;padding:4px 6px}[data-layout=phone-landscape] .hud-console .hotbar-slot{height:auto}[data-layout=phone-landscape] .hud-console .hotbar-slot img{width:26px;height:26px}[data-layout=phone-landscape] .hud-console .map-tools{--tool-size:30px}[data-layout=phone-landscape] .con-action svg{width:38px;height:38px;padding:9px}[data-layout=phone-landscape] .con-action{font-size:10px}[data-layout=phone-landscape] .map-hud .buff{width:34px}[data-layout=phone-landscape] .map-hud .buff :is(img,b){width:34px;height:34px}[data-layout=phone-landscape] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window){right:var(--safe-right);width:min(340px,100vw - 260px)}[data-layout=phone-portrait]{--k:1.2;--con-chat:104px;--con-half:calc((100vw - 22px) / 2);--con-pair:calc(var(--con-half) * 105 / 160);--con-menu:28px;--con-h:calc(var(--k) * 17px + 6px + var(--con-chat) + 6px + var(--con-pair) + 6px + env(safe-area-inset-bottom));--hud-bottom:calc(var(--con-h) + 66px);--win-top:var(--safe-top);--skill-top:var(--safe-top)}[data-layout=phone-portrait] .hud-console{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto calc(var(--con-pair) - var(--con-menu) - 6px) var(--con-menu);padding:0 8px calc(6px + env(safe-area-inset-bottom));grid-template-areas:"mid mid""left quick""left menu";align-content:start;gap:6px}[data-layout=phone-portrait] .hud-console>.con-mid{box-shadow:none;border:none;grid-area:mid;margin:0 -8px}[data-layout=phone-portrait] .hud-console>.con-left{grid-area:left;padding:0}[data-layout=phone-portrait] .hud-console>.con-right{display:contents}[data-layout=phone-portrait] .hud-console .hotbar{flex:none;grid-area:quick}[data-layout=phone-portrait] .hud-console .map-tools{--tool-size:var(--con-menu);grid-area:menu}[data-layout=phone-portrait] .hud-console>.con-left{align-self:start}[data-layout=phone-portrait] .con-panel{width:100%}[data-layout=phone-portrait] .con-plate{gap:3px;font-size:11px}[data-layout=phone-portrait] .con-plate.title{padding:0 5px}[data-layout=phone-portrait] .con-plate.title .con-text{font-size:10px}[data-layout=phone-portrait] .hud-console .chat{height:calc(var(--k) * 17px + 6px + var(--con-chat));padding:calc(var(--k) * 17px + 6px) 8px 0;flex:none}[data-layout=phone-portrait] .hud-console .chat:not(.collapsed) .chat-log,[data-layout=phone-portrait] .hud-console .chat.collapsed .chat-log{background:#00000040;max-height:none}[data-layout=phone-portrait] .hud-console .chat-input{--line-h:40px}[data-layout=phone-portrait] .hud-console :is(.chat-input input,.chat-send){height:100%}[data-layout=phone-portrait] .hud-console .hotbar-slot{height:auto}[data-layout=phone-portrait] .hud-console .hotbar-slot img{width:30px;height:30px}[data-layout=phone-portrait] .hud-console .con-actions{left:auto;right:8px;bottom:calc(100% + var(--k) * 27px + 8px);justify-content:flex-end;gap:6px}[data-layout=phone-portrait] .con-action svg{width:42px;height:42px;padding:10px}[data-layout=phone-portrait] .con-action{font-size:11px}[data-layout=phone-portrait] .map-hud{top:calc(var(--safe-top) + var(--mm) + 34px);left:auto;right:var(--safe-right);width:auto}[data-layout=phone-portrait] .map-hud>.buff-row{flex-flow:column;align-items:flex-end;gap:3px;max-width:none;display:flex}[data-layout=phone-portrait] .map-hud .buff{width:32px;position:relative}[data-layout=phone-portrait] .map-hud .buff :is(img,b){width:32px;height:32px}[data-layout=phone-portrait] .map-hud .buff small{color:#ffe6a8;text-shadow:0 1px 1px #000;background:#0009;border-radius:2px;padding:0 2px;font-size:10px;line-height:12px;position:absolute;bottom:1px;right:1px}[data-layout] .map-hud>.auto-hunt{top:calc(var(--safe-top) + var(--avatar-d,62px) + 12px);left:var(--safe-left);background:#0e0a06c7;border:1px solid #7a5a2c;border-radius:4px;grid-template-columns:auto auto;gap:4px;margin:0;padding:5px 6px;font-size:12px;display:grid;position:fixed;box-shadow:0 2px 6px #000000b3}[data-layout] .map-hud>.auto-hunt[hidden]{display:none}[data-layout] .map-hud>.auto-hunt span{white-space:nowrap;grid-column:1/-1}[data-layout] .map-hud>.auto-hunt button{height:28px;padding:0 8px;font-size:12px}[data-layout=desktop]{--avatar-d:64px}[data-layout=tablet]{--avatar-d:58px}[data-layout=phone-landscape]{--avatar-d:50px}[data-layout=phone-landscape] .hud-avatar-level{min-width:18px;height:18px;font-size:10px;bottom:-3px;right:-5px}[data-layout]:not([data-layout=phone-portrait]) .minimap{left:auto;right:max(8px, env(safe-area-inset-right))}[data-layout]:not([data-layout=phone-portrait]) .ui-clear{left:auto;right:calc(max(8px, env(safe-area-inset-right)) + var(--mm) - 22px);top:calc(max(8px, env(safe-area-inset-top)) + var(--mm) - 34px)}[data-layout]:not([data-layout=phone-portrait]) .map-hud{top:max(8px, env(safe-area-inset-top));right:calc(max(8px, env(safe-area-inset-right)) + var(--mm) + 12px)}[data-layout=phone-landscape] .map-hud>.auto-hunt{padding:4px 5px;font-size:11px}[data-layout=phone-landscape] .map-hud>.auto-hunt button{height:24px;padding:0 6px;font-size:11px}.hud-avatar{display:none}[data-layout] .hud-avatar{--d:var(--avatar-d,62px);--s:calc(var(--d) / 180);z-index:3;top:var(--safe-top);left:var(--safe-left);width:var(--d);height:var(--d);background:var(--face-url) no-repeat #120d08;background-size:calc(800 * var(--s)) auto;background-position:calc(var(--d) / 2 - 2px - var(--face-x) * var(--s)) calc(var(--d) / 2 - 2px - var(--face-y) * var(--s));cursor:pointer;min-height:0;transition:translate var(--ui-slide), opacity var(--ui-slide);border:2px solid #c9a25a;border-radius:50%;padding:0;display:block;position:fixed;box-shadow:0 0 0 2px #2a1c0e,0 0 0 3px #7a5a2c,0 3px 10px #000c,inset 0 0 10px #000000b3}[data-layout] .hud-avatar:active{filter:brightness(1.2)}.hud-avatar-level{color:#ffe6a8;text-shadow:0 1px 1px #000;background:radial-gradient(circle at 50% 35%,#6a4a24,#2a1a0b);border:1px solid #c9a25a;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 4px;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-4px;right:-6px;box-shadow:0 1px 3px #000}.hud-avatar-level:empty{display:none}[data-layout=phone-portrait] .minimap{left:auto;right:var(--safe-right)}[data-layout=phone-portrait] .ui-clear{left:auto;right:calc(var(--safe-right) + var(--mm) - 22px)}[data-layout=phone-portrait] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window){left:var(--safe-left);right:var(--safe-right);width:auto}:is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window){z-index:6}.chat-tabs{z-index:2;flex:none;gap:3px;display:flex;position:relative}.chat-tab{color:#b8a479;text-shadow:0 1px 1px #000;background:linear-gradient(#3a2b1a 0%,#241a10 55%,#160f08 100%);border:1px solid #4a3820;border-radius:3px;flex:1;min-width:0;height:22px;min-height:0;padding:0;font-size:12px;font-weight:700;line-height:1;box-shadow:inset 0 1px #ffdea01f}.chat-tab:hover:not(:disabled){color:var(--ch);border:1px solid #8a6a36;box-shadow:inset 0 1px #ffdea02e}.chat-tab[aria-selected=true]{color:var(--ch);background:linear-gradient(#5a4226 0%,#33241400 100%),#241a10;border-color:#c9a25a;box-shadow:inset 0 0 8px #0009,0 0 6px #d9a44159}.hud-console .chat-channel-button{display:none}.hud-console .chat-input .chat-target{border-radius:3px 0 0 3px}[data-layout=phone-landscape] .chat-tab{height:18px;font-size:11px}[data-layout=phone-landscape] .hud-console .chat{gap:3px}[data-layout=phone-portrait]{--con-chat:132px}[data-layout=phone-portrait] .chat-tab{height:26px;font-size:12px}:root{--ui-slide:.42s cubic-bezier(.22, .8, .24, 1)}.hud-console{transition:bottom var(--ui-slide), opacity var(--ui-slide)}.minimap,.map-hud{transition:translate var(--ui-slide), opacity var(--ui-slide)}:root.ui-cleared .hud-console{bottom:calc(-1 * (var(--con-h) + var(--k,1) * 27px + 80px))}:root.ui-cleared .minimap{translate:calc(-100% - 24px)}:root.ui-cleared .map-hud{translate:calc(100% + 24px)}:root.ui-cleared[data-layout] .minimap{translate:calc(100% + 80px)}:root.ui-cleared[data-layout] .map-hud{translate:none}[data-layout] .map-hud>.buff-row{transition:translate var(--ui-slide), opacity var(--ui-slide)}:root.ui-cleared[data-layout] .map-hud>.buff-row{translate:calc(100% + 140px)}:root.ui-cleared[data-layout=phone-portrait] .map-hud>.auto-hunt:not([hidden]),:root.ui-cleared[data-layout] .hud-avatar,:root.ui-cleared[data-layout]:not([data-layout=phone-portrait]) .map-hud>.auto-hunt:not([hidden]){translate:calc(-100% - 24px)}.con-label{color:#c9a25a;letter-spacing:0;flex:none;margin-right:1px;font-size:.82em;font-weight:400}.con-plate.title>span{align-items:center;gap:4px;display:inline-flex}[data-layout^=phone] .con-label{font-size:.78em}[data-layout^=phone] .con-plate{gap:2px}.target-panel{width:min(280px, calc(100vw - 2 * var(--mm) - 48px));background:#120d08eb;border:1px solid #8a6a36;border-radius:4px;padding:6px 12px 8px;font-size:13px;box-shadow:0 0 0 1px #000,0 6px 16px #0009}.client-frames .target-panel{border:13px solid #0000;border-width:18px 13px 20px;border-image:var(--win-frame) 18 13 20 fill / 18px 13px 20px round;box-shadow:none;filter:drop-shadow(0 4px 10px #000000b3);background:0 0;border-radius:0;margin-top:-6px;padding:0 4px}.target-head{align-items:baseline;margin-bottom:4px}.target-name{color:#ffe2a0;text-shadow:0 1px 2px #000;font-weight:700}.target-level{color:#c9a25a;font-size:12px}.target-bar{background:#1a1410 var(--gauge-hp-empty) center / 100% 100%;border:1px solid #6b5230;border-radius:3px;height:18px;overflow:hidden;box-shadow:0 0 0 1px #000,inset 0 1px 3px #0009}.target-bar .bar-fill.hp{background:#a0281a var(--gauge-hp) center / 100% 100%}.target-hp{color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000,0 0 3px #000;font-variant-numeric:tabular-nums;place-items:center;font-size:12px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.target-panel:not([hidden])~:is(.cast-hint,.hotbar-hint){top:calc(max(8px, env(safe-area-inset-top)) + 92px)}.status-window.native-status,.client-frames .status-window.native-status{--u:min(1.5px, calc((100vw - 16px) / 257), calc((100dvh - var(--win-top,8px) - 16px) / 336));width:calc(257 * var(--u));height:calc(336 * var(--u));filter:drop-shadow(0 6px 14px #000000bf);max-height:none;font-family:Microsoft JhengHei,PingFang TC,sans-serif;font-size:calc(10.5 * var(--u));-webkit-user-select:none;user-select:none;background:0 0;border:0;border-image:;border-radius:0;padding:0;line-height:1;overflow:visible}[data-layout=phone-portrait] .status-window.native-status{left:calc(50% - 257 * var(--u) / 2);width:calc(257 * var(--u));right:auto}.native-status>*{left:calc(var(--x,0) * var(--u));top:calc(var(--y,0) * var(--u));position:absolute}.native-status .ns-bg{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;top:0;left:0}.native-status .ns-align{width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));font-size:calc(10 * var(--u));letter-spacing:calc(1 * var(--u));border-radius:calc(2 * var(--u));box-shadow:inset 0 0 calc(3 * var(--u)) #0009;text-shadow:0 1px 1px #000;pointer-events:none;border:1px solid #ffffff40;place-items:center;font-weight:700;display:grid}.native-status .ns-align[hidden]{display:none}.native-status .ns-align[data-tone=lawful]{color:#e8f2ff;background:linear-gradient(#3f6f8f,#24435a)}.native-status .ns-align[data-tone=neutral]{color:#f2ecd8;background:linear-gradient(#6a6250,#3e3a2e)}.native-status .ns-align[data-tone=chaotic]{color:#ffe0e0;background:linear-gradient(#8a2c34,#521820)}.native-status .ns-value{width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));white-space:nowrap;text-shadow:0 1px 1px #000;pointer-events:none;justify-content:center;align-items:center;display:flex}.native-status .ns-value.left{justify-content:flex-start}.native-status :is(.ns-slot,.ns-close){width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.native-status .ns-close{font-size:calc(8.5 * var(--u));color:#e6dcc6;text-shadow:0 1px 1px #000;place-items:center;font-weight:700;display:grid}.native-status .ns-close:hover{color:#ffe6a8;background:#ffdc961f}.native-status .ns-label{width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));white-space:nowrap;font-size:calc(10.5 * var(--u));letter-spacing:calc(.5 * var(--u));color:#efe6cf;text-shadow:0 0 calc(1 * var(--u)) #000, calc(1 * var(--u)) calc(1 * var(--u)) 0 #1a140c;pointer-events:none;align-items:center;font-weight:700;display:flex}.native-status .ns-label.big{font-size:calc(11.5 * var(--u));color:#f4ead0}.native-status .ns-label.small{font-size:calc(9.5 * var(--u));letter-spacing:0}.native-status .ns-slot{cursor:pointer;place-items:center;display:grid}.native-status .ns-slot img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.native-status .ns-slot.blessed img{filter:drop-shadow(0 0 2px #ffe27a)}.native-status .ns-slot.cursed img{filter:drop-shadow(0 0 2px #ff4a3a)sepia(.4)hue-rotate(-30deg)}.native-status .ns-slot:hover{outline-offset:-1px;outline:1px solid #ffdc9699}.native-status .ns-item-line{z-index:1;max-width:calc(250 * var(--u));padding:calc(1 * var(--u)) calc(4 * var(--u));font-size:calc(11 * var(--u));white-space:nowrap;text-overflow:ellipsis;color:#fff;pointer-events:none;background:#000c;border:1px solid #7a5a2c;overflow:hidden}.native-status .ns-item-line[hidden]{display:none}[data-layout] .minimap{z-index:0}[data-layout] .map-hud{z-index:1}[data-layout] .map-hud .buff.ailment :is(img,b){border-color:#d0483a;box-shadow:0 0 0 1px #000,0 0 6px #d0483ab3}[data-layout] .map-hud .buff.ailment small{color:#ffb3a8}.entry-loading{z-index:300;color:#ecd8a6;text-align:center;touch-action:none;background:radial-gradient(at 50% 45%,#1a140ef0 0%,#060504fa 70%);place-items:center;padding:24px;transition:opacity .5s;display:grid;position:fixed;inset:0}.entry-loading.done{opacity:0;pointer-events:none}.entry-card{background:#140f0af5;border:1px solid #8a6a36;border-radius:8px;width:min(360px,100%);padding:24px 22px 20px;box-shadow:0 0 0 1px #000,0 10px 30px #000c}.client-frames .entry-card{border:13px solid #0000;border-width:18px 13px 20px;border-image:var(--win-frame) 18 13 20 fill / 18px 13px 20px round;box-shadow:none;filter:drop-shadow(0 8px 20px #000c);background:0 0;border-radius:0}.entry-card strong{color:#ffd677;letter-spacing:2px;text-shadow:0 1px 2px #000;font-size:20px;display:block}.entry-step{min-height:1.4em;margin:14px 0 10px;font-size:14px}.entry-note{color:#b8a479;min-height:1.4em;margin:10px 0 0;font-size:12px}.entry-bar{background:#0b0907;border:1px solid #5a4224;border-radius:8px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000}.entry-bar i{width:var(--entry-progress,8%);background:#c98a2a url(/assets/ui/707.img.png) 0/100% 100% no-repeat;transition:width .4s;position:absolute;inset:0 auto 0 0}.entry-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff0c859 50%,#0000 100%);animation:1.4s ease-in-out infinite entry-shine;position:absolute;inset:0;translate:-100%}@keyframes entry-shine{to{translate:100%}}.entry-loading.failed .entry-step{color:#ff8a6a}.entry-loading.failed .entry-bar:after{animation:none}.entry-retry{min-height:40px;margin-top:14px;padding:0 22px}.entry-retry[hidden],.tool-glyph,.mh-root{display:none}:root[data-theme=modern]{--m-font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--m-text:#efe9dc;--m-text-dim:#b3aa98;--m-text-faint:#7f786b;--m-gold:#e2c27c;--m-gold-bright:#f8e3a8;--m-lawful:#8fc7ff;--m-chaotic:#ff8a7a;--m-good:#86e0a0;--m-danger:#ec6f62;--m-glass:linear-gradient(180deg, #222632db 0%, #101219e6 55%, #0a0b10f0 100%);--m-rim:linear-gradient(150deg, #ffecb8f2 0%, #d6ac60bf 18%, #6e522873 48%, #56422266 70%, #deba70bf 100%);--m-rim-soft:linear-gradient(150deg, #f0d6968c 0%, #785c3047 45%, #c8a66273 100%);--m-rim-hot:linear-gradient(150deg, #fff4cc 0%, #f0cf7c 35%, #b98a3a 70%, #f6dc98 100%);--m-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--m-shadow:0 14px 36px #0000008c, 0 2px 6px #0009;--m-shadow-sm:0 4px 12px #0000008c;--m-highlight:inset 0 1px 0 #fff4d624, inset 0 0 0 1px #00000059;--m-glow:0 0 18px #f8dc9673;--m-blur:blur(14px) saturate(1.2);--m-hp:linear-gradient(180deg, #ff8f7c 0%, #e2483d 42%, #a92327 100%);--m-mp:linear-gradient(180deg, #8fc2ff 0%, #4a83e6 42%, #2a4fa8 100%);--m-exp:linear-gradient(90deg, #a77a2c 0%, #f1cf7e 50%, #fff0c2 100%);--m-radius:14px;--m-radius-sm:9px;--m-radius-xs:6px;--m-ease:cubic-bezier(.22, .8, .24, 1);--bg:#090a0e;--panel:#12141b;--panel-edge:#d6b4706b;--text:var(--m-text);--muted:var(--m-text-dim);--gold:var(--m-gold);--danger:var(--m-danger);--radius:var(--m-radius);--frame-gold:var(--m-gold-bright);--frame-line:#d6b47038;--mh-pad:14px;--mh-avatar:76px;--mh-unit-w:320px;--mh-map:156px;--mh-tool:44px;--mh-chat-w:400px;--mh-chat-h:230px;--mh-slot:50px;--mh-main:108px;--mh-small:56px;--mh-exp-h:14px;--mh-r:max(calc(var(--mh-main) / 2 + var(--mh-small) / 2 + 8px), calc((var(--mh-small) + 6px) * 1.462));--mh-cluster:calc(var(--mh-main) / 2 + var(--mh-r) * .966 + var(--mh-small) / 2);--win-top:calc(max(var(--mh-pad), env(safe-area-inset-top)) + var(--mh-map) + 40px);--skill-top:var(--win-top);--hud-bottom:calc(var(--mh-chat-h) + var(--mh-exp-h) + var(--mh-pad) + 16px)}:root[data-theme=modern][data-layout=tablet]{--mh-avatar:68px;--mh-unit-w:312px;--mh-map:136px;--mh-chat-w:340px;--mh-chat-h:210px;--mh-slot:46px;--mh-main:100px;--mh-small:52px}:root[data-theme=modern][data-layout=phone-landscape]{--mh-pad:8px;--mh-avatar:52px;--mh-unit-w:236px;--mh-map:92px;--mh-tool:38px;--mh-chat-w:300px;--mh-chat-h:clamp(136px, calc(100dvh - 200px), 240px);--mh-slot:40px;--mh-main:82px;--mh-small:44px;--mh-exp-h:11px;--win-top:max(8px, env(safe-area-inset-top))}:root[data-theme=modern][data-layout=phone-portrait]{--mh-pad:8px;--mh-avatar:56px;--mh-unit-w:250px;--mh-map:104px;--mh-tool:40px;--mh-slot:42px;--mh-main:90px;--mh-small:46px;--mh-exp-h:11px;--win-top:max(8px, env(safe-area-inset-top));--mh-chat-h:var(--mh-cluster);--hud-bottom:calc(var(--mh-chat-h) + var(--mh-slot) + 40px)}:root[data-theme=modern] .mh-glass,:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window,.confirm-dialog,.player-menu,.death-panel,.entry-card,.panel,.target-panel){color:var(--m-text);font-family:var(--m-font);background:var(--m-grain), var(--m-glass) padding-box, var(--m-rim) border-box;-webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);border-radius:var(--m-radius);box-shadow:var(--m-shadow), var(--m-highlight);filter:none;border:1px solid #0000;border-image:}:where(:root[data-theme=modern]) body{font-family:var(--m-font);color:var(--m-text);background:radial-gradient(ellipse at top, #1a1e29 0%, var(--bg) 62%)}:where(:root[data-theme=modern]) button{font-family:var(--m-font);letter-spacing:.04em;color:var(--m-text);text-shadow:0 1px 1px #0009;background:linear-gradient(180deg, #404658f2 0%, #1e212bf7 100%) padding-box, var(--m-rim-soft) border-box;border-radius:var(--m-radius-sm);border:1px solid #0000;font-size:15px;font-weight:600;transition:filter .14s,box-shadow .18s,color .14s,translate 80ms;box-shadow:inset 0 1px #ffffff1a,0 3px 8px #00000073}:where(:root[data-theme=modern]) button:hover:not(:disabled){color:#fff;filter:brightness(1.12)}:where(:root[data-theme=modern]) button:active:not(:disabled){filter:brightness(.95);translate:0 1px}:where(:root[data-theme=modern]) button:focus-visible{outline:2px solid var(--m-gold-bright);outline-offset:2px}:where(:root[data-theme=modern]) button.primary{color:#24180a;text-shadow:0 1px #fff0c899;background:linear-gradient(180deg, #fbe6aa 0%, #e2b960 48%, #b98a36 100%) padding-box, var(--m-rim-hot) border-box;box-shadow:inset 0 1px #fff9,0 4px 16px #e2b9604d}:where(:root[data-theme=modern]) button.danger{color:#ffe1dc;background:linear-gradient(#8a3a33 0%,#5a1f1b 100%) padding-box padding-box,linear-gradient(150deg,#ffb2a6,#8a3a33) border-box}:where(:root[data-theme=modern]) :is(input,select,textarea){font-family:var(--m-font);color:var(--m-text);border-radius:var(--m-radius-sm);background:#0000006b;border:1px solid #d6b47040;box-shadow:inset 0 2px 4px #00000080}:where(:root[data-theme=modern]) :is(input,select,textarea):focus{border-color:#f8e3a8bf;outline:none;box-shadow:inset 0 2px 4px #00000080,0 0 0 3px #e2c27c2e}:where(:root[data-theme=modern]) input[type=range]{accent-color:var(--m-gold);box-shadow:none;background:0 0;border:none}:root[data-theme=modern] *{scrollbar-width:thin;scrollbar-color:#e2c27c73 transparent}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window,.confirm-dialog,.player-menu,.death-panel,.entry-card,.panel){padding:14px 16px 16px}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header{background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;margin:-2px 0 12px;padding:0 0 10px;display:flex;position:relative}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header:after{content:"";background:linear-gradient(90deg,#0000,#e2c27cb3 20% 80%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header h2{letter-spacing:.18em;background:linear-gradient(#fff4cf 0%,#e8c77e 60%,#b88d3c 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 1px 1px #000c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:17px;font-weight:700}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header h2:before{content:none;display:none}:root[data-theme=modern] .status-close{width:30px;min-width:30px;height:30px;min-height:0;color:var(--m-text-dim);text-indent:0;border-radius:50%;place-items:center;padding:0;font-size:17px;line-height:1;display:grid}:root[data-theme=modern] .status-close:hover:not(:disabled){color:#fff;background:linear-gradient(#8a3a33,#5a1f1b) padding-box padding-box,linear-gradient(150deg,#ffb2a6,#8a3a33) border-box}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.shop-window,.pshop-window,.trade-window,.pet-list-window) h3{letter-spacing:.14em;color:var(--m-gold);margin:14px 0 8px;font-size:13px;font-weight:700}:root[data-theme=modern] :is(.buddy-row,.bm-row,.mail-row,.clan-member,.settings-row){border-bottom:1px solid #d6b47024}:root[data-theme=modern] .note{color:var(--m-text-faint)}.settings-theme{align-items:center}.settings-choices{flex-wrap:wrap;gap:6px;display:flex}.settings-choice{min-height:34px;padding:0 12px;font-size:13px}.settings-choice[aria-pressed=true]{color:#ffd677;border-color:#d9a441}:root[data-theme=modern] .settings-choice[aria-pressed=true]{color:#24180a;background:linear-gradient(180deg, #fbe6aa 0%, #e2b960 48%, #b98a36 100%) padding-box, var(--m-rim-hot) border-box}:root[data-theme=modern] .hud-console,:root[data-theme=modern] .map-hud{display:none}:root[data-theme=modern] .mh-root{z-index:3;pointer-events:none;font-family:var(--m-font);color:var(--m-text);font-variant-numeric:tabular-nums;display:block;position:fixed;inset:0}:root[data-theme=modern] .mh-root>*{pointer-events:auto;transition:translate .22s var(--m-ease), opacity .22s ease;position:absolute}:root[data-theme=modern] .mh-unit{top:max(var(--mh-pad), env(safe-area-inset-top));left:max(var(--mh-pad), env(safe-area-inset-left));width:var(--mh-unit-w);grid-template-columns:var(--mh-avatar) minmax(0, 1fr);border-radius:calc(var(--mh-avatar) / 2 + 8px) var(--m-radius) var(--m-radius) calc(var(--mh-avatar) / 2 + 8px);align-items:center;gap:10px;padding:8px 12px 8px 8px;display:grid}:root[data-theme=modern] .mh-avatar-slot{width:var(--mh-avatar);height:var(--mh-avatar)}:root[data-theme=modern] .mh-avatar-slot .hud-avatar{--d:var(--mh-avatar);width:var(--mh-avatar);height:var(--mh-avatar);background-clip:padding-box;border:2px solid #0000;display:block;position:relative;inset:auto;translate:none;box-shadow:0 0 0 1px #000000b3,0 0 0 3px #e2c27cd9,0 0 0 4px #0009,0 4px 14px #000000b3}:root[data-theme=modern] .mh-avatar-slot .hud-avatar-level{display:none}:root[data-theme=modern] .mh-unit-body{flex-direction:column;gap:5px;min-width:0;display:flex}:root[data-theme=modern] .mh-name-row{align-items:baseline;gap:8px;min-width:0;display:flex}:root[data-theme=modern] .mh-level{letter-spacing:.04em;color:#24180a;background:linear-gradient(#fbe6aa,#c99a44);border-radius:999px;flex:none;padding:1px 7px;font-size:12px;font-weight:800;box-shadow:inset 0 1px #ffffff8c,0 1px 3px #0009}:root[data-theme=modern] .mh-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;min-width:0;color:var(--m-gold-bright);text-shadow:0 1px 2px #000000e6;flex:1;font-size:15px;font-weight:700;overflow:hidden}:root[data-theme=modern] .mh-time{color:var(--m-text-dim);flex:none;align-items:center;gap:4px;font-size:11px;display:inline-flex}:root[data-theme=modern] .mh-time:before{content:"";background:radial-gradient(circle,#ffefb0,#f2b94a);border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #ffc85ad9}:root[data-theme=modern] .mh-time.night:before{background:radial-gradient(circle at 35% 35%,#0000 40%,#d6e4ff 42%);box-shadow:0 0 6px #bed2ff99}:root[data-theme=modern] .mh-time:empty{display:none}:root[data-theme=modern] .mh-bar{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#00000059 calc(10% - 1px) 10%),linear-gradient(#000000b3,#14141ad9);border-radius:999px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000c,0 0 0 1px #d6b4704d}:root[data-theme=modern] .mh-bar.mp{height:12px}:root[data-theme=modern] .mh-fill{background:var(--m-hp);width:0;transition:width .26s var(--m-ease);border-radius:999px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #ec5a4c73}:root[data-theme=modern] .mh-bar.mp .mh-fill{background:var(--m-mp);box-shadow:0 0 10px #508cf073}:root[data-theme=modern] .mh-fill:after{content:"";background:linear-gradient(#ffffff73,#ffffff0d);border-radius:999px;position:absolute;inset:1px 3px 50%}:root[data-theme=modern] .mh-bar-text{letter-spacing:.06em;color:#fff;text-shadow:0 1px 2px #000000f2,0 0 3px #000c;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}:root[data-theme=modern] .mh-bar.mp .mh-bar-text{font-size:10px}:root[data-theme=modern] .mh-stats{flex-wrap:wrap;gap:3px 10px;font-size:11px;line-height:1.2;display:flex}:root[data-theme=modern] .mh-stat{align-items:baseline;gap:4px;display:inline-flex}:root[data-theme=modern] .mh-stat small{color:var(--m-text-faint);font-size:10px}:root[data-theme=modern] .mh-stat b{color:var(--m-text);font-weight:600}:root[data-theme=modern] .mh-stat.warn b{color:var(--m-danger)}:root[data-theme=modern] .mh-stat.lawful b{color:var(--m-lawful)}:root[data-theme=modern] .mh-stat.chaotic b{color:var(--m-chaotic)}:root[data-theme=modern] .mh-under-unit{top:calc(max(var(--mh-pad), env(safe-area-inset-top)) + var(--mh-unit-h,calc(var(--mh-avatar) + 18px)) + 8px);left:max(var(--mh-pad), env(safe-area-inset-left));max-width:var(--mh-unit-w);pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex}:root[data-theme=modern] .mh-under-unit>*{pointer-events:auto}:root[data-theme=modern] .mh-under-unit .buff-row{direction:ltr;flex-flow:wrap;gap:6px;max-width:none;max-height:none;display:flex;position:static;translate:none}:root[data-theme=modern] .mh-under-unit .buff{width:34px;height:auto;box-shadow:none;background:0 0;border:none;display:block;position:relative}:root[data-theme=modern] .mh-under-unit .buff :is(img,b){border-radius:var(--m-radius-xs);background:linear-gradient(180deg, #282c38f2, #0e1016f2) padding-box, var(--m-rim-soft) border-box;width:34px;height:34px;box-shadow:var(--m-shadow-sm);border:1px solid #0000;place-items:center;display:grid}:root[data-theme=modern] .mh-under-unit .buff small{color:var(--m-text);background:#0a0b10eb;border:1px solid #d6b47059;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:14px;position:absolute;bottom:-4px;right:-2px}:root[data-theme=modern] .mh-under-unit .buff.ailment :is(img,b){background:linear-gradient(#461a18f2,#1a0a0af2) padding-box padding-box,linear-gradient(150deg,#ffb2a6,#a9382f) border-box;box-shadow:0 0 10px #ec6f6280}:root[data-theme=modern] .mh-under-unit .auto-hunt{color:var(--m-good);background:var(--m-glass) padding-box, linear-gradient(150deg, #86e0a0cc, #3c6e4666) border-box;box-shadow:var(--m-shadow-sm), 0 0 14px #86e0a033;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;margin:0;padding:5px 6px 5px 12px;font-size:12px;display:inline-flex;position:static;translate:none}:root[data-theme=modern] .mh-under-unit .auto-hunt[hidden]{display:none}:root[data-theme=modern] .mh-under-unit .auto-hunt span{grid-column:auto}:root[data-theme=modern] .mh-under-unit .auto-hunt button{border-radius:999px;height:26px;min-height:0;padding:0 10px;font-size:12px}:root[data-theme=modern] .mh-top-right{top:max(var(--mh-pad), env(safe-area-inset-top));right:max(var(--mh-pad), env(safe-area-inset-right));align-items:flex-start;gap:10px;display:flex}:root[data-theme=modern] .mh-menu{border-radius:999px;gap:6px;padding:6px;display:flex}:root[data-theme=modern] .mh-menu>button,:root[data-theme=modern] .mh-more>button{width:var(--mh-tool);height:var(--mh-tool);min-width:0;min-height:0;color:var(--m-gold);border-radius:50%;place-items:center;padding:0;display:grid;position:relative;inset:auto;translate:none}:root[data-theme=modern] .mh-menu>button[aria-expanded=true]{color:#24180a;background:linear-gradient(180deg, #fbe6aa 0%, #e2b960 48%, #b98a36 100%) padding-box, var(--m-rim-hot) border-box}:root[data-theme=modern] :is(.mh-menu,.mh-more) .tool-icon,:root[data-theme=modern] .mh-menu .tool-label{display:none}:root[data-theme=modern] .mh-menu .tool-glyph{display:none}:root[data-theme=modern] .tool-glyph{place-items:center;width:58%;height:58%;display:grid}:root[data-theme=modern] .tool-glyph svg{width:100%;height:100%}:root[data-theme=modern] .mh-more-toggle svg{fill:currentColor;width:55%;height:55%}:root[data-theme=modern] .mh-more{top:calc(var(--mh-tool) + 22px);right:calc(var(--mh-map) + 10px);z-index:2;border-radius:var(--m-radius);background:var(--m-grain), var(--m-glass) padding-box, var(--m-rim) border-box;min-width:240px;-webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);box-shadow:var(--m-shadow), var(--m-highlight);border:1px solid #0000;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid;position:absolute}:root[data-theme=modern] .mh-more[hidden]{display:none}:root[data-theme=modern] .mh-more>button{border-radius:var(--m-radius-sm);width:auto;height:40px;color:var(--m-text);grid-auto-flow:column;justify-content:start;gap:8px;padding:0 12px;font-size:13px}:root[data-theme=modern] .mh-more>button .tool-glyph{width:20px;height:20px;color:var(--m-gold)}:root[data-theme=modern] .mh-more>button .tool-label{display:inline}:root[data-theme=modern] .mh-more .ui-clear{color:var(--m-gold)}:root[data-theme=modern] .mh-more .ui-clear svg{width:20px;height:20px}:root[data-theme=modern] .mh-more .ui-clear:after{content:"清屏";color:var(--m-text);font-size:13px}:root[data-theme=modern] .mh-minimap{width:var(--mh-map)}:root[data-theme=modern] .mh-minimap .minimap{z-index:auto;width:var(--mh-map);--mm:var(--mh-map);position:relative;inset:auto;translate:none}:root[data-theme=modern] .mh-minimap .minimap-face{width:var(--mh-map);height:var(--mh-map);box-shadow:0 0 0 1px #000c, 0 0 0 4px #e2c27ccc, 0 0 0 5px #000000b3, 0 0 0 7px #14161ed9, var(--m-shadow);background:#07080b;border:2px solid #0000}:root[data-theme=modern] .mh-minimap .minimap-face:hover:not(:disabled){box-shadow:0 0 0 1px #000c, 0 0 0 4px var(--m-gold-bright), 0 0 0 5px #000000b3, var(--m-glow)}:root[data-theme=modern] .mh-minimap .minimap-label{color:var(--m-text);font-family:var(--m-font);text-shadow:0 1px 2px #000;background:#0a0b10bf;border:1px solid #d6b4704d;border-radius:999px;margin-top:8px;padding:2px 12px}:root[data-theme=modern] .mh-minimap .minimap-place{color:var(--m-gold-bright);letter-spacing:.08em;font-weight:700}:root[data-theme=modern] .mh-minimap .minimap-coords{color:var(--m-text-dim)}:root[data-theme=modern] .mh-chat{left:max(var(--mh-pad), env(safe-area-inset-left));bottom:calc(max(var(--mh-pad), env(safe-area-inset-bottom)) + var(--mh-exp-h) + 6px);width:var(--mh-chat-w);height:var(--mh-chat-h);flex-direction:column;padding:8px 10px 10px;display:flex}:root[data-theme=modern] .mh-chat .chat{width:auto;min-height:0;box-shadow:none;background:0 0;border:none;flex-direction:column;flex:1;gap:6px;padding:0;font-size:13px;display:flex;position:static;inset:auto}:root[data-theme=modern] .mh-chat .chat:before,:root[data-theme=modern] .mh-chat .chat:after,:root[data-theme=modern] .mh-chat .chat-fold{display:none}:root[data-theme=modern] .mh-chat .chat-log,:root[data-theme=modern] .mh-chat .chat.collapsed .chat-log{text-shadow:0 1px 2px #000;background:0 0;flex:1;min-height:0;max-height:none;margin:0;padding:4px 6px 4px 2px;line-height:1.5;display:block}:root[data-theme=modern] .mh-chat .chat-tabs{order:2;gap:4px}:root[data-theme=modern] .mh-chat .chat-input{--line-h:32px;order:3}:root[data-theme=modern] .mh-chat .chat-tab{height:24px;color:var(--m-text-dim);box-shadow:none;background:#ffffff08;border:1px solid #d6b47033;border-radius:999px;font-size:12px;font-weight:600}:root[data-theme=modern] .mh-chat .chat-tab[aria-selected=true]{color:var(--ch);background:#ffffff14;border-color:#f8e3a899}:root[data-theme=modern] .mh-chat .chat-send{color:#24180a;background:linear-gradient(180deg, #fbe6aa 0%, #e2b960 48%, #b98a36 100%) padding-box, var(--m-rim-hot) border-box}:root[data-theme=modern] .mh-chat .chat-channel-button{display:none}:root[data-theme=modern] .mh-chat-toggle{z-index:1;border-radius:999px;place-items:center;width:32px;height:22px;min-height:0;padding:0;display:grid;position:absolute;top:-14px;right:14px}:root[data-theme=modern] .mh-chat-toggle svg{fill:none;width:14px;height:14px;stroke:var(--m-gold);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;transition:rotate .2s;rotate:180deg}:root[data-theme=modern] .mh-chat.folded{height:auto}:root[data-theme=modern] .mh-chat.folded .chat.chat :is(.chat-log,.chat-tabs){display:none}:root[data-theme=modern] .mh-chat .chat :is(.chat-log,.chat-tabs){transition:none}:root[data-theme=modern] .mh-chat.folded .mh-chat-toggle svg{rotate:0deg}:root[data-theme=modern] .mh-combat{right:max(var(--mh-pad), env(safe-area-inset-right));bottom:calc(max(var(--mh-pad), env(safe-area-inset-bottom)) + var(--mh-exp-h) + 6px);pointer-events:none;align-items:flex-end;gap:16px;display:flex}:root[data-theme=modern] .mh-combat>*{pointer-events:auto}:root[data-theme=modern] .mh-hotbar .hotbar{grid-template-columns:repeat(8, var(--mh-slot));grid-template-rows:var(--mh-slot);border-radius:var(--m-radius);background:var(--m-grain), var(--m-glass) padding-box, var(--m-rim) border-box;-webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);box-shadow:var(--m-shadow), var(--m-highlight);border:1px solid #0000;gap:6px;padding:7px;display:grid;position:static;inset:auto}:root[data-theme=modern] .mh-hotbar .hotbar:after{content:none}:root[data-theme=modern] .mh-hotbar .hotbar-slot{width:var(--mh-slot);height:var(--mh-slot);border-radius:var(--m-radius-sm);background:radial-gradient(circle at 50% 30%,#303442e6,#08090df2 80%);border:1px solid #d6b47038;grid-area:auto;min-height:0;padding:0;position:relative;box-shadow:inset 0 2px 6px #000000bf,inset 0 -1px #ffffff0a}:root[data-theme=modern] .mh-hotbar .hotbar-slot:not(.empty){border-color:#e2c27c8c}:root[data-theme=modern] .mh-hotbar .hotbar-slot:hover:not(:disabled){border-color:var(--m-gold-bright);box-shadow:inset 0 2px 6px #000000bf, var(--m-glow);filter:none}:root[data-theme=modern] .mh-hotbar .hotbar-slot.assigning{border-color:var(--m-gold-bright);box-shadow:var(--m-glow)}:root[data-theme=modern] .mh-hotbar .hotbar-slot img{object-fit:contain;width:72%;height:72%}:root[data-theme=modern] .mh-hotbar .hotbar-key{color:var(--m-text-faint);text-shadow:none;font-size:9px;font-weight:700;display:block;position:absolute;top:2px;left:4px}:root[data-theme=modern] .mh-hotbar .hotbar-count{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;font-weight:800;position:absolute;bottom:1px;right:3px}:root[data-theme=modern] .mh-cluster{--r:var(--mh-r);width:var(--mh-cluster);height:var(--mh-cluster);flex:none;position:relative}:root[data-theme=modern] .mh-act{width:var(--mh-small);height:var(--mh-small);min-height:0;box-shadow:none;color:var(--m-text);background:0 0;border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}:root[data-theme=modern] .mh-act>span{display:none}:root[data-theme=modern] .mh-act svg{background:radial-gradient(circle at 50% 28%, #3b4152 0%, #1a1d26 55%, #0b0c11 100%) padding-box, var(--m-rim) border-box;filter:none;border:2px solid #0000;border-radius:50%;width:100%;height:100%;padding:26%;transition:box-shadow .18s,filter .14s;box-shadow:0 6px 16px #0009,inset 0 2px #ffffff1f,inset 0 -6px 12px #0000008c}:root[data-theme=modern] .mh-act:hover svg{filter:brightness(1.15);box-shadow:0 6px 16px #0009, var(--m-glow), inset 0 2px 0 #ffffff1f}:root[data-theme=modern] .mh-act:active svg{scale:.95}:root[data-theme=modern] .mh-act.on svg{background:radial-gradient(circle at 50% 30%, #9a6c26 0%, #4c3210 60%, #1e1306 100%) padding-box, var(--m-rim-hot) border-box;box-shadow:0 0 0 2px #f8e3a859,0 0 22px #f8d278b3,inset 0 2px #ffffff40}:root[data-theme=modern] .mh-act-main{width:var(--mh-main);height:var(--mh-main);bottom:0;right:0}:root[data-theme=modern] .mh-act-main svg{border-width:3px;padding:24%;box-shadow:0 8px 22px #000000a6,0 0 0 4px #0a0b1099,inset 0 3px #ffffff24,inset 0 -10px 16px #0000008c}:root[data-theme=modern] :is(.mh-act-1,.mh-act-2,.mh-act-3,.mh-act-4){right:calc(var(--mh-main) / 2 - var(--mh-small) / 2 - var(--r) * cos(var(--a)));bottom:calc(var(--mh-main) / 2 - var(--mh-small) / 2 + var(--r) * sin(var(--a)))}:root[data-theme=modern] .mh-act-1{--a:195deg}:root[data-theme=modern] .mh-act-2{--a:155deg}:root[data-theme=modern] .mh-act-3{--a:115deg}:root[data-theme=modern] .mh-act-4{--a:75deg}:root[data-theme=modern] .mh-exp{height:var(--mh-exp-h);background:linear-gradient(#000000d9,#0e0f14e6);bottom:0;left:0;right:0;box-shadow:0 -1px #e2c27c59,inset 0 1px 2px #000c}:root[data-theme=modern] .mh-exp:before{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0000008c calc(10% - 1px) 10%);position:absolute;inset:0}:root[data-theme=modern] .mh-exp-fill{background:var(--m-exp);width:0;transition:width .4s var(--m-ease);position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #f1cf7e99}:root[data-theme=modern] .mh-exp-text{z-index:2;font-size:calc(var(--mh-exp-h) - 3px);letter-spacing:.08em;color:var(--m-gold-bright);text-shadow:0 1px 2px #000,0 0 4px #000;white-space:nowrap;pointer-events:none;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;inset:0}:root[data-theme=modern][data-layout^=phone] :is(.mh-stats,.mh-time){display:none}:root[data-theme=modern][data-layout=phone-landscape] .mh-hotbar .hotbar{gap:4px;padding:5px}:root[data-theme=modern][data-layout=phone-landscape] .mh-minimap .minimap-place{display:none}:root[data-theme=modern][data-layout=phone-landscape] .mh-top-right{gap:6px}:root[data-theme=modern][data-layout=phone-portrait] .mh-top-right{flex-direction:column-reverse;align-items:flex-end}:root[data-theme=modern][data-layout=phone-portrait] .mh-menu{flex-direction:column}:root[data-theme=modern][data-layout=phone-portrait] .mh-more{top:calc(var(--mh-map) + 40px);right:calc(var(--mh-tool) + 22px)}:root[data-theme=modern][data-layout=phone-portrait] .mh-combat{left:max(var(--mh-pad), env(safe-area-inset-left));flex-direction:column;align-items:flex-end;gap:10px}:root[data-theme=modern][data-layout=phone-portrait] .mh-hotbar{align-self:stretch}:root[data-theme=modern][data-layout=phone-portrait] .mh-hotbar .hotbar{grid-template-rows:auto;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:5px}:root[data-theme=modern][data-layout=phone-portrait] .mh-hotbar .hotbar-slot{aspect-ratio:1;width:auto;height:auto}:root[data-theme=modern][data-layout=phone-portrait] .mh-chat{width:auto;right:calc(max(var(--mh-pad), env(safe-area-inset-right)) + var(--mh-cluster) + 18px)}:root[data-theme=modern].ui-cleared .mh-unit,:root[data-theme=modern].ui-cleared .mh-under-unit,:root[data-theme=modern].ui-cleared .mh-chat{opacity:0;translate:calc(-100% - 40px)}:root[data-theme=modern].ui-cleared .mh-top-right{opacity:0;translate:calc(100% + 40px)}:root[data-theme=modern].ui-cleared .mh-combat{opacity:0;translate:0 calc(100% + 40px)}:root[data-theme=modern] .target-panel{padding:8px 14px 10px}:root[data-theme=modern] .target-name{color:var(--m-gold-bright);letter-spacing:.06em;text-shadow:0 1px 2px #000;font-weight:700}:root[data-theme=modern] .target-level{color:var(--m-text-dim)}:root[data-theme=modern] .target-bar{background:linear-gradient(#000000b3,#14141ad9);border:none;border-radius:999px;height:12px;overflow:hidden;box-shadow:inset 0 1px 3px #000c,0 0 0 1px #d6b4704d}:root[data-theme=modern] .target-bar .bar-fill.hp{background:var(--m-hp);border-radius:999px}:root[data-theme=modern] :is(.cast-hint,.hotbar-hint){color:var(--m-text);background:var(--m-glass) padding-box, var(--m-rim-soft) border-box;box-shadow:var(--m-shadow-sm);border:1px solid #0000;border-radius:999px}:root[data-theme=modern] .side-panels{top:calc(max(var(--mh-pad), env(safe-area-inset-top)) + var(--mh-avatar) + 80px)}:root[data-theme=modern] .status-window.native-status{padding:0;overflow:hidden}:root[data-theme=modern] .native-status .ns-bg{display:none}:root[data-theme=modern] .native-status .ns-label{color:var(--m-text-dim);text-shadow:none;font-family:var(--m-font)}:root[data-theme=modern] .native-status .ns-label.big{color:var(--m-gold);letter-spacing:.08em}:root[data-theme=modern] .native-status .ns-value{border-radius:var(--m-radius-xs);text-shadow:none;font-family:var(--m-font);background:linear-gradient(#0000008c,#00000052);border:1px solid #d6b47033;font-weight:600;box-shadow:inset 0 1px 3px #0009}:root[data-theme=modern] .native-status .ns-slot{border-radius:var(--m-radius-sm);background:radial-gradient(circle at 50% 30%,#303442e6,#08090df2 80%);border:1px solid #d6b47040;box-shadow:inset 0 2px 6px #000000bf}:root[data-theme=modern] .native-status .ns-slot:not([data-item=""]){border-color:#e2c27c99}:root[data-theme=modern] .native-status .ns-close{color:var(--m-text-dim);border-radius:999px}:root[data-theme=modern] .native-status .ns-item-line{border-radius:var(--m-radius-xs);background:#12141b;border-color:#d6b47080}:root[data-theme=modern] .entry-loading{color:var(--m-text);background:radial-gradient(at 50% 45%,#1a1e2af5 0%,#06070afc 70%)}:root[data-theme=modern] .entry-card strong{color:var(--m-gold-bright);letter-spacing:.2em;text-shadow:none}:root[data-theme=modern] .entry-note{color:var(--m-text-dim)}:root[data-theme=modern] .entry-bar{background:linear-gradient(#000000b3,#14141ad9);border:none;border-radius:999px;height:10px;box-shadow:inset 0 1px 3px #000c,0 0 0 1px #d6b4704d}:root[data-theme=modern] .entry-bar i{background:var(--m-exp);border-radius:999px}:root[data-theme=modern] .death-panel p{color:var(--m-danger);letter-spacing:.3em;font-size:20px;font-weight:700}:root[data-theme=modern] .target-panel{z-index:5}:root[data-theme=modern][data-layout=phone-portrait] .target-panel{top:calc(max(var(--mh-pad), env(safe-area-inset-top)) + var(--mh-unit-h,calc(var(--mh-avatar) + 18px)) + 8px);left:max(var(--mh-pad), env(safe-area-inset-left));width:var(--mh-unit-w);margin:0;right:auto;transform:translate(0,0)}:root[data-theme=modern][data-layout=phone-portrait] .target-panel:not([hidden])~.mh-root .mh-under-unit{top:calc(max(var(--mh-pad), env(safe-area-inset-top)) + var(--mh-unit-h,calc(var(--mh-avatar) + 18px)) + 8px + 62px)}:root[data-theme=modern] .mh-exp-level{left:max(var(--mh-pad), env(safe-area-inset-left));z-index:2;font-size:calc(var(--mh-exp-h) - 3px);letter-spacing:.06em;color:#24180a;pointer-events:none;background:linear-gradient(#fbe6aa,#c99a44);place-items:center;padding:0 8px;font-weight:800;line-height:1;display:grid;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #0009,0 0 8px #f1cf7e66}:root[data-theme=modern] .mh-exp-level:empty,.skill-icon{display:none}:root[data-theme=modern]{--m-well:radial-gradient(circle at 50% 30%, #343948eb, #08090df5 80%);--m-well-shadow:inset 0 2px 6px #000000bf, inset 0 -1px 0 #ffffff0a;--m-card:linear-gradient(180deg, #3035448c 0%, #161921a6 100%);--m-card-line:#d6b4702e;--m-tray:linear-gradient(180deg, #0000006b, #00000042)}:root[data-theme=modern] :is(.inv-gold,.shop-total,.shop-gold,.shop-sub):before{content:"";vertical-align:-.08em;background:radial-gradient(circle at 35% 30%,#fff3c4 0%,#f1c95e 35%,#a77420 100%);border-radius:50%;width:.85em;height:.85em;margin-right:5px;display:inline-block;box-shadow:0 0 0 1px #50340acc,0 0 6px #f1c95e73}:root[data-theme=modern] .inv-window{grid-template:"head head""grid detail"minmax(0,1fr)"hint hint"/minmax(0,1fr) 220px;gap:10px 12px;width:min(580px,100vw - 16px);font-size:13px;display:grid}:root[data-theme=modern] .inv-window>header{grid-area:head;margin-bottom:0}:root[data-theme=modern] .inv-grid{background:var(--m-tray);border:1px solid var(--m-card-line);border-radius:var(--m-radius-sm);grid-area:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;min-height:180px;padding:8px;box-shadow:inset 0 2px 10px #0009}:root[data-theme=modern] .inv-slot{border-radius:var(--m-radius-sm);background:var(--m-well);box-shadow:var(--m-well-shadow);border:1px solid #d6b47038}:root[data-theme=modern] .inv-slot img{object-fit:contain;width:70%;height:70%}:root[data-theme=modern] .inv-slot:hover{box-shadow:var(--m-well-shadow), 0 6px 14px #00000080;border-color:#f8e3a8a6;translate:0 -2px}:root[data-theme=modern] .inv-slot.selected{border-color:var(--m-gold-bright);box-shadow:var(--m-well-shadow), 0 0 0 1px #f8e3a880, var(--m-glow);animation:none}:root[data-theme=modern] .inv-slot.equipped{box-shadow:var(--m-well-shadow), 0 0 10px #6ea8ff59;border-color:#78b2ffd9}:root[data-theme=modern] .inv-slot.equipped:before{content:"裝";color:#0c1830;background:linear-gradient(#bcdcff,#6aa3f0);border-radius:4px;padding:0 3px;font-size:9px;font-weight:800;line-height:13px;position:absolute;top:2px;left:2px}:root[data-theme=modern] .inv-count{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;font-weight:800;bottom:2px;right:3px}:root[data-theme=modern] .inv-hint{color:var(--m-gold-bright);border-radius:var(--m-radius-sm);background:#e2c27c1f;border:1px solid #e2c27c59;grid-area:hint;padding:8px 12px}:root[data-theme=modern] .inv-detail{background:var(--m-card);border:1px solid var(--m-card-line);border-radius:var(--m-radius-sm);flex-direction:column;grid-area:detail;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}:root[data-theme=modern] .inv-detail h3{letter-spacing:.04em;color:var(--m-text);margin:0;font-size:15px;font-weight:700}:root[data-theme=modern] .inv-detail h3.blessed{color:#ffe27a;text-shadow:0 0 8px #ffdc6e59}:root[data-theme=modern] .inv-detail h3.cursed{color:#ff7d70}:root[data-theme=modern] .inv-lines{color:var(--m-text-dim);margin:0;padding:0;line-height:1.5;list-style:none}:root[data-theme=modern] .inv-lines li{border-bottom:1px dashed #d6b47024;padding:3px 0}:root[data-theme=modern] .inv-lines li:last-child{border-bottom:none}:root[data-theme=modern] .inv-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;display:grid}:root[data-theme=modern] .inv-actions .primary{grid-column:1/-1;height:36px}:root[data-theme=modern] .inv-actions button{height:32px;font-size:13px}:root[data-theme=modern] .inv-amount{text-align:center;width:100%;height:32px}:root[data-theme=modern] .inv-footer{color:var(--m-text-dim);background:var(--m-tray);border:1px solid var(--m-card-line);border-radius:999px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}:root[data-theme=modern] .inv-footer>span:first-child{color:var(--m-gold-bright);font-weight:700}:root[data-theme=modern] .inv-footer>span:first-child:before{content:"";vertical-align:-.1em;background:radial-gradient(circle at 35% 30%,#fff3c4 0%,#f1c95e 35%,#a77420 100%);border-radius:50%;width:.9em;height:.9em;margin-right:6px;display:inline-block;box-shadow:0 0 0 1px #50340acc,0 0 6px #f1c95e73}:root[data-theme=modern] .inv-footer .warn{color:var(--m-danger)}:root[data-theme=modern] .inv-tools{gap:6px}:root[data-theme=modern] .inv-tool{border-radius:999px;height:30px;padding:0 12px;font-size:12px}:root[data-theme=modern] .inv-trash[aria-pressed=true]{color:#ffe1dc;background:linear-gradient(#8a3a33,#5a1f1b) padding-box padding-box,linear-gradient(150deg,#ffb2a6,#8a3a33) border-box}:root[data-theme=modern][data-layout^=phone] .inv-window{grid-template:"head""grid"minmax(120px,1fr)"hint""detail"/minmax(0,1fr)}:root[data-theme=modern][data-layout^=phone] .inv-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:5px;min-height:120px}:root[data-theme=modern][data-layout^=phone] .inv-detail{max-height:36vh}:root[data-theme=modern][data-layout^=phone] .inv-actions{grid-template-columns:repeat(3,1fr)}:root[data-theme=modern] .skill-window{width:min(440px,100vw - 16px)}:root[data-theme=modern] .skill-body{flex-direction:column;gap:4px;display:flex}:root[data-theme=modern] .skill-group h3{letter-spacing:.2em;color:var(--m-gold);align-items:center;gap:10px;margin:10px 0 8px;font-size:12px;display:flex}:root[data-theme=modern] .skill-group h3:after{content:"";background:linear-gradient(90deg,#e2c27c8c,#0000);flex:1;height:1px}:root[data-theme=modern] .skill-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}:root[data-theme=modern] .skill{text-align:left;border-radius:var(--m-radius-sm);background:var(--m-card) padding-box, var(--m-rim-soft) border-box;grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:2px 10px;height:auto;padding:6px 10px 6px 6px;display:grid}:root[data-theme=modern] .skill-icon{object-fit:contain;border-radius:var(--m-radius-xs);background:var(--m-well);width:40px;height:40px;box-shadow:var(--m-well-shadow), 0 0 0 1px #d6b4704d;grid-row:1/span 2;padding:4px;display:block}:root[data-theme=modern] .skill-name{color:var(--m-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}:root[data-theme=modern] .skill-mp{color:#cfe3ff;background:linear-gradient(#4a83e68c,#2a4fa88c);border:1px solid #8fc2ff73;border-radius:999px;justify-self:start;padding:0 7px;font-size:11px;font-weight:700;line-height:17px}:root[data-theme=modern] .skill:hover:not(:disabled) .skill-icon{box-shadow:var(--m-well-shadow), 0 0 0 1px var(--m-gold-bright), var(--m-glow)}:root[data-theme=modern] .skill:disabled{opacity:.45;filter:grayscale(.7)}:root[data-theme=modern][data-layout=phone-portrait] .skill-list{grid-template-columns:minmax(0,1fr)}:root[data-theme=modern] .shop-list{gap:6px;padding-right:2px}:root[data-theme=modern] .shop-row{background:var(--m-card);border:1px solid var(--m-card-line);border-radius:var(--m-radius-sm);grid-template-columns:48px minmax(0,1fr) auto 84px;gap:12px;padding:6px 12px 6px 6px;transition:border-color .14s,background .14s}:root[data-theme=modern] .shop-row:hover{border-color:#f8e3a873}:root[data-theme=modern] .shop-row img{object-fit:contain;border-radius:var(--m-radius-xs);background:var(--m-well);width:48px;height:48px;box-shadow:var(--m-well-shadow), 0 0 0 1px #d6b4704d;padding:7px}:root[data-theme=modern] .shop-name{color:var(--m-text);font-size:14px;font-weight:600}:root[data-theme=modern] .shop-price{color:var(--m-gold);font-size:12px}:root[data-theme=modern] .shop-qty{border:1px solid var(--m-card-line);background:#0006;border-radius:999px;gap:0;padding:2px}:root[data-theme=modern] .shop-step{border-radius:50%;width:28px;height:28px;font-size:16px;line-height:1}:root[data-theme=modern] .shop-amount{text-align:center;width:52px;height:28px;box-shadow:none;background:0 0;border:none;font-weight:700}:root[data-theme=modern] .shop-sub{color:var(--m-gold-bright);font-variant-numeric:tabular-nums;font-weight:700}:root[data-theme=modern] .shop-footer{background:var(--m-tray);border:1px solid var(--m-card-line);border-radius:var(--m-radius-sm);margin-top:10px;padding:10px 12px}:root[data-theme=modern] .shop-footer>div:first-child{flex-direction:column;gap:2px;display:flex}:root[data-theme=modern] .shop-total{color:var(--m-gold-bright);letter-spacing:.04em;font-size:18px;font-weight:800}:root[data-theme=modern] .shop-gold{color:var(--m-text-dim);font-size:12px}:root[data-theme=modern] .shop-gold.short{color:var(--m-danger)}:root[data-theme=modern] .shop-buttons button{height:38px;padding:0 18px}:root[data-theme=modern][data-layout^=phone] .shop-row{grid-template-columns:42px minmax(0,1fr) auto}:root[data-theme=modern][data-layout^=phone] .shop-row img{width:42px;height:42px}:root[data-theme=modern][data-layout^=phone] .shop-sub{grid-column:2/-1;justify-self:end;font-size:12px}:root[data-theme=modern] .shell .logo{font-family:var(--m-font);letter-spacing:.3em;text-indent:.3em;background:linear-gradient(#fff8dc 0%,#f2d48c 40%,#b8852f 75%,#f7dd9c 100%);color:#0000;filter:drop-shadow(0 2px 2px #000000e6)drop-shadow(0 0 22px #f8d27859);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,9vw,72px);font-weight:900}:root[data-theme=modern] .shell h2{color:var(--m-gold-bright);text-shadow:0 1px 2px #000;letter-spacing:.2em}:root[data-theme=modern] .screen-art:after{background:radial-gradient(at 50% 40%,#0000 30%,#040508bf 100%),linear-gradient(#04050840 0%,#0000 30%,#040508b3 100%)}:root[data-theme=modern] .shell.screen-login form.panel:not(.select-panel){border-radius:var(--m-radius);background:var(--m-grain), var(--m-glass) padding-box, var(--m-rim) border-box;width:min(360px,100vw - 32px);max-width:none;-webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);box-shadow:var(--m-shadow), var(--m-highlight);border:1px solid #0000;gap:14px;padding:22px 24px 20px}:root[data-theme=modern] .shell.screen-login form.panel label{text-align:left;letter-spacing:.2em;color:var(--m-text-dim);text-shadow:none;flex-direction:column;align-items:stretch;gap:6px;font-size:12px;display:flex}:root[data-theme=modern] .shell.screen-login form.panel:not(.select-panel) input{box-sizing:border-box;width:100%;height:42px;color:var(--m-text);border-radius:var(--m-radius-sm);text-shadow:none;background:#00000073;border:1px solid #d6b4704d;padding:0 14px;font-size:15px;box-shadow:inset 0 2px 4px #0000008c}:root[data-theme=modern] .shell.screen-login form.panel:not(.select-panel) input:focus{border-color:#f8e3a8cc;box-shadow:inset 0 2px 4px #0000008c,0 0 0 3px #e2c27c33}:root[data-theme=modern] .shell.screen-login form.panel button.primary{letter-spacing:.5em;text-indent:.5em;color:#24180a;text-shadow:0 1px #fff0c899;background:linear-gradient(180deg, #fbe6aa 0%, #e2b960 48%, #b98a36 100%) padding-box, var(--m-rim-hot) border-box;border-color:#0000;height:46px;margin-top:4px;font-size:16px;box-shadow:inset 0 1px #fff9,0 6px 20px #e2b96059}:root[data-theme=modern] .screen-login .status{color:var(--m-text-dim)}:root[data-theme=modern] .sound-hint{color:var(--m-text);background:var(--m-glass) padding-box, var(--m-rim-soft) border-box;border:1px solid #0000;border-radius:999px}:root[data-theme=modern] .shell .pick-info{border-radius:var(--m-radius);background:var(--m-grain), var(--m-glass) padding-box, var(--m-rim) border-box;width:min(380px,100vw - 32px);-webkit-backdrop-filter:var(--m-blur);backdrop-filter:var(--m-blur);box-shadow:var(--m-shadow), var(--m-highlight);filter:none;border:1px solid #0000;border-image:;gap:6px;padding:16px 20px 18px}:root[data-theme=modern] .pick-info .who strong{letter-spacing:.08em;background:linear-gradient(#fff4cf 0%,#e8c77e 60%,#b88d3c 100%);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:22px}:root[data-theme=modern] .pick-info .who span,:root[data-theme=modern] .pick-info .vitals{color:var(--m-text-dim)}:root[data-theme=modern] .pick-info button{letter-spacing:.3em;min-width:220px;height:46px;font-size:16px}:root[data-theme=modern] .pick-name{font-family:var(--m-font);color:var(--m-text-dim);text-shadow:0 1px 3px #000}:root[data-theme=modern] .pick-card.front .pick-name{color:var(--m-gold-bright);font-weight:700}:root[data-theme=modern] .carousel-arrow{width:46px;height:46px;color:var(--m-gold);border-radius:50%;font-size:22px}:root[data-theme=modern] .shell form.create-panel{filter:none;border-image:;padding:18px 20px}:root[data-theme=modern] .shell .create-panel :is(input,select){height:40px;color:var(--m-text);border-radius:var(--m-radius-sm);background:#00000073;border:1px solid #d6b4704d;padding:0 12px;box-shadow:inset 0 2px 4px #0000008c}:root[data-theme=modern] .chip{border-radius:999px;height:38px;font-size:14px}:root[data-theme=modern] .chip.on{color:#24180a;background:linear-gradient(180deg, #fbe6aa 0%, #e2b960 48%, #b98a36 100%) padding-box, var(--m-rim-hot) border-box}:root[data-theme=modern] .stat{background:var(--m-card);border:1px solid var(--m-card-line);border-radius:var(--m-radius-sm)}:root[data-theme=modern] .stat b{color:var(--m-gold-bright)}:root[data-theme=modern] .step{border-radius:50%}:root[data-theme=modern] .remaining{color:var(--m-text-dim)}:root[data-theme=modern] .shell .panel.select-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:0}:root[data-theme=modern] .shop-sub:empty:before{display:none}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header .status-close{width:30px;min-width:30px;height:30px;min-height:0;color:var(--m-text-dim);background:linear-gradient(180deg, #404658f2 0%, #1e212bf7 100%) padding-box, var(--m-rim-soft) border-box;image-rendering:auto;filter:none;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;padding:0;font-size:18px;line-height:1;display:grid;position:static;box-shadow:inset 0 1px #ffffff1a,0 2px 6px #00000073}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header .status-close:hover:not(:disabled){color:#fff;filter:none;background:linear-gradient(#8a3a33,#5a1f1b) padding-box padding-box,linear-gradient(150deg,#ffb2a6,#8a3a33) border-box}:root[data-theme=modern] .inv-window{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head""grid detail""hint hint"}:root[data-theme=modern] .inv-window>header{flex-wrap:wrap;row-gap:6px}:root[data-theme=modern] .inv-window>header .inv-footer{white-space:nowrap;flex:auto;justify-content:flex-start;gap:14px;min-width:0;margin:0 10px;padding:4px 12px;font-size:12px}:root[data-theme=modern] .inv-window.nothing-picked .inv-grid{grid-column:1/-1}:root[data-theme=modern] .inv-window .inv-detail.empty{display:none}:root[data-theme=modern][data-layout=phone-portrait] .inv-window{grid-template-rows:auto minmax(120px,1fr) auto auto;grid-template-areas:"head""grid""hint""detail"}:root[data-theme=modern][data-layout=phone-portrait] .inv-window>header .inv-footer{flex-basis:100%;order:3;justify-content:space-between;margin:0}:root[data-theme=modern][data-layout=phone-landscape]{--hud-bottom:calc(var(--mh-exp-h) + 8px)}:root[data-theme=modern][data-layout=phone-landscape] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window){left:auto;right:max(8px, env(safe-area-inset-right))}:root[data-theme=modern][data-layout=phone-landscape] .inv-window{grid-template:"head head""grid detail"minmax(0,1fr)"hint hint"/minmax(0,1fr) 200px;gap:8px 10px;width:min(560px,100vw - 16px);padding:10px 12px 12px}:root[data-theme=modern][data-layout=phone-landscape] .inv-window>header{padding-bottom:6px}:root[data-theme=modern][data-layout=phone-landscape] .inv-detail{max-height:none}:root[data-theme=modern][data-layout=phone-landscape] .inv-actions{grid-template-columns:1fr 1fr}:root[data-theme=modern][data-layout=phone-landscape] .skill-window{width:min(440px,100vw - 16px)}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window){--m-win-px:16px;padding-top:0}:root[data-theme=modern][data-layout=phone-landscape] .inv-window{--m-win-px:12px}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header{z-index:5;margin:0 calc(-1 * var(--m-win-px)) 12px;padding:14px var(--m-win-px) 10px;border-radius:var(--m-radius) var(--m-radius) 0 0;background:linear-gradient(#242834fa 0%,#181b24fa 100%);position:sticky;top:0}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header:after{left:var(--m-win-px);right:var(--m-win-px)}:root[data-theme=modern] .clan-window{width:min(420px,100vw - 16px)}:root[data-theme=modern] .buddy-window:not(.settings-window){width:min(380px,100vw - 16px)}:root[data-theme=modern] .bm-window{width:min(400px,100vw - 16px)}:root[data-theme=modern] .mail-window{width:min(440px,100vw - 16px)}:root[data-theme=modern] :is(.clan-window,.buddy-window,.bm-window,.mail-window) .note{color:var(--m-text-faint);line-height:1.6}:root[data-theme=modern] :is(.buddy-add,.bm-add){background:#0000006b;border:1px solid #d6b47047;border-radius:999px;gap:0;margin-bottom:10px;padding:3px;display:flex;box-shadow:inset 0 2px 4px #0000008c}:root[data-theme=modern] :is(.buddy-add,.bm-add) input{min-width:0;height:34px;box-shadow:none;background:0 0;border:none;flex:1;padding:0 14px}:root[data-theme=modern] :is(.buddy-add,.bm-add) button{border-radius:999px;height:34px;padding:0 16px}:root[data-theme=modern] .bm-random{margin-bottom:10px}:root[data-theme=modern] .bm-random button{border-radius:999px;height:34px}:root[data-theme=modern] :is(.buddy-row,.clan-member,.bm-row){background:var(--m-card);border:1px solid var(--m-card-line);border-radius:var(--m-radius-sm);gap:10px;margin:0 0 6px;padding:8px 10px;transition:border-color .14s}:root[data-theme=modern] :is(.buddy-row,.clan-member,.bm-row):hover{border-color:#f8e3a873}:root[data-theme=modern] :is(.buddy-row,.clan-member):not(.online){opacity:.6}:root[data-theme=modern] .clan-dot{background:#4a4f5c;width:9px;height:9px;box-shadow:inset 0 1px 1px #0009}:root[data-theme=modern] :is(.buddy-row,.clan-member).online .clan-dot{background:radial-gradient(circle at 35% 35%,#c8ffd4,#4fc76a);box-shadow:0 0 8px #6edc8ccc}:root[data-theme=modern] :is(.buddy-name,.clan-name){color:var(--m-text);font-size:14px;font-weight:600}:root[data-theme=modern] :is(.buddy-tools,.clan-tools){gap:4px}:root[data-theme=modern] :is(.buddy-tools,.clan-tools) :is(button,select){border-radius:999px;height:28px;padding:0 10px;font-size:12px}:root[data-theme=modern] .buddy-section{letter-spacing:.2em;color:var(--m-gold);border:none;align-items:center;gap:10px;margin:14px 0 8px;padding:0;font-size:12px;font-weight:700;display:flex}:root[data-theme=modern] .buddy-section:after{content:"";background:linear-gradient(90deg,#e2c27c8c,#0000);flex:1;height:1px}:root[data-theme=modern] .buddy-section small{letter-spacing:.04em;color:var(--m-text-faint)}:root[data-theme=modern] .clan-title{background:var(--m-card);border:1px solid var(--m-card-line);border-radius:var(--m-radius-sm);gap:12px;margin-bottom:10px;padding:12px 14px}:root[data-theme=modern] .clan-window canvas{border-radius:var(--m-radius-xs);background:var(--m-well);width:44px;height:33px;box-shadow:var(--m-well-shadow), 0 0 0 1px #d6b47059;border:none;padding:4px}:root[data-theme=modern] .clan-title strong{letter-spacing:.1em;background:linear-gradient(#fff4cf 0%,#e8c77e 60%,#b88d3c 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px}:root[data-theme=modern] .clan-title span{color:var(--m-gold-bright);background:#e2c27c1f;border:1px solid #e2c27c66;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}:root[data-theme=modern] .clan-announce{color:var(--m-text);background:var(--m-tray);border-left:3px solid var(--m-gold);border-radius:0 var(--m-radius-sm) var(--m-radius-sm) 0;margin:0 0 6px;padding:10px 12px 10px 14px;line-height:1.6}:root[data-theme=modern] .clan-members{gap:0}:root[data-theme=modern] .clan-class,:root[data-theme=modern] .clan-rank{border-radius:999px;padding:1px 8px;font-size:11px}:root[data-theme=modern] .clan-class{color:var(--m-text-dim);background:#ffffff0d;border:1px solid #ffffff14}:root[data-theme=modern] .clan-rank{min-width:0;color:var(--m-gold-bright);text-align:center;background:#e2c27c1f;border:1px solid #e2c27c59}:root[data-theme=modern] .clan-form{gap:8px}:root[data-theme=modern] .clan-form input[type=text]{height:36px;padding:0 12px}:root[data-theme=modern] .clan-form textarea{min-height:72px;padding:8px 12px}:root[data-theme=modern] .clan-form button{height:34px;padding:0 14px;font-size:13px}:root[data-theme=modern] .clan-actions{border-top:1px solid var(--m-card-line);margin-top:14px;padding-top:12px}:root[data-theme=modern] .clan-actions button{height:36px;padding:0 16px}:root[data-theme=modern] .clan-window .status-grid{gap:6px 12px}:root[data-theme=modern] .clan-window .status-row{background:var(--m-tray);border:1px solid var(--m-card-line);border-radius:var(--m-radius-xs);padding:6px 10px}:root[data-theme=modern] .clan-window .status-row span{color:var(--m-text-dim)}:root[data-theme=modern] .bm-row:before{content:"";border-radius:var(--m-radius-xs);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2c27c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-6.2-6.5-11.3a6.5 6.5 0 0 1 13 0C18.5 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.7' r='2.4'/%3E%3C/svg%3E") center / 18px no-repeat, var(--m-well);width:30px;height:30px;box-shadow:var(--m-well-shadow), 0 0 0 1px #d6b4704d;flex:none}:root[data-theme=modern] .bm-info strong{color:var(--m-gold-bright);font-size:14px}:root[data-theme=modern] .bm-info small{color:var(--m-text-faint);font-variant-numeric:tabular-nums}:root[data-theme=modern] .bm-row button{border-radius:999px;height:30px;padding:0 12px;font-size:12px}:root[data-theme=modern] .mail-tabs{background:#0000006b;border:1px solid #d6b47047;border-radius:999px;gap:0;margin-bottom:10px;padding:3px}:root[data-theme=modern] .mail-tabs button{height:32px;box-shadow:none;color:var(--m-text-dim);background:0 0;border:none;border-radius:999px}:root[data-theme=modern] .mail-tabs button.on{color:#24180a;background:linear-gradient(#fbe6aa 0%,#e2b960 48%,#b98a36 100%);box-shadow:inset 0 1px #ffffff8c,0 2px 6px #00000073}:root[data-theme=modern] .mail-row{background:var(--m-card) padding-box, var(--m-rim-soft) border-box;border-radius:var(--m-radius-sm);border:1px solid #0000;gap:3px;margin:0 0 6px;padding:10px 12px}:root[data-theme=modern] .mail-subject{color:var(--m-text);font-size:14px;font-weight:600}:root[data-theme=modern] .mail-row.unread .mail-subject{color:#a9dcff;font-weight:700}:root[data-theme=modern] .mail-row.unread .mail-subject:before{content:"";vertical-align:.1em;background:radial-gradient(circle at 35% 35%,#e0f2ff,#4aa3f0);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 8px #5aaafae6}:root[data-theme=modern] .mail-meta{color:var(--m-text-faint);font-size:12px}:root[data-theme=modern] .mail-content{min-height:120px;color:var(--m-text);background:var(--m-tray);border:1px solid var(--m-card-line);border-radius:var(--m-radius-sm);padding:14px 16px;line-height:1.7;box-shadow:inset 0 2px 8px #00000080}:root[data-theme=modern] .mail-window :is(input,textarea){padding:8px 12px}:root[data-theme=modern] .mail-nav{gap:8px;margin-top:12px}:root[data-theme=modern] .mail-nav button{height:36px;padding:0 16px}:root[data-theme=modern] .mail-error{color:var(--m-danger)}.modern-tool-icon{display:none}:root[data-theme=modern]{--art:"/ui/modern/"}:root[data-theme=modern] .modern-tool-icon{object-fit:contain;filter:drop-shadow(0 2px 2px #000000d9);width:74%;height:74%;display:block}:root[data-theme=modern] .modern-tool-icon~.tool-glyph{display:none}:root[data-theme=modern] .mh-more .modern-tool-icon{width:26px;height:26px}:root[data-theme=modern] .mh-menu>button:hover .modern-tool-icon{filter:drop-shadow(0 2px 2px #000000d9)brightness(1.18)}:root[data-theme=modern] .mh-more-toggle svg{display:none}:root[data-theme=modern] .mh-more-toggle:before{content:"";filter:drop-shadow(0 2px 2px #000000d9);background:url(/ui/modern/icon-more.png) 50%/contain no-repeat;width:74%;height:74%}:root[data-theme=modern] .mh-more .ui-clear svg{display:none}:root[data-theme=modern] .mh-more .ui-clear:before{content:"";background:url(/ui/modern/icon-eye.png) 50%/contain no-repeat;width:26px;height:26px}:root[data-theme=modern] .mh-act svg{display:none}:root[data-theme=modern] .mh-act{filter:drop-shadow(0 6px 10px #000000a6);background:50%/contain no-repeat;transition:filter .16s,scale 90ms}:root[data-theme=modern] .mh-act-main{background-image:url(/ui/modern/act-attack.png)}:root[data-theme=modern] .mh-act-1{background-image:url(/ui/modern/act-talk.png)}:root[data-theme=modern] .mh-act-2{background-image:url(/ui/modern/act-auto.png)}:root[data-theme=modern] .mh-act-3{background-image:url(/ui/modern/act-pickup.png)}:root[data-theme=modern] .mh-act-4{background-image:url(/ui/modern/act-home.png)}:root[data-theme=modern] .mh-act:hover{filter:drop-shadow(0 6px 10px #000000a6)brightness(1.15)}:root[data-theme=modern] .mh-act:active{scale:.94}:root[data-theme=modern] .mh-act.on{filter:drop-shadow(0 0 10px #ffd26ef2)drop-shadow(0 0 22px #ffbe5099)brightness(1.2)saturate(1.15);animation:1.6s ease-in-out infinite mh-act-on}@keyframes mh-act-on{50%{filter:drop-shadow(0 0 16px #ffd778)drop-shadow(0 0 30px #ffbe50bf)brightness(1.3)saturate(1.2)}}:root[data-theme=modern] .mh-avatar-slot{position:relative}:root[data-theme=modern] .mh-avatar-slot .hud-avatar{box-shadow:none;border:none}:root[data-theme=modern] .mh-avatar-slot:after{content:"";width:calc(var(--mh-avatar) * 1.56);height:calc(var(--mh-avatar) * 1.56);pointer-events:none;filter:drop-shadow(0 3px 6px #000000b3);background:url(/ui/modern/ring-avatar.png?v=2) 50%/contain no-repeat;position:absolute;top:50%;left:50%;translate:-50% -50%}:root[data-theme=modern] .mh-minimap{margin:calc(var(--mh-map) * .2) calc(var(--mh-map) * .2) 0 0;position:relative}:root[data-theme=modern] .mh-minimap .minimap-face{box-shadow:none;border:none}:root[data-theme=modern] .mh-minimap .minimap-face:hover:not(:disabled){box-shadow:none;filter:brightness(1.08)}:root[data-theme=modern] .mh-minimap:after{content:"";left:50%;top:calc(var(--mh-map) / 2);width:calc(var(--mh-map) * 1.38);height:calc(var(--mh-map) * 1.38);pointer-events:none;filter:drop-shadow(0 4px 8px #000000b3);background:url(/ui/modern/ring-minimap.png?v=2) 50%/contain no-repeat;position:absolute;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#0000 69.5%,#000 70.5%);mask:radial-gradient(closest-side,#0000 69.5%,#000 70.5%)}:root[data-theme=modern] .mh-minimap .minimap-label{z-index:1;margin-top:calc(var(--mh-map) * .2);position:relative}:root[data-theme=modern] .mh-top-right{gap:calc(var(--mh-map) * .18 + 6px)}:root[data-theme=modern][data-layout=phone-portrait] .mh-top-right{gap:calc(var(--mh-map) * .3)}:root[data-theme=modern] :is(.mh-hotbar .hotbar-slot,.inv-slot,.native-status .ns-slot){box-shadow:none;background:url(/ui/modern/slot.png) 50%/100% 100% no-repeat;border-color:#0000}:root[data-theme=modern] :is(.mh-hotbar .hotbar-slot,.inv-slot):not(.empty):hover:not(:disabled){filter:brightness(1.15);box-shadow:none;border-color:#0000}:root[data-theme=modern] :is(.inv-slot.selected,.mh-hotbar .hotbar-slot.assigning){box-shadow:none;background:url(/ui/modern/slot-selected.png) 50%/100% 100% no-repeat,url(/ui/modern/slot.png) 50%/100% 100% no-repeat;border-color:#0000}:root[data-theme=modern] .inv-slot.equipped{box-shadow:inset 0 0 0 2px #78b2ffbf,inset 0 0 10px #6ea8ff66}:root[data-theme=modern] .inv-slot.blessed{background:radial-gradient(circle at 85% 15%,#ffe17859,#0000 40%),url(/ui/modern/slot.png) 50%/100% 100% no-repeat}:root[data-theme=modern] .inv-slot.cursed{background:radial-gradient(circle,#c832284d,#0000 70%),url(/ui/modern/slot.png) 50%/100% 100% no-repeat}:root[data-theme=modern] .mh-hotbar .hotbar-slot img,:root[data-theme=modern] .inv-slot img{width:62%;height:62%}:root[data-theme=modern] .mh-under-unit .buff:not(.ailment) :is(img,b){box-shadow:none;background:url(/ui/modern/slot-buff.png) 50%/100% 100% no-repeat;border:none;padding:5px}:root[data-theme=modern] :is(.inv-footer>span:first-child,.shop-total,.shop-gold,.shop-sub):before{vertical-align:-.22em;width:1.15em;height:1.15em;box-shadow:none;background:url(/ui/modern/icon-coin.png) 50%/contain no-repeat;border-radius:0}:root[data-theme=modern] .inv-tool{align-items:center;gap:5px;display:inline-flex}:root[data-theme=modern] .inv-tool:before{content:"";background:50%/contain no-repeat;width:18px;height:18px}:root[data-theme=modern] .inv-tool:not(.inv-trash):before{background-image:url(/ui/modern/icon-sort.png)}:root[data-theme=modern] .inv-trash:before{background-image:url(/ui/modern/icon-trash.png)}:root[data-theme=modern] .bm-row:before{background:url(/ui/modern/icon-bookmark.png) center / 24px no-repeat, var(--m-well)}:root[data-theme=modern] .screen-login .screen-art{background-image:url(/ui/modern/bg-login.jpg)!important}:root[data-theme=modern] .screen-login .screen-film{display:none}:root[data-theme=modern] :is(.mh-bar,.target-bar,.entry-bar,.mh-exp){box-shadow:none;border:none;border-image:url(/ui/modern/bar-track.png) 0 32 fill / 0 calc(var(--bh) / 2);background:0 0;border-radius:0}:root[data-theme=modern] .mh-bar{--bh:16px}:root[data-theme=modern] .mh-bar.mp,:root[data-theme=modern] .target-bar{--bh:12px}:root[data-theme=modern] .entry-bar{--bh:10px}:root[data-theme=modern] .mh-exp{--bh:var(--mh-exp-h);overflow:visible}:root[data-theme=modern] :is(.mh-fill,.target-bar .bar-fill.hp,.entry-bar i,.mh-exp-fill){border-image:url(/ui/modern/bar-fill-hp.png) 0 32 fill / 0 calc(var(--bh) / 2 - 2px);background:0 0;border-radius:0;max-width:calc(100% - 4px);top:2px;bottom:2px;left:2px}:root[data-theme=modern] .mh-bar.mp .mh-fill.mh-fill{border-image-source:url(/ui/modern/bar-fill-mp.png)}:root[data-theme=modern] .entry-bar.entry-bar.entry-bar i,:root[data-theme=modern] .mh-exp-fill.mh-exp-fill.mh-exp-fill{border-image-source:url(/ui/modern/bar-fill-exp.png)}:root[data-theme=modern] .mh-fill:after{content:none}:root[data-theme=modern] .mh-exp:before{inset:2px}:root[data-theme=modern] .mh-unit{box-shadow:none;filter:drop-shadow(0 6px 12px #0000008c);background:0 0;border-image:url(/ui/modern/frame-unit.png) 40 fill/20px}:root[data-theme=modern] :is(.mh-hotbar .hotbar,.mh-chat,.mh-menu,.target-panel){box-shadow:none;filter:drop-shadow(0 4px 10px #00000080);background:0 0;border-image:url(/ui/modern/frame-bar.png) 28 fill/14px;border-radius:0}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window,.confirm-dialog,.entry-card,.shell .panel){-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-image:url(/ui/modern/panel-window.png) 120 fill/20px/8px;border-radius:0;box-shadow:0 18px 40px #0009}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header{margin:0 calc(12px - var(--m-win-px)) 12px;padding:14px calc(var(--m-win-px) - 12px) 12px;background:url(/ui/modern/tex-panel.jpg) 50%/256px,#10111a;border-radius:0}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header:after{background:url(/ui/modern/ornament-divider.png) 50%/auto 100% no-repeat;height:12px;bottom:-5px;left:0;right:0}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header .status-close{color:#0000;box-shadow:none;filter:drop-shadow(0 2px 3px #0009);background:url(/ui/modern/btn-close.png) 50%/contain no-repeat;border:none;font-size:0}:root[data-theme=modern] :is(.status-window,.inv-window,.skill-window,.clan-window,.buddy-window,.bm-window,.mail-window,.dlg-window,.shop-window,.pshop-window,.trade-window,.pet-list-window,.bigmap-window)>header .status-close:hover:not(:disabled){filter:drop-shadow(0 0 6px #ffa078cc)brightness(1.15);background:url(/ui/modern/btn-close.png) 50%/contain no-repeat}:root[data-theme=modern] :is(.skill,.shop-row,.buddy-row,.clan-member,.bm-row,.inv-detail,.mail-row,.clan-announce){box-shadow:none;background:0 0;border-color:#0000;border-image:url(/ui/modern/panel-card.png) 24 fill/8px;border-radius:0}:root[data-theme=modern] :is(.skill,.shop-row,.buddy-row,.clan-member,.bm-row,.mail-row):hover:not(:disabled){filter:brightness(1.15)}:root[data-theme=modern] :is(.mh-menu>button,.mh-more>button){box-shadow:none;filter:drop-shadow(0 2px 3px #0009);background:url(/ui/modern/btn-round.png) 50%/100% 100% no-repeat;border:none}:root[data-theme=modern] :is(.mh-menu>button,.mh-more>button)[aria-expanded=true],:root[data-theme=modern] :is(.mh-menu>button,.mh-more>button):active:not(:disabled){background:url(/ui/modern/btn-round-active.png) 50%/100% 100% no-repeat}:root[data-theme=modern] :is(.mh-level,.mh-exp-level){color:var(--m-gold-bright);text-shadow:0 1px 2px #000;box-shadow:none;background:url(/ui/modern/badge-level.png) 50%/100% 100% no-repeat;border-radius:0;padding:1px 12px}:root[data-theme=modern] .mh-exp-level{left:env(safe-area-inset-left);padding:0 14px;top:0;bottom:0;translate:-10%}:root[data-theme=modern] .mh-under-unit .buff.ailment :is(img,b){box-shadow:none;background:url(/ui/modern/slot-debuff.png) 50%/100% 100% no-repeat;border:none;padding:5px}:root[data-theme=modern] :is(button.primary,button.danger,.inv-actions button,.inv-tool,.shop-buttons button,.clan-form button,.clan-tools button,.buddy-tools button,.buddy-add button,.bm-add button,.bm-random button,.confirm-dialog button,.dlg-window .dlg-buttons button,.entry-retry,.pick-info button){box-shadow:none;background:0 0;border-color:#0000;border-image:url(/ui/modern/btn-secondary.png) 20 36 fill/30% 14px;border-radius:0}:root[data-theme=modern] button.primary.primary.primary{color:#2a1a06;text-shadow:0 1px #ffecbe99;border-image:url(/ui/modern/btn-primary.png) 20 36 fill/30% 14px}:root[data-theme=modern] :is(button.danger.danger.danger,.inv-trash.inv-trash[aria-pressed=true]){color:#ffe1dc;background:0 0;border-image:url(/ui/modern/btn-danger.png) 20 36 fill/30% 14px}:root[data-theme=modern] :is(input:not([type=range],[type=checkbox],[type=radio]),select,textarea){background:0 0;border-color:#0000;border-image:url(/ui/modern/field-input.png) 16 fill/8px;border-radius:0}:root[data-theme=modern] :is(.shop-amount,.buddy-add input,.bm-add input){border-image:}:root[data-theme=modern] .shell.screen-login form.panel:not(.select-panel) input{background:0 0;border-color:#0000}:root[data-theme=modern] :is(.mh-chat .chat-tab,.mail-tabs button){box-shadow:none;background:0 0;border-color:#0000;border-image:url(/ui/modern/tab-segment.png) 24 24 10 fill/8px 8px 4px;border-radius:0}:root[data-theme=modern] :is(.mh-chat .chat-tab[aria-selected=true],.mail-tabs button.on){background:0 0;border-image-source:url(/ui/modern/tab-segment-active.png)}:root[data-theme=modern] .screen-select .screen-art{background-image:url(/ui/modern/bg-select.jpg)!important}:root[data-theme=modern] .screen-create .screen-art{background-image:url(/ui/modern/bg-create.jpg)!important}:root[data-theme=modern] .entry-loading{background:linear-gradient(#06070a33 0%,#06070a8c 100%),url(/ui/modern/bg-loading.jpg) 50%/cover no-repeat,#06070a}:root[data-theme=modern] .shell.screen-login form.panel:not(.select-panel){-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-image:url(/ui/modern/panel-window.png) 120 fill/20px/8px;border-radius:0}.native-status>:is(.ms,.ms-head){display:none}:root[data-theme=modern] .native-status>:not(.ms,.ms-head){display:none!important}:root[data-theme=modern] .native-status>.ms-head{display:flex}:root[data-theme=modern] .status-window.native-status{width:min(520px,100vw - 16px);height:auto;max-height:max(160px, calc(100dvh - var(--win-top) - 16px - var(--hud-bottom)));filter:none;-webkit-user-select:none;user-select:none;padding:0 16px 16px;font-size:14px;line-height:1.4;overflow:auto}:root[data-theme=modern][data-layout=phone-portrait] .status-window.native-status{width:auto;left:8px;right:8px}:root[data-theme=modern] .native-status>.ms{flex-direction:column;gap:14px;display:flex;position:relative;top:auto;left:auto}:root[data-theme=modern] .ms-hero{background:radial-gradient(46% 16% at 50% 80%,#f8d28238,#0000 70%),radial-gradient(60% 70% at 50% 45%,#465a8c47,#0000 75%),linear-gradient(#00000059,#0000001a);border-image:url(/ui/modern/panel-card.png) 24 fill/8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px 8px;display:grid;position:relative}:root[data-theme=modern] .ms-col{gap:8px;display:grid}:root[data-theme=modern] .ms-slot{width:48px;height:48px;min-height:0;box-shadow:none;background:url(/ui/modern/slot.png) 50%/100% 100% no-repeat;border:none;border-radius:0;place-items:center;padding:0;display:grid;position:relative}:root[data-theme=modern] .ms-slot img{object-fit:contain;pointer-events:none;width:66%;height:66%}:root[data-theme=modern] .ms-slot.blessed img{filter:drop-shadow(0 0 3px #ffe27a)}:root[data-theme=modern] .ms-slot.cursed img{filter:drop-shadow(0 0 3px #ff4a3a)}:root[data-theme=modern] .ms-slot:empty:after{content:attr(aria-label);color:var(--m-text-faint);opacity:.8;font-size:11px;font-weight:600}:root[data-theme=modern] .ms-slot:not(:empty):hover{filter:brightness(1.18)}:root[data-theme=modern] .ms-figure{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}:root[data-theme=modern] .ms-stage{place-items:end center;width:150px;height:253px;display:grid}:root[data-theme=modern] .ms-stage .portrait{width:150px;height:253px}:root[data-theme=modern] .ms-who{white-space:nowrap;align-items:baseline;gap:8px;max-width:100%;display:flex}:root[data-theme=modern] .ms-who strong{letter-spacing:.06em;color:var(--m-gold-bright);text-shadow:0 1px 2px #000;text-overflow:ellipsis;font-size:17px;overflow:hidden}:root[data-theme=modern] .ms-who>span:last-child{color:var(--m-text-dim);font-size:13px}:root[data-theme=modern] .ms-level{color:var(--m-gold-bright);text-shadow:0 1px 2px #000;background:url(/ui/modern/badge-level.png) 50%/100% 100% no-repeat;align-self:center;padding:1px 12px;font-size:12px;font-weight:800}:root[data-theme=modern] .ms-align{letter-spacing:.08em;border:1px solid #fff3;border-radius:999px;padding:2px 14px;font-size:12px;font-weight:700;box-shadow:inset 0 1px #ffffff26,0 2px 6px #00000080}:root[data-theme=modern] .ms-align:empty{display:none}:root[data-theme=modern] .ms-align[data-tone=lawful]{color:#e8f2ff;background:linear-gradient(#4b7fa6,#24435a)}:root[data-theme=modern] .ms-align[data-tone=neutral]{color:#f2ecd8;background:linear-gradient(#776e58,#3e3a2e)}:root[data-theme=modern] .ms-align[data-tone=chaotic]{color:#ffe0e0;background:linear-gradient(#9a3440,#521820)}:root[data-theme=modern] .ms-item{text-align:center;min-height:1.4em;color:var(--m-gold);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;margin:2px 0 0;font-size:12px;overflow:hidden}:root[data-theme=modern] .ms-gauges{gap:8px;display:grid}:root[data-theme=modern] .ms-gauge{grid-template-columns:34px minmax(0,1fr) 104px;align-items:center;gap:10px;display:grid}:root[data-theme=modern] .ms-gauge>span{color:var(--m-text-dim);font-size:13px}:root[data-theme=modern] .ms-gauge>b{text-align:right;font-variant-numeric:tabular-nums;color:var(--m-text);font-size:13px}:root[data-theme=modern] .ms-gauge.hp>b{color:#ffb4ab}:root[data-theme=modern] .ms-gauge.mp>b{color:#a9cdff}:root[data-theme=modern] .ms-gauge.exp>b{color:var(--m-gold-bright)}:root[data-theme=modern] .ms-bar{--bh:14px;height:var(--bh);border-image:url(/ui/modern/bar-track.png) 0 32 fill / 0 calc(var(--bh) / 2);position:relative;overflow:hidden}:root[data-theme=modern] .ms-fill{border-image:url(/ui/modern/bar-fill-hp.png) 0 32 fill / 0 calc(var(--bh) / 2 - 2px);width:0;max-width:calc(100% - 4px);transition:width .26s var(--m-ease);position:absolute;top:2px;bottom:2px;left:2px}:root[data-theme=modern] .ms-gauge.mp .ms-fill{border-image-source:url(/ui/modern/bar-fill-mp.png)}:root[data-theme=modern] .ms-gauge.exp .ms-fill{border-image-source:url(/ui/modern/bar-fill-exp.png)}:root[data-theme=modern] .ms-block h3{letter-spacing:.16em;color:var(--m-gold);align-items:center;gap:10px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}:root[data-theme=modern] .ms-block h3:after{content:"";background:linear-gradient(90deg,#e2c27c8c,#0000);flex:1;height:1px}:root[data-theme=modern] :is(.ms-stats,.ms-fight){grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}:root[data-theme=modern] .ms-resist{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}:root[data-theme=modern] .ms-card{border-image:url(/ui/modern/panel-card.png) 24 fill/8px;justify-content:space-between;align-items:center;gap:6px;min-height:30px;padding:7px 12px;display:flex}:root[data-theme=modern] .ms-card small{color:var(--m-text-dim);white-space:nowrap;font-size:12px;line-height:1}:root[data-theme=modern] .ms-card b{font-variant-numeric:tabular-nums;color:var(--m-gold-bright);text-shadow:0 1px 2px #000;font-size:17px;font-weight:700;line-height:1}:root[data-theme=modern] .ms-card.boosted b{color:#9bf0a8;text-shadow:0 0 8px #78e68c99}:root[data-theme=modern] .ms-card.warn b{color:var(--m-danger)}:root[data-theme=modern] .ms-card.el-earth b{color:#c6efb5}:root[data-theme=modern] .ms-card.el-water b{color:#bddeff}:root[data-theme=modern] .ms-card.el-fire b{color:#ffc2b8}:root[data-theme=modern] .ms-card.el-wind b{color:#e2e2e2}:root[data-theme=modern][data-layout=phone-portrait] .ms-slot{width:42px;height:42px}:root[data-theme=modern][data-layout=phone-portrait] :is(.ms-stage,.ms-stage .portrait){width:118px;height:199px}:root[data-theme=modern][data-layout=phone-portrait] .ms-resist{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-theme=modern][data-layout=phone-portrait] .ms-gauge{grid-template-columns:30px minmax(0,1fr) 92px;gap:8px}:root[data-theme=modern][data-layout=phone-portrait] .ms-card{padding:6px 10px}:root[data-theme=modern][data-layout=phone-portrait] .ms-card b{font-size:15px}:root[data-theme=modern]:not([data-layout=phone-portrait]) .status-window.native-status{width:min(760px,100vw - 16px)}:root[data-theme=modern]:not([data-layout=phone-portrait]) .native-status>.ms{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:12px 16px;display:grid}:root[data-theme=modern]:not([data-layout=phone-portrait]) .ms-hero{grid-row:1/-1;align-self:start}:root[data-theme=modern][data-layout=phone-landscape] :is(.ms-stage,.ms-stage .portrait){width:110px;height:186px}:root[data-theme=modern][data-layout=phone-landscape] .ms-slot{width:40px;height:40px}:root[data-theme=modern]:not([data-layout=phone-portrait]) :is(.ms-stage,.ms-stage .portrait){width:128px;height:216px}:root[data-theme=modern]:not([data-layout=phone-portrait]) .ms-card{padding:5px 12px}:root[data-theme=modern] .ms-who{white-space:normal;flex-wrap:wrap;justify-content:center;row-gap:0}:root[data-theme=modern]:not([data-layout=phone-portrait]) .native-status>.ms{row-gap:8px}:root[data-theme=modern]:not([data-layout=phone-portrait]) .ms-card{padding-block:3px}:root[data-theme=modern]:not([data-layout=phone-portrait]) .ms-block h3{margin-bottom:4px}:root[data-theme=modern]:not([data-layout=phone-portrait]) .ms-slot{width:42px;height:42px}:root[data-theme=modern]:not([data-layout=phone-portrait]) .ms-col{gap:5px}:root[data-theme=modern]:not([data-layout=phone-portrait]) .ms-hero{padding:8px 10px 4px}:root[data-theme=modern]:not([data-layout=phone-portrait]) .status-window.native-status{padding-bottom:12px}@keyframes mh-spin{to{rotate:360deg}}@keyframes mh-burst{0%{box-shadow:0 0 #ffe296e6,0 0 #ffc4648c}to{box-shadow:0 0 0 14px #ffe29600,0 0 0 26px #ffc46400}}@keyframes mh-float{50%{translate:0 -2px}}:root[data-theme=modern] .mh-act:before,:root[data-theme=modern] .mh-menu>button:after{content:"";pointer-events:none;opacity:0;background:conic-gradient(#0000 0deg 190deg,#ffe29626 230deg,#ffe296f2 320deg,#fff7dc 345deg,#0000 360deg);border-radius:50%;transition:opacity .22s;position:absolute;inset:1%;-webkit-mask:radial-gradient(closest-side,#0000 83%,#000 87% 97%,#0000 100%);mask:radial-gradient(closest-side,#0000 83%,#000 87% 97%,#0000 100%)}:root[data-theme=modern] .mh-menu>button:after{inset:-4%}:root[data-theme=modern] .mh-act.on:before,:root[data-theme=modern] .mh-menu>button[aria-expanded=true]:after{opacity:1;animation:1.6s linear infinite mh-spin}:root[data-theme=modern] .mh-menu>button[aria-expanded=true] .modern-tool-icon{animation:1.8s ease-in-out infinite mh-float}:root[data-theme=modern] :is(.mh-act,.mh-menu>button,.mh-more>button).mh-burst{animation:.52s ease-out mh-burst}:root[data-theme=modern] .mh-act.on.mh-burst{animation:.52s ease-out mh-burst,1.6s ease-in-out infinite mh-act-on}:root[data-theme=modern] .ms-hero{background:linear-gradient(#0a0b1026 0%,#0a0b1040 60%,#0d0f16 calc(100% - 50px)),url(/ui/modern/status-stage.jpg?v=2) center bottom 64px/100% no-repeat,#0d0f16;border-image:url(/ui/modern/panel-card.png) 24/8px}:root[data-theme=modern] .ms-slot:empty:after{content:"";background:var(--slot-art) center / 58% no-repeat;opacity:.32;position:absolute;inset:0}:root[data-theme=modern] .ms-slot[data-slot=helm]{--slot-art:url(/ui/modern/slot-empty-helm.png)}:root[data-theme=modern] .ms-slot[data-slot=amulet]{--slot-art:url(/ui/modern/slot-empty-amulet.png)}:root[data-theme=modern] .ms-slot[data-slot=cloak]{--slot-art:url(/ui/modern/slot-empty-cloak.png)}:root[data-theme=modern] .ms-slot[data-slot=shirt]{--slot-art:url(/ui/modern/slot-empty-shirt.png)}:root[data-theme=modern] .ms-slot[data-slot=glove]{--slot-art:url(/ui/modern/slot-empty-glove.png)}:root[data-theme=modern] .ms-slot:is([data-slot=ring1],[data-slot=ring2]){--slot-art:url(/ui/modern/slot-empty-ring.png)}:root[data-theme=modern] .ms-slot[data-slot=armor]{--slot-art:url(/ui/modern/slot-empty-armor.png)}:root[data-theme=modern] .ms-slot[data-slot=belt]{--slot-art:url(/ui/modern/slot-empty-belt.png)}:root[data-theme=modern] .ms-slot[data-slot=weapon]{--slot-art:url(/ui/modern/slot-empty-weapon.png)}:root[data-theme=modern] .ms-slot[data-slot=shield]{--slot-art:url(/ui/modern/slot-empty-shield.png)}:root[data-theme=modern] .ms-slot[data-slot=boots]{--slot-art:url(/ui/modern/slot-empty-boots.png)}:root[data-theme=modern] :is(.ms-stats,.ms-resist) .ms-card small{align-items:center;gap:5px;display:inline-flex}:root[data-theme=modern] :is(.ms-stats,.ms-resist) .ms-card small:before{content:"";background:var(--stat-art) center / contain no-repeat;filter:drop-shadow(0 1px 1px #000c);flex:none;width:18px;height:18px}:root[data-theme=modern] .ms-card.stat-str{--stat-art:url(/ui/modern/stat-str.png)}:root[data-theme=modern] .ms-card.stat-dex{--stat-art:url(/ui/modern/stat-dex.png)}:root[data-theme=modern] .ms-card.stat-con{--stat-art:url(/ui/modern/stat-con.png)}:root[data-theme=modern] .ms-card.stat-int{--stat-art:url(/ui/modern/stat-int.png)}:root[data-theme=modern] .ms-card.stat-wis{--stat-art:url(/ui/modern/stat-wis.png)}:root[data-theme=modern] .ms-card.stat-cha{--stat-art:url(/ui/modern/stat-cha.png)}:root[data-theme=modern] .ms-card.el-earth{--stat-art:url(/ui/modern/stat-earth.png)}:root[data-theme=modern] .ms-card.el-water{--stat-art:url(/ui/modern/stat-water.png)}:root[data-theme=modern] .ms-card.el-fire{--stat-art:url(/ui/modern/stat-fire.png)}:root[data-theme=modern] .ms-card.el-wind{--stat-art:url(/ui/modern/stat-wind.png)}:root[data-theme=modern] .mh-stat{align-items:center}:root[data-theme=modern] .mh-stat:before{content:"";background:var(--stat-art) center / contain no-repeat;filter:drop-shadow(0 1px 1px #000c);flex:none;width:14px;height:14px}:root[data-theme=modern] .mh-stat[data-stat=ac]{--stat-art:url(/ui/modern/slot-empty-armor.png)}:root[data-theme=modern] .mh-stat[data-stat=mr]{--stat-art:url(/ui/modern/stat-int.png)}:root[data-theme=modern] .mh-stat[data-stat=weight]{--stat-art:url(/ui/modern/icon-weight.png)}:root[data-theme=modern] .mh-stat[data-stat=food]{--stat-art:url(/ui/modern/stat-food.png)}:root[data-theme=modern] .mh-stat[data-stat=lawful]{--stat-art:url(/ui/modern/slot-empty-shield.png)}:root[data-theme=modern] .mh-stats{grid-template-columns:repeat(3,max-content);column-gap:12px;display:grid}:root[data-theme=classic] :is(button:not([class]),button.primary,button.danger,button.ghost,.inv-tool,.settings-choice,.entry-retry,.chat-send,.clan-leave,.party-leave,.party-kick){box-shadow:none;background:0 0;border-color:#0000;border-image:url(/ui/classic/classic-btn.png) 12 fill/6px;border-radius:0}:root[data-theme=classic] :is(button:not([class]),button.ghost,.inv-tool,.settings-choice,.entry-retry,.chat-send,.clan-leave,.party-leave,.party-kick):hover:not(:disabled),:root[data-theme=classic] button.primary.primary,:root[data-theme=classic] .settings-choice[aria-pressed=true],:root[data-theme=classic] .inv-tool[aria-pressed=true]:not(.inv-trash){color:#fff4d2;text-shadow:0 0 2px #000,0 1px 2px #000,0 0 4px #000c;border-image:url(/ui/classic/classic-btn-lit.png) 14 fill/7px}:root[data-theme=classic] button.primary.primary:hover:not(:disabled){filter:brightness(1.12)}:root[data-theme=classic] :is(button.danger,.clan-leave,.party-kick,.inv-trash[aria-pressed=true]){color:#ffd8cf;text-shadow:0 1px 1px #000;border-image:url(/ui/classic/classic-btn-danger.png) 14 fill/7px}:root[data-theme=classic] :is(button.danger,.clan-leave,.party-kick):hover:not(:disabled){filter:brightness(1.18)}:root[data-theme=classic] :is(.step,.shop-step,.carousel-arrow,.bigmap-zoom){box-shadow:none;background:0 0;border-color:#0000;border-image:url(/ui/classic/classic-btn-square.png) 14 fill/7px;border-radius:0}:root[data-theme=classic] :is(.step,.shop-step,.carousel-arrow,.bigmap-zoom):hover:not(:disabled){filter:brightness(1.2)}:root[data-theme=classic] :is(.chat-tab,.mail-tabs button){box-shadow:none;background:0 0;border-color:#0000;border-image:url(/ui/classic/classic-tab.png) 22 22 6 fill/9px 9px 3px;border-radius:0}:root[data-theme=classic] :is(.chat-tab[aria-selected=true],.mail-tabs button.on){filter:brightness(1.45)sepia(.45)saturate(1.4);color:#ffe9a8}:root[data-theme=classic] :is(.chat-tab,.mail-tabs button):hover:not(:disabled){filter:brightness(1.2)}:root[data-theme=classic]:root :is(input:not([type=range],[type=file],[type=checkbox],[type=radio]),textarea){box-shadow:none;background:0 0;border-color:#0000;border-image:url(/ui/classic/classic-field.png) 12 fill/6px;border-radius:0}:root[data-theme=classic]:root select{appearance:none;box-shadow:none;background:url(/ui/classic/classic-select-arrow.png) right 7px center/12px no-repeat,#0e0d0b;border-color:#0000;border-image:url(/ui/classic/classic-field.png) 12/6px;border-radius:0;padding-right:22px}:root[data-theme=classic] input[type=range]{appearance:none;accent-color:auto;background:0 0;border:none;height:22px}:root[data-theme=classic] input[type=range]::-webkit-slider-runnable-track{background:url(/ui/classic/classic-slider-track.png) 50%/100% 100% no-repeat;border:none;height:8px}:root[data-theme=classic] input[type=range]::-moz-range-track{background:url(/ui/classic/classic-slider-track.png) 50%/100% 100% no-repeat;border:none;height:8px}:root[data-theme=classic] input[type=range]::-webkit-slider-thumb{appearance:none;background:url(/ui/classic/classic-slider-thumb.png) 50%/contain no-repeat;border:none;width:20px;height:20px;margin-top:-6px}:root[data-theme=classic] input[type=range]::-moz-range-thumb{background:url(/ui/classic/classic-slider-thumb.png) 50%/contain no-repeat;border:none;border-radius:0;width:20px;height:20px}:root[data-theme=classic] :is(.buddy-row,.bm-row,.mail-row,.clan-member,.shop-row){background:0 0;border:none;border-image:url(/ui/classic/classic-row.png) 14 fill/7px;border-radius:0;margin-bottom:3px;padding-inline:8px}:root[data-theme=classic].client-frames :is(.inv-grid,.inv-detail,.dlg-body){box-shadow:none;background:0 0;border-color:#0000;border-image:url(/ui/classic/classic-inset.png) 8 fill/4px;border-radius:0}:root[data-theme=classic].client-frames :is(.buddy-section,.skill-group h3){background:url(/ui/classic/classic-divider.png) bottom/100% 6px no-repeat;border:none;padding-bottom:7px}:root[data-theme=classic].client-frames .inv-window .inv-slot{box-shadow:none;background:url(/ui/classic/classic-slot.png) 50%/100% 100% no-repeat;border-color:#0000;border-radius:0}:root[data-theme=classic].client-frames .inv-window .inv-slot.equipped{box-shadow:none;background:url(/ui/classic/classic-slot-equipped.png) 50%/100% 100% no-repeat,url(/ui/classic/classic-slot.png) 50%/100% 100% no-repeat}:root[data-theme=classic].client-frames .inv-window .inv-slot.selected{box-shadow:none;background:url(/ui/classic/classic-slot-selected.png) 50%/100% 100% no-repeat,url(/ui/classic/classic-slot.png) 50%/100% 100% no-repeat}