:root{--ink:#14121c;--ink-2:#1f1a2a;--ink-3:#2b2438;--paper:#f4ead4;--paper-dim:#cbbd9f;--vermilion:#c8402f;--vermilion-2:#e2603f;--gold:#d8a94a;--gold-2:#f2d27c;--jade:#5fa585;--danger:#e0573f;--panel-bg:#14111cd6;--line:#d8a94a8c;--radius:8px;--tap:44px;--font:"Sarabun", "Noto Sans Thai", "Leelawadee UI", "Leelawadee", "Tahoma", system-ui, sans-serif;--font-title:"Noto Serif Thai", "Georgia", "Times New Roman", serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.45;overflow:hidden}#game{z-index:0;position:fixed;inset:0}#game canvas{display:block}#vignette{z-index:1;pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#08060e8c 100%),linear-gradient(#0a081440,#0000 30%);position:fixed;inset:0}#ui{z-index:2;pointer-events:none;position:fixed;inset:0}[hidden]{display:none!important}.screen{-webkit-overflow-scrolling:touch;pointer-events:auto;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.screen>*{flex-shrink:0}.screen>:first-child{margin-top:auto}.screen>:last-child{margin-bottom:auto}.screen-center{gap:18px}.screen.enter>*{animation:.35s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen.enter>*{animation:none}}.logo{text-align:center;-webkit-user-select:none;user-select:none;text-shadow:0 2px 12px #0009}.logo-title{font-family:var(--font-title);letter-spacing:.12em;background:linear-gradient(180deg, #fff3cf 0%, var(--gold-2) 45%, var(--gold) 70%, #a8742c 100%);color:#0000;filter:drop-shadow(0 2px #5a1e14e6)drop-shadow(0 0 18px #e2603f59);-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,5.4vw,56px);font-weight:700;line-height:1.1}.logo-sub{color:var(--paper);letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;margin-top:4px;font-size:clamp(14px,1.8vw,18px);display:flex}.logo-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:36px;height:1px;display:inline-block}.badge{border:1px solid var(--vermilion-2);color:var(--gold-2);letter-spacing:.15em;text-transform:uppercase;background:#c8402f40;border-radius:999px;margin-top:8px;padding:2px 12px;font-size:12px;display:inline-block}.logo-compact .logo-title{font-size:clamp(22px,3.2vw,32px)}.logo-compact .logo-sub,.logo-compact .badge{display:none}.panel{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px 22px;position:relative;box-shadow:inset 0 0 0 3px #14111ce6,inset 0 0 0 4px #d8a94a38,0 10px 30px #00000073}.corner{border-color:var(--gold);pointer-events:none;border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.corner.tl{border-top-left-radius:var(--radius);border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.corner.tr{border-top-right-radius:var(--radius);border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.corner.bl{border-bottom-left-radius:var(--radius);border-bottom-width:2px;border-left-width:2px;bottom:-1px;left:-1px}.corner.br{border-bottom-right-radius:var(--radius);border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.panel-title{font-family:var(--font-title);color:var(--gold-2);text-align:center;letter-spacing:.04em;margin:0 0 14px;font-size:20px;font-weight:700}.panel-title:after{content:"";background:linear-gradient(90deg, transparent, var(--vermilion-2), transparent);width:60%;height:1px;margin:8px auto 0;display:block}.panel-subtitle{color:var(--gold-2);letter-spacing:.05em;margin:0 0 8px;font-size:15px}.title-danger{color:#ff9b84}.panel-narrow{width:min(420px,100%)}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--paper-dim);font-size:14px}.input{width:100%;min-height:var(--tap);font:inherit;color:var(--paper);background:#08060eb3;border:1px solid #d8a94a66;border-radius:6px;outline:none;padding:10px 12px;font-size:16px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:#cbbd9f80}.input:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px #d8a94a40}.input-otp{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:26px}.input-code{text-transform:uppercase;letter-spacing:.15em;text-align:center}.msg{border-left:3px solid var(--danger);color:#ffc2b4;background:#e0573f24;border-radius:6px;margin:0;padding:8px 10px;font-size:14px}.msg[data-kind=ok]{border-left-color:var(--jade);color:#bfe8d3;background:#5fa58524}.msg[data-kind=info]{border-left-color:var(--gold);color:var(--paper);background:#d8a94a1f}.msg-small{padding:4px 8px;font-size:13px}.hint{color:var(--paper-dim);margin:0;font-size:14px}.contact{color:var(--gold-2);word-break:break-all;margin:-6px 0 0;font-weight:700}.btn{min-height:var(--tap);min-width:var(--tap);font:inherit;cursor:pointer;color:var(--paper);border:1px solid var(--line);background:var(--ink-3);-webkit-user-select:none;user-select:none;border-radius:6px;padding:10px 18px;font-size:16px;font-weight:600;transition:transform 80ms,filter .15s,background .15s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{color:#fff6e2;background:linear-gradient(180deg, var(--vermilion-2), var(--vermilion) 55%, #9e2f22);border-color:var(--gold);text-shadow:0 1px #50140a99;box-shadow:inset 0 1px #ffdcaa59,0 2px 8px #c8402f59}.btn-secondary{background:linear-gradient(180deg, #3a3049, var(--ink-3))}.btn-ghost{color:var(--paper-dim);background:0 0;border-color:#d8a94a59;font-weight:500}.btn-danger{color:#ffc2b4;background:#96281e59;border-color:#e0573fb3}.row{flex-wrap:wrap;gap:10px;display:flex}.row>.btn{flex:auto}.row-split{justify-content:space-between}.row-end{justify-content:flex-end;margin-top:12px}.row-end>.btn{flex:none}.tabs{border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;margin-bottom:14px;display:grid;overflow:hidden}.tab{min-height:var(--tap);font:inherit;color:var(--paper-dim);cursor:pointer;background:#08060e80;border:0;font-size:16px}.tab+.tab{border-left:1px solid var(--line)}.tab[aria-selected=true]{color:var(--ink);background:linear-gradient(180deg, var(--gold-2), var(--gold));font-weight:700}.loading{color:var(--paper-dim);align-items:center;gap:10px;display:flex}.spinner{border:2px solid #d8a94a40;border-top-color:var(--gold-2);border-radius:50%;width:20px;height:20px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:28px;width:min(940px,100%);display:grid}.brand-col{flex-direction:column;gap:22px;min-width:0;display:flex}.panel-auth{width:100%}.panel-news{padding:14px 18px}.news-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.news-item{border-bottom:1px dashed #d8a94a33;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;font-size:14px;display:grid}.news-item:last-child{border-bottom:0}.news-kind{color:var(--ink);background:var(--gold);white-space:nowrap;border-radius:4px;padding:1px 8px;font-size:12px}.news-kind.kind-event{background:var(--jade)}.news-kind.kind-maintenance{color:var(--paper);background:#8a8396}.news-kind.kind-hotfix{background:var(--vermilion-2);color:#fff6e2}.news-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.news-meta{color:var(--paper-dim);white-space:nowrap;font-size:12px}.news-empty{color:var(--paper-dim);font-size:14px}.news-row{width:100%;min-height:40px;font:inherit;text-align:left;color:var(--paper);cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #d8a94a33;border-radius:4px;margin:0;padding:6px 4px;font-size:14px}.news-list>li:last-child>.news-row{border-bottom:0}.news-row:hover,.news-row:focus-visible{background:#d8a94a1a;outline:none}.news-row:focus-visible{box-shadow:0 0 0 2px var(--gold-2)}.news-row:after{content:"›";color:var(--gold-2);padding-left:2px}.news-row{grid-template-columns:auto minmax(0,1fr) auto auto}.news-modal{z-index:20}.panel-reader{-webkit-overflow-scrolling:touch;width:min(640px,100%);max-height:calc(100% - 8px);padding:18px 22px 20px;overflow-y:auto}.news-close{float:right;z-index:1;background:#14111ce6;min-width:44px;min-height:44px;margin:-6px -10px 0 8px;padding:0;font-size:18px;position:sticky;top:0}.news-reader-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.news-reader-title{font-family:var(--font-title);color:var(--gold-2);overflow-wrap:anywhere;margin:10px 0 12px;font-size:22px;line-height:1.3}.news-body{overflow-wrap:anywhere;font-size:15px;line-height:1.65}.news-body h3{color:var(--gold-2);margin:16px 0 6px;font-size:17px}.news-body p{margin:0 0 10px}.news-body ul,.news-body ol{margin:0 0 10px;padding-left:22px}.news-body li{margin:2px 0}.news-body strong{color:#fff3cf}.news-body a,.news-web-link{color:var(--gold-2)}.news-web-link{align-items:center;min-height:44px;margin-top:8px;font-weight:700;text-decoration:none;display:inline-flex}.news-web-link:hover,.news-web-link:focus-visible{text-decoration:underline}@media (max-height:520px),(max-width:760px){.news-modal{padding:0}.news-modal>.panel-reader{width:100%;min-height:100%;max-height:none;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-radius:0;margin:0}.news-reader-title{font-size:19px}}.ban-reason{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.ban-text{white-space:pre-wrap;word-break:break-word;background:#96281e33;border:1px solid #e0573f73;border-radius:6px;margin:0;padding:10px 12px}.screen-select{gap:16px}.select-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(900px,100%);display:grid}.select-header .logo{text-align:left;justify-self:start}.select-header>.btn{justify-self:end}.screen-title{font-family:var(--font-title);color:var(--gold-2);text-shadow:0 2px 8px #000000b3;white-space:nowrap;margin:0;font-size:22px}.slot-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(900px,100%);display:grid}.slot-card{min-height:300px;font:inherit;color:var(--paper);background:radial-gradient(ellipse at 50% 62%, #f2b25a2e, #0000 60%), var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;align-items:center;gap:2px;padding:28px 10px 14px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 0 0 3px #14111ce6,0 8px 24px #0006}.slot-card:hover{transform:translateY(-2px)}.slot-card:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}.slot-card.selected{border-color:var(--gold-2);box-shadow:inset 0 0 0 3px #14111ce6, 0 0 0 1px var(--gold-2), 0 0 26px #f2d27c59}.slot-no{color:var(--paper-dim);font-size:12px;position:absolute;top:8px;left:10px}.char-canvas{image-rendering:auto;display:block}.slot-canvas{width:112px;height:168px}.slot-name{color:var(--gold-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:18px;font-weight:700;overflow:hidden}.slot-level,.slot-job,.slot-map{color:var(--paper-dim);white-space:nowrap;font-size:13px}.slot-level{color:var(--paper)}.slot-empty{background:#14111c8c;border-style:dashed;justify-content:center}.slot-plus{width:64px;height:64px;color:var(--gold-2);border:1px solid var(--line);background:#d8a94a14;border-radius:50%;place-items:center;margin-bottom:8px;font-size:40px;line-height:1;display:grid}.select-actions{justify-content:flex-end;gap:12px;width:min(900px,100%);display:flex}.select-actions .btn-primary{min-width:180px}.modal{z-index:5;background:#06040aa6;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal>.panel{margin:auto}.create-grid{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:stretch;gap:18px;width:min(880px,100%);display:grid}.panel-preview{flex-direction:column;align-items:center;display:flex}.preview-stage{background:radial-gradient(at 50% 70%,#f2b25a40,#0000 65%);border-radius:6px;flex:1;place-items:center;width:100%;display:grid}.create-canvas{width:160px;height:240px}.nameplate{min-height:26px;color:var(--gold-2);text-shadow:0 1px 4px #000c;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:6px;font-weight:700;overflow:hidden}.picker{flex-direction:column;gap:6px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--tap);min-width:72px;font:inherit;color:var(--paper);cursor:pointer;background:#08060e8c;border:1px solid #d8a94a59;border-radius:6px;padding:6px 14px;font-size:16px}.chip[aria-pressed=true]{border-color:var(--gold-2);box-shadow:0 0 0 1px var(--gold-2);background:#d8a94a33}.chip-icon{place-items:center;width:48px;min-width:48px;height:48px;padding:0;display:grid}.hair-thumb{width:44px;height:44px}.swatch{background:radial-gradient(circle at 35% 30%, #ffffff59, #fff0 45%), var(--swatch,#888);cursor:pointer;border:2px solid #f4ead440;border-radius:50%;width:44px;height:44px}.swatch[aria-pressed=true]{border-color:var(--gold-2);box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--gold-2)}#toast{z-index:10;left:50%;top:max(14px, env(safe-area-inset-top));border:1px solid var(--line);max-width:min(520px,100vw - 32px);color:var(--paper);text-align:center;opacity:0;pointer-events:none;background:#14111cf0;border-radius:6px;padding:10px 18px;font-size:15px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,-20px);box-shadow:0 8px 24px #00000080}#toast.show{opacity:1;transform:translate(-50%)}#toast[data-kind=error]{border-color:var(--danger)}#toast[data-kind=ok]{border-color:var(--jade)}@media (max-width:760px) and (min-height:521px){.screen{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));overflow-x:hidden}.panel{padding:14px}.logo-title{letter-spacing:.08em;font-size:clamp(26px,8vw,34px)}.logo-sub{gap:6px;font-size:13px}.logo-line{width:18px}.login-grid,.create-grid{grid-template-columns:minmax(0,1fr);gap:14px}.brand-col{display:contents}.login-grid .logo{order:0}.login-grid .panel-auth{order:1}.login-grid .panel-news{order:2}.row>.btn{flex:100%}.select-header{grid-template-columns:minmax(0,1fr) auto}.select-header .screen-title{grid-area:2/1/auto/-1;justify-self:center}.slot-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.slot-card{scroll-snap-align:center;flex:0 0 min(70vw,240px);min-height:0}.slot-card:hover{transform:none}.select-actions{flex-direction:column-reverse}.select-actions .btn{width:100%}.create-canvas{width:112px;height:168px}.panel-preview{padding-top:10px;padding-bottom:10px}}@media (max-height:520px){.screen{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.screen-center{gap:10px}.panel{padding:12px 14px}.panel-title{margin-bottom:8px;font-size:17px}.panel-title:after{margin-top:4px}.form{gap:8px}.logo-title{font-size:30px}.logo-sub{font-size:13px}.badge{margin-top:4px}.login-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px}.brand-col{gap:10px}.panel-news{padding:10px 12px}.news-item{padding:3px 0;font-size:13px}.tabs{margin-bottom:8px}.input-otp{font-size:22px}.screen-select{gap:8px}.screen-title{font-size:18px}.slot-row{gap:10px}.slot-card{min-height:0;padding:18px 8px 8px}.slot-canvas{width:72px;height:108px}.slot-name{font-size:16px}.slot-level,.slot-job,.slot-map{font-size:12px;line-height:1.3}.slot-plus{width:48px;height:48px;font-size:30px}.create-grid{grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:10px}.chip-icon{width:44px;min-width:44px;height:44px}.hair-thumb{width:40px;height:40px}.create-form .field{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px 8px;display:grid}.create-form .field>.msg{grid-column:2}.create-canvas{width:112px;height:168px}.picker{flex-direction:row;align-items:center;gap:8px}.picker>.field-label{flex-shrink:0;width:52px}.chips{gap:5px}.field-label{font-size:13px}}@media (max-height:520px) and (max-width:640px){.login-grid,.create-grid{grid-template-columns:1fr}}.site-link{min-height:44px;color:var(--gold-2);background:linear-gradient(#761e16eb,#40100eeb);border:2px solid #c99a3e;border-radius:22px;flex:none;align-self:flex-start;align-items:center;margin-bottom:8px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #ffe29659,0 4px 12px #0006}.site-link:hover,.site-link:focus-visible{filter:brightness(1.15);outline:none}@media (max-height:520px){.site-link{min-height:44px;margin-bottom:4px;font-size:13px}}.cat-chips{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.cat-chips-row{scrollbar-width:none;flex:auto;gap:4px;min-width:0;display:flex;overflow-x:auto}.cat-chip{min-height:32px;font:inherit;color:var(--paper-dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:999px;flex:none;padding:0 10px;font-size:13px}.cat-chip.is-active{color:var(--ink);background:var(--gold);font-weight:700}.cat-usable{min-height:32px;color:var(--paper);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.cat-usable[hidden]{display:none}.cat-usable input{width:18px;height:18px}.panel-levelguide{flex-direction:column;gap:8px;display:flex}.lg-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.lg-level{color:var(--gold);font-weight:700}.lg-list{flex-direction:column;gap:8px;display:flex}.lg-card{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:8px 10px}.lg-card.lg-good{border-color:var(--gold)}.lg-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lg-name{font-size:15px}.lg-range,.lg-here,.lg-boss{color:var(--gold);background:#d8a94a33;border-radius:999px;padding:1px 8px;font-size:12px}.lg-here{color:#9fe0b0;background:#78c88c33}.lg-boss{color:#ffb0a0;background:#e0533f40;margin-left:6px}.lg-mons{margin:6px 0;padding-left:18px}.lg-mon{margin:2px 0}.lg-drops{color:var(--paper-dim);display:block}.lg-go,.lg-open-btn{min-height:40px}.lg-open-btn{width:100%;margin-top:8px}.lg-summary{cursor:pointer;min-height:36px;color:var(--paper-dim);font-weight:700;line-height:36px}.lg-more .lg-card{margin-bottom:6px}.lg-tip{z-index:40;border:1px solid var(--gold);max-width:min(92vw,520px);color:var(--paper);pointer-events:auto;background:#14121ceb;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.lg-tip-text{font-weight:700}@media (max-height:520px){.cat-chip,.cat-usable,.lg-go,.lg-open-btn,.lg-summary,.lg-tip .btn{min-height:44px}.lg-summary{line-height:44px}.lg-tip{bottom:96px}}.screen-game{pointer-events:none;-webkit-user-select:none;user-select:none;--hud-bg:#14111cc7;--hud-pad:max(8px, env(safe-area-inset-left));font-size:14px;position:absolute;inset:0}.screen-game>*,.hud-layer>*{pointer-events:auto}.hud-layer{position:absolute;inset:0;pointer-events:none!important}.hud-panel,.hud-status,.hud-minimap,.hud-chat,.hud-hotbar,.gwin,.npc-dialog,.player-menu,.emote-grid{background:var(--hud-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 0 0 2px #14111cd9,0 6px 18px #0006}.hud-status{top:max(8px, env(safe-area-inset-top));left:var(--hud-pad);flex-direction:column;gap:3px;width:220px;padding:8px 10px;display:flex;position:absolute}.status-name{color:var(--gold-2);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.status-level{color:var(--paper-dim);font-size:12px}.status-bar{grid-template-columns:22px 1fr;align-items:center;gap:6px;font-size:11px;font-weight:700;display:grid}.bar-track{background:#0000008c;border:1px solid #ffffff1f;border-radius:4px;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;display:block}.bar-hp .bar-fill{background:linear-gradient(#ff8a7a,#d23a2a)}.bar-sp .bar-fill{background:linear-gradient(#8ac6ff,#2f6fd0)}.bar-hp .bar-label{color:#ff9b84}.bar-sp .bar-label{color:#9cc8ff}.hud-topright{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;pointer-events:none!important}.hud-topright>*{pointer-events:auto}.hud-minimap{width:176px;padding:5px 6px 4px}.hud-rates{box-sizing:border-box;color:#fff3d6;text-align:center;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0009;background:linear-gradient(90deg,#78280ceb,#aa4612eb);border:1px solid #ffb347;border-radius:12px;width:176px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.35;animation:1.8s ease-in-out infinite hud-rates-glow}.hud-rates[hidden]{display:none}@keyframes hud-rates-glow{0%,to{box-shadow:0 0 4px #ffaa3c73}50%{box-shadow:0 0 12px #ffbe50f2}}@media (prefers-reduced-motion:reduce){.hud-rates{animation:none;box-shadow:0 0 8px #ffb446b3}}.minimap-head,.minimap-foot{justify-content:space-between;gap:6px;font-size:12px;line-height:1.3;display:flex}.minimap-name{color:var(--gold-2);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.minimap-channel{font:inherit;color:var(--paper);white-space:nowrap;cursor:pointer;background:#d8a94a26;border:1px solid #d8a94a66;border-radius:4px;padding:0 5px;position:relative}.minimap-channel:before{content:"";position:absolute;inset:-14px -8px}.minimap-foot{color:var(--paper);font-variant-numeric:tabular-nums;justify-content:flex-end}.minimap-guide{font:inherit;color:var(--ink);white-space:nowrap;background:linear-gradient(180deg, var(--gold-2), var(--gold));cursor:pointer;border:1px solid #00000080;border-radius:4px;margin-right:auto;padding:0 5px;font-weight:700;position:relative}.minimap-guide:before{content:"";position:absolute;inset:-14px -6px}.npc-guide{box-sizing:border-box;overscroll-behavior:contain;width:270px;max-height:calc(100vh - 16px);overflow-y:auto}.guide-legend{color:var(--paper);grid-template-columns:1fr 1fr;gap:3px 8px;padding:2px 4px 4px;font-size:12px;display:grid}.guide-key{align-items:center;gap:5px;min-width:0;display:flex}.guide-badge{flex:none;width:20px;height:20px;display:block}.guide-dot{box-sizing:border-box;border:1px solid #1a1420;border-radius:50%;flex:none;width:10px;height:10px;margin:0 5px}.guide-dot.is-self{background:#ffd24a;width:12px;height:12px}.guide-dot.is-player{background:#fff}.guide-dot.is-portal{background:#d6a8ff;border-radius:2px}.guide-list-title{white-space:normal;font-size:12px}.guide-list{flex-direction:column;gap:3px;display:flex}.guide-empty{color:var(--paper-dim);padding:6px;font-size:12px}.guide-npc{min-height:44px;font:inherit;text-align:left;color:var(--paper);cursor:pointer;background:#ffffff0d;border:1px solid #d8a94a4d;border-radius:6px;align-items:center;gap:6px;padding:3px 6px;display:flex}.guide-npc:hover,.guide-npc:focus-visible{background:#d8a94a33}.guide-icons{flex:none;justify-content:center;gap:2px;width:42px;display:flex}.guide-npc-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.guide-npc-name{color:#a6f0c2;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.guide-npc-service{color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.minimap-canvas{width:100%;image-rendering:pixelated;border:1px solid #0009;border-radius:4px;margin:3px 0;display:block}.hud-announce{top:max(8px, env(safe-area-inset-top));border:1px solid var(--gold);background:linear-gradient(90deg,#9e2f22eb,#c8402feb,#9e2f22eb);border-radius:15px;width:min(560px,100vw - 520px);min-width:240px;height:30px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 14px #0006;pointer-events:none!important}.announce-text{white-space:nowrap;color:#fff6e2;text-shadow:0 1px #50140ab3;font-weight:700;line-height:30px;position:absolute;top:0;left:100%}.announce-text.run{animation:14s linear forwards announce-scroll}@keyframes announce-scroll{0%{left:100%;transform:translate(0)}to{left:0;transform:translate(-100%)}}.hud-chat{left:var(--hud-pad);bottom:max(8px, env(safe-area-inset-bottom));-webkit-user-select:text;user-select:text;flex-direction:column;gap:4px;width:max(280px,min(400px,50vw - 256px));padding:4px;display:flex;position:absolute}.chat-tabs{gap:2px;display:flex}.chat-tab{min-height:28px;font:inherit;color:var(--paper-dim);cursor:pointer;background:#08060e80;border:1px solid #d8a94a40;border-radius:4px;flex:1;font-size:12px}.chat-tab[aria-selected=true]{color:var(--ink);background:linear-gradient(180deg, var(--gold-2), var(--gold));font-weight:700}.chat-log{overscroll-behavior:contain;word-break:break-word;height:150px;padding:2px 4px;font-size:13px;line-height:1.4;overflow-y:auto}.chat-log[data-tab=map] .chat-line:not(.in-map),.chat-log[data-tab=whisper] .chat-line:not(.in-whisper),.chat-log[data-tab=system] .chat-line:not(.in-system){display:none}.chat-line{text-shadow:0 1px 2px #000000e6}.chat-name{font:inherit;color:#ffe6a8;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.chat-name:hover{text-decoration:underline}.chat-name.is-self{color:var(--gold-2);cursor:default;text-decoration:none}.chat-tag{font-size:12px;font-weight:700}.ch-whisper,.ch-whisper .chat-name{color:#ffb3e6}.ch-shout,.ch-shout .chat-name{color:#ffcf7a}.ch-system{color:#a6f0c2}.ch-system.chat-error{color:#ffb4a4}.ch-system.chat-notice{color:#c9e4ff}.ch-announce{color:#ffd27a;font-weight:700}.chat-form{gap:4px;display:flex}.chat-channel,.chat-to,.chat-input{min-height:32px;font:inherit;color:var(--paper);background:#08060ebf;border:1px solid #d8a94a59;border-radius:4px;outline:none;font-size:14px}.chat-channel{flex:none;padding:0 4px}.chat-to{flex:0 0 90px;width:90px;padding:0 6px}.chat-input{flex:1;min-width:0;padding:0 8px}.chat-input:focus,.chat-to:focus{border-color:var(--gold-2)}.chat-send{min-height:32px;padding:0 10px;font-size:14px}.chat-toggle{display:none}.hud-hotbar{left:50%;bottom:max(8px, env(safe-area-inset-bottom));gap:4px;padding:4px;display:flex;position:absolute;transform:translate(-50%)}.hotkey-slot{width:44px;height:44px;font:inherit;cursor:pointer;background:radial-gradient(at 50% 35%,#ffffff0f,#00000059);border:1px solid #d8a94a59;border-radius:6px;padding:0;position:relative}.hotkey-key{color:var(--paper-dim);font-size:10px;position:absolute;top:1px;left:3px}.hotkey-slot.flash{animation:.25s ease-out slot-flash}@keyframes slot-flash{0%{background:#f2d27c99}}.gwin{flex-direction:column;max-height:calc(100vh - 16px);animation:.15s ease-out gwin-in;display:flex;position:absolute;overflow:hidden}@keyframes gwin-in{0%{opacity:0;transform:translateY(6px)}}.gwin-header{border-bottom:1px solid var(--line);cursor:move;touch-action:none;background:linear-gradient(#d8a94a38,#d8a94a0f);align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.gwin-title{font-family:var(--font-title);color:var(--gold-2);flex:1;margin:0;font-size:16px}.gwin-close{width:36px;height:36px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;font-size:22px;line-height:1}.gwin-close:hover{border-color:var(--line)}.gwin-body{overscroll-behavior:contain;-webkit-user-select:text;user-select:text;padding:10px 12px 12px;overflow-y:auto}.gwin-sheet{width:min(640px,100vw);max-height:78vh;padding-bottom:env(safe-area-inset-bottom);border-bottom-right-radius:0;border-bottom-left-radius:0;animation:.2s ease-out sheet-up;bottom:0;left:50%;right:auto;transform:translate(-50%)}.gwin-sheet .gwin-header{cursor:default}.gwin-grip{background:#f4ead459;border-radius:2px;width:44px;height:4px;margin:6px auto 0}@keyframes sheet-up{0%{transform:translate(-50%,100%)}}.hud-scrim{background:#06040a59;position:absolute;inset:0}.panel-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--gold)}.online-total{color:var(--paper-dim);margin-bottom:4px;font-size:12px;display:block}.online-row{border-bottom:1px dashed #d8a94a26;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 48px minmax(0,1.2fr);align-items:center;gap:6px;min-height:34px;font-size:13px;display:grid}.online-head{min-height:24px;color:var(--paper-dim);font-size:11px}.online-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cell-map.is-hidden{color:var(--paper-dim);font-style:italic}.link-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-height:34px;font:inherit;color:#ffe6a8;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;overflow:hidden}.link-name.is-self{color:var(--gold-2);cursor:default}.friend-add{gap:6px;margin-bottom:8px;display:flex}.friend-add .input{flex:1;min-width:0}.friend-row{border-bottom:1px dashed #d8a94a26;align-items:center;gap:8px;min-height:44px;display:flex}.friend-main{flex-direction:column;flex:1;min-width:0;display:flex}.friend-name{flex:1;font-weight:700}.friend-sub{color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.friend-actions{gap:4px;display:flex}.friend-row .btn,.panel-toolbar .btn{min-height:36px;padding:4px 10px;font-size:13px}.dot{background:#6b6577;border-radius:50%;flex:0 0 10px;width:10px;height:10px}.is-online .dot{background:#5fe08f;box-shadow:0 0 6px #5fe08fcc}.friend-pending{background:#d8a94a1a;border-radius:6px;margin-bottom:8px;padding:4px 8px}.kv-row{border-bottom:1px dashed #d8a94a26;justify-content:space-between;padding:4px 0;display:flex}.kv-key{color:var(--paper-dim)}.inspect-name{color:var(--gold-2);margin-bottom:6px;font-size:18px;font-weight:700}.report-detail{resize:vertical;min-height:60px}.player-menu{z-index:1000;flex-direction:column;gap:4px;min-width:160px;padding:6px;display:flex;position:absolute}.player-menu-name{color:var(--gold-2);border-bottom:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding:2px 6px 4px;font-weight:700;overflow:hidden}.player-menu .btn{text-align:left;min-height:40px;padding:6px 12px;font-size:14px}.emote-grid{z-index:1000;grid-template-columns:repeat(3,48px);gap:6px;padding:8px;display:grid;position:absolute}.emote-btn{cursor:pointer;background:#ffffff0f;border:1px solid #d8a94a4d;border-radius:8px;width:48px;height:48px;padding:2px}.emote-btn:hover{background:#d8a94a33}.emote-icon{width:100%;height:100%;display:block}.npc-dialog{left:50%;bottom:calc(max(8px, env(safe-area-inset-bottom)) + 144px);z-index:15;width:min(560px,100vw - 24px);padding:10px 14px 12px;animation:.15s ease-out gwin-in;position:absolute;transform:translate(-50%)}.npc-head{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.npc-name{font-family:var(--font-title);color:#a6f0c2;font-size:17px;font-weight:700}.npc-title{color:var(--paper-dim);font-size:12px}.npc-text{min-height:3em;margin:0 0 10px;font-size:15px;line-height:1.55}.npc-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hud-overlay{z-index:2000;background:#0a0812b8;place-items:center;display:grid;position:absolute;inset:0}.hud-overlay .loading{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-bg);color:var(--paper);padding:12px 18px}.rotate-overlay{z-index:3000;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));touch-action:none;background:radial-gradient(at 50% 40%,#3c1e28f5,#0c0a14fa);place-items:center;display:grid;position:absolute;inset:0}.rotate-card{text-align:center;width:min(340px,100%);color:var(--paper);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-bg);flex-direction:column;align-items:center;gap:12px;padding:22px 18px;display:flex;box-shadow:inset 0 0 0 3px #14111ce6,inset 0 0 0 4px #d8a94a38,0 10px 30px #00000080}.rotate-title{font-family:var(--font-title);color:var(--gold-2);margin:0;font-size:20px;font-weight:700}.rotate-hint{color:var(--paper-dim);margin:0;font-size:14px}.rotate-btn{width:100%;min-height:48px}.rotate-anim{width:96px;height:96px;position:relative}.rotate-phone{border:3px solid var(--gold-2);background:#08060ecc;border-radius:8px;width:36px;height:64px;animation:2.4s ease-in-out infinite rotate-phone;position:absolute;top:12px;left:30px}.rotate-screen{background:linear-gradient(160deg, var(--vermilion-2), var(--vermilion));border-radius:2px;position:absolute;inset:6px 4px 10px}.rotate-arrow{border:2px dashed #0000;border-color:#d8a94a8c #0000 #0000 #d8a94a8c;border-radius:50%;animation:2.4s ease-in-out infinite rotate-arrow;position:absolute;inset:0}@keyframes rotate-phone{0%,20%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes rotate-arrow{0%,20%{opacity:.3;transform:rotate(0)}55%,85%{opacity:1;transform:rotate(-90deg)}to{opacity:.3;transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rotate-phone,.rotate-arrow{animation:none}}.is-touch .chat-tab,.is-touch .chat-channel,.is-touch .chat-to,.is-touch .chat-input,.is-touch .chat-send,.is-touch .gwin-close,.is-touch .player-menu .btn,.is-touch .friend-row .btn,.is-touch .panel-toolbar .btn,.is-touch .link-name{min-height:44px}.is-touch .gwin-close{width:44px}.is-touch .chat-input{font-size:16px}@media (max-height:520px){.screen-game{font-size:13px}.hud-status{gap:2px;width:172px;padding:5px 8px}.status-level{font-size:11px}.bar-track{height:6px}.hud-minimap{width:128px;padding:3px 4px}.hud-rates{width:128px;padding:2px 6px;font-size:10px}.minimap-head,.minimap-foot{font-size:11px}.hud-announce{width:calc(100vw - 380px);min-width:200px}.hud-chat{background:#14111c8c;width:min(200px,50vw - 230px);min-width:170px;padding:3px}.hud-chat .chat-log{height:76px;font-size:12px}.hud-chat:not(.open) .chat-tabs,.hud-chat:not(.open) .chat-form{display:none}.hud-chat:not(.open) .chat-toggle{min-height:44px;font:inherit;color:var(--paper);background:linear-gradient(180deg, #3a3049, var(--ink-3));border:1px solid var(--line);border-radius:6px;font-weight:700;display:block}.hud-chat.open{z-index:30;background:var(--hud-bg);width:min(460px,100vw - 16px)}.hud-chat.open .chat-log{height:110px}.hud-chat.open .chat-tab{min-height:36px}.hud-hotbar{gap:3px;padding:3px}.hotkey-key{display:none}.npc-dialog{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 74px);padding:8px 12px}.npc-text{min-height:0;margin-bottom:6px;font-size:14px}.npc-actions .btn{min-height:44px;padding:6px 14px}.gwin-sheet{max-height:86vh}}@media (max-height:520px) and (max-width:760px){.hud-hotbar{left:auto;right:max(8px, env(safe-area-inset-right));transform:none}}:where(.screen-game .ornate){position:relative}.screen-game .ornate{color:var(--paper);background:linear-gradient(#ffdc9614,#0000 40%),linear-gradient(#761e16f0,#40100ef0);border:2px solid #c99a3e;border-radius:10px;box-shadow:inset 0 0 0 1px #ffe29659,inset 0 0 0 4px #2408068c,0 6px 16px #00000073}.screen-game .ornate:before,.screen-game .ornate:after{content:"";background:var(--hud-corner,none) center / contain no-repeat;pointer-events:none;z-index:1;width:18px;height:18px;position:absolute}.screen-game .ornate:before{top:2px;left:2px}.screen-game .ornate:after{bottom:2px;right:2px;transform:rotate(180deg)}.screen-game .gwin.ornate .gwin-header{background:linear-gradient(#f2d27c47,#f2d27c0a);border-bottom:1px solid #f2d27c80}.minimap-plate{text-align:center;padding:0 4px 2px}.minimap-view{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.hud-status.ornate{padding:8px 12px 9px}.status-plate{align-items:baseline;gap:8px;min-width:0;display:flex}.status-plate .status-name{flex:0 auto;min-width:0}.status-plate .status-level{white-space:nowrap;flex:none}.bar-track{position:relative}.bar-fill{transform-origin:0;will-change:transform;width:100%}.bar-value{text-align:center;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-variant-numeric:tabular-nums;font-size:9px;line-height:8px;position:absolute;inset:0}.hud-status .bar-hp .bar-track,.hud-status .bar-sp .bar-track{height:11px}.hud-status .bar-hp .bar-value,.hud-status .bar-sp .bar-value{line-height:11px}.status-exp{grid-template-columns:1fr 1fr;gap:6px;margin-top:1px;display:grid}.status-exp .status-bar{grid-template-columns:auto 1fr;gap:4px;font-size:10px}.status-exp .bar-track{height:9px}.status-exp .bar-value{line-height:9px}.bar-base .bar-fill{background:linear-gradient(#c6f59a,#4fa83a)}.bar-job .bar-fill{background:linear-gradient(#a8dcff,#3a86c8)}.bar-base .bar-label{color:#b6ef8a}.bar-job .bar-label{color:#9cd4ff}.hud-status.is-low-hp .bar-hp .bar-track{animation:.9s ease-in-out infinite alternate low-hp}@keyframes low-hp{to{border-color:#ff5a4af2}}.status-weight{color:#ffd27a;font-size:11px;font-weight:700}.status-weight[data-level=over]{color:#ff8a7a}.status-autopot{max-width:100%;font:inherit;white-space:nowrap;text-overflow:ellipsis;color:#ffe9b0;cursor:pointer;background:#d8a94a2e;border:1px solid #d8a94a8c;border-radius:999px;align-self:flex-start;margin-top:1px;padding:0 8px;font-size:10px;font-weight:700;line-height:16px;position:relative;overflow:hidden}.status-autopot[hidden]{display:none}.is-touch .status-autopot{overflow:visible}.is-touch .status-autopot:before{content:"";position:absolute;inset:-10px -4px}.status-autopot.is-paused{color:#ff9a8a;background:#ff5a4a26;border-color:#ff7864b3}.action-btn.action-autopot.is-active{border-color:#9cf07a;box-shadow:inset 0 0 0 2px #9cf07a59,0 2px 6px #00000073}.autopot{flex-direction:column;gap:10px;display:flex}.autopot-intro,.autopot-note-auto{color:var(--paper-dim);margin:0;font-size:12px}.autopot-row{border:1px solid var(--line);background:#00000038;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.autopot-row.is-off .autopot-line{opacity:.6}.autopot-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.autopot-bar{min-width:28px;font-size:15px;font-weight:700}.autopot-bar-hp{color:#ff8a7a}.autopot-bar-sp{color:#8ab8ff}.autopot-toggle{min-width:72px;min-height:32px;font:inherit;color:var(--paper-dim);background:linear-gradient(180deg, #3a3049, var(--ink-3));border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:2px 12px;font-weight:700}.autopot-toggle.is-on{color:#fff;background:linear-gradient(#4fb08a,#2a6a50);border-color:#9cf07a}.autopot-line{align-items:center;gap:8px;display:flex}.autopot-label{flex:none;min-width:104px;font-size:13px}.autopot-stepper{flex:1;align-items:center;gap:6px;display:flex}.autopot-step{width:32px;height:32px;font:inherit;color:var(--paper);background:linear-gradient(180deg, #3a3049, var(--ink-3));border:1px solid var(--line);cursor:pointer;border-radius:6px;flex:none;padding:0;font-size:18px;font-weight:700;line-height:1}.autopot-step:disabled{opacity:.4;cursor:default}.autopot-range{accent-color:#d8a94a;flex:1;min-width:70px}.autopot-value{text-align:right;min-width:40px;color:var(--gold-2);font-weight:700}.autopot-select{flex:1;min-width:0;min-height:32px}.autopot-row-note{color:#ffd27a;margin:0;font-size:12px}.autopot-row-note[hidden]{display:none}.is-touch .autopot-toggle,.is-touch .autopot-select{min-height:44px}.is-touch .autopot-select{font-size:16px}.is-touch .autopot-step{width:44px;height:44px;font-size:22px}.is-touch .autopot-range{height:44px}.hud-actions{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.action-row{pointer-events:none;align-items:flex-end;gap:6px;display:flex}.action-row>*{pointer-events:auto}.action-btn.action-attack{touch-action:manipulation;background:radial-gradient(circle at 50% 32%,#c43a2a,#6a1410 70%,#4a0e0c);border-width:3px;width:68px;height:68px;box-shadow:inset 0 0 0 2px #ffe29659,inset 0 0 0 5px #2408068c,0 4px 10px #00000080}.action-attack .action-icon{width:34px;height:34px}.action-attack .action-label{font-size:12px}.action-attack:active,.action-auto:active{transform:scale(.94)}.action-btn.action-auto{touch-action:manipulation;width:52px;height:52px}.action-auto .action-label{letter-spacing:.5px}.action-btn.action-auto.is-auto-on{background:radial-gradient(circle at 50% 35%,#d8a94a,#8a5418 75%);border-color:#ffe27a;box-shadow:inset 0 0 0 2px #fff6c899,0 0 0 3px #ffd25a8c,0 0 14px 4px #ffc846a6}.action-auto.is-auto-on .action-label{color:#fff6d0}.action-auto.is-auto-on:after{content:"";pointer-events:none;border:2px solid #ffe27ae6;border-radius:50%;animation:1.2s ease-in-out infinite alternate auto-ring;position:absolute;inset:-7px}@keyframes auto-ring{0%{opacity:.25}to{opacity:1}}.action-btn{width:52px;height:52px;font:inherit;color:var(--paper);cursor:pointer;background:radial-gradient(circle at 50% 35%,#8a2a20,#4a1210);border:2px solid #c99a3e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:2px 0 0;display:flex;position:relative;box-shadow:inset 0 0 0 2px #24080699,0 3px 8px #00000073}.action-btn:hover{filter:brightness(1.15)}.action-btn.is-active{background:radial-gradient(circle at 50% 35%,#3f9a74,#1d5a44)}.action-icon{pointer-events:none;width:26px;height:26px}.action-label{text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;line-height:1.1}.hud-hotbar.ornate{border-radius:12px;padding:5px 6px}.hud-hotbar .hotkey-slot{background:radial-gradient(at 50% 35%,#ffffff14,#00000080);border:1px solid #f2d27c73}.hotkey-icon{pointer-events:none;position:absolute;inset:5px}.hotkey-item{width:100%;height:100%;display:block}.hotkey-key{z-index:1;text-shadow:0 1px 2px #000}.hotkey-count{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:0;right:2px}.hotkey-slot.is-empty-stock .hotkey-icon{opacity:.35;filter:grayscale()}.hud-hotbar.is-assigning .hotkey-slot,.hotkey-slot.is-drop-target{border-color:#ffe27a;box-shadow:0 0 0 2px #ffe27a8c}.drag-ghost{z-index:3000;pointer-events:none;opacity:.9;width:40px;height:40px;position:fixed;top:0;left:0}.panel-hint,.panel-empty{color:var(--paper-dim);margin:0 0 8px;font-size:12px}.panel-subtitle{font-family:var(--font-title);color:var(--gold-2);margin:10px 0 4px;font-size:14px}.weight-box{margin-top:10px}.weight-head{color:var(--paper-dim);justify-content:space-between;font-size:12px;display:flex}.weight-text,.coin-text{font-variant-numeric:tabular-nums;color:var(--paper)}.weight-track{background:#00000080;border:1px solid #ffffff1f;border-radius:4px;height:8px;margin-top:3px;overflow:hidden}.weight-fill{transform-origin:0;background:linear-gradient(#e8d6a0,#b8954a);width:100%;height:100%;display:block}.weight-box[data-level=heavy] .weight-fill{background:linear-gradient(#ffd27a,#e08a2a)}.weight-box[data-level=over] .weight-fill{background:linear-gradient(#ff8a7a,#c8302a)}.weight-box[data-level=heavy] .weight-text{color:#ffd27a}.weight-box[data-level=over] .weight-text{color:#ff8a7a}.weight-note{color:#ffb08a;margin-top:3px;font-size:12px}.stat-points{color:var(--paper-dim);margin-bottom:6px;font-weight:700}.stat-points.has-points{color:#ffe27a}.stat-grid{flex-direction:column;gap:2px;display:flex}.stat-row{border-bottom:1px dashed #d8a94a2e;grid-template-columns:minmax(0,1fr) 44px 56px 40px;align-items:center;gap:6px;min-height:40px;display:grid}.stat-key b{color:var(--gold-2);margin-right:6px}.stat-key small{color:var(--paper-dim)}.stat-value{text-align:right;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.stat-cost{color:var(--paper-dim);text-align:center;font-size:11px}.stat-plus{width:36px;height:36px;font:inherit;color:#2a1408;cursor:pointer;background:linear-gradient(#ffe9a8,#d8a94a);border:1px solid #7a5418;border-radius:8px;font-size:20px;font-weight:700;line-height:1}.stat-plus:disabled{color:#f4ead459;cursor:default;background:#ffffff0f;border-color:#d8a94a33}.derived-grid{grid-template-columns:1fr 1fr;gap:2px 14px;display:grid}.derived-row{border-bottom:1px dashed #d8a94a26;justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.derived-key{color:var(--paper-dim)}.derived-value{font-variant-numeric:tabular-nums;font-weight:700}.stat-row{grid-template-columns:minmax(0,1fr) auto 50px 78px}.stat-value.is-pending,.derived-value.is-pending{color:#ffd76a;text-shadow:0 0 6px #ffc85059}.stat-btns{justify-content:flex-end;gap:4px;display:flex}.stat-minus{background:linear-gradient(#f2e6cf,#b8a888)}.stat-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin:8px 0 4px;display:flex}.stat-pending{color:#ffd76a;flex:140px;min-height:1.2em;font-size:12px}.stat-action-btns{gap:8px;margin-left:auto;display:flex}.stat-action-btns .btn{min-height:40px;padding:6px 16px;font-size:15px}.is-touch .stat-action-btns .btn{min-height:44px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:4px;display:grid}.inv-cell{aspect-ratio:1;cursor:pointer;touch-action:manipulation;background:radial-gradient(at 50% 35%,#ffffff12,#00000073);border:1px solid #d8a94a4d;border-radius:6px;min-width:44px;min-height:44px;padding:4px;position:relative}.inv-cell.is-empty{cursor:default;opacity:.55}.inv-cell.is-selected{border-color:#ffe27a;box-shadow:0 0 0 2px #ffe27a73}.item-icon{pointer-events:none;width:100%;height:100%;display:block}.item-icon.big{flex:0 0 44px;width:44px;height:44px}.inv-qty{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:0;right:2px}.inv-detail{background:#00000040;border-radius:6px;min-height:52px;margin-top:8px;padding:6px 8px}.inv-detail:empty{display:none}.inv-detail-head{align-items:center;gap:8px;display:flex}.inv-detail-title{flex-direction:column;min-width:0;display:flex}.inv-detail-title b{color:var(--gold-2)}.inv-detail-title small{color:var(--paper-dim);font-size:11px}.inv-desc{margin:6px 0 0;font-size:13px;line-height:1.45}.inv-actions{gap:6px;margin-top:6px;display:flex}.inv-actions .btn{min-height:40px;padding:4px 14px;font-size:14px}.coin-row{color:var(--paper-dim);align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.coin-row .coin-text{color:#ffe27a;margin-left:auto;font-weight:700}.coin-dot{background:radial-gradient(circle at 35% 35%,#fff2a8,#d8a020);border:1px solid #7a5418;border-radius:50%;width:12px;height:12px}.hud-death{z-index:1500;-webkit-backdrop-filter:grayscale(.85);background:#28282e9e;place-items:center;display:grid;position:absolute;inset:0}.hud-death[hidden]{display:none}.death-card{text-align:center;min-width:min(340px,100vw - 32px);padding:18px 22px 16px;animation:.25s ease-out gwin-in}.death-title{font-family:var(--font-title);color:#ffd0c4;text-shadow:0 2px #00000080;margin:0 0 6px;font-size:26px}.death-exp{color:#ff9a8a;margin:0 0 4px;font-weight:700}.death-hint{color:var(--paper-dim);margin:0 0 12px;font-size:13px}.death-btn{min-width:180px;min-height:48px;font-size:16px}.is-touch .stat-plus{width:44px;height:44px}.is-touch .stat-row{grid-template-columns:minmax(0,1fr) auto 48px 94px;min-height:46px}.is-touch .inv-actions .btn{min-height:44px}@media (max-height:520px){.hud-status.ornate{padding:5px 9px 6px}.hud-status .bar-hp .bar-track,.hud-status .bar-sp .bar-track{height:9px}.hud-status .bar-hp .bar-value,.hud-status .bar-sp .bar-value{font-size:8px;line-height:9px}.status-exp .bar-track{height:7px}.status-exp .bar-value{display:none}.action-btn{width:46px;height:46px}.action-icon{width:22px;height:22px}.action-btn.action-attack{width:64px;height:64px}.action-attack .action-icon{width:30px;height:30px}.action-btn.action-auto{width:48px;height:48px}.hud-actions,.action-row{gap:5px}.hud-hotbar.ornate{padding:3px 4px}.death-card{padding:12px 18px}.death-title{font-size:22px}.autopot{gap:6px}.autopot-intro,.autopot-label{display:none}.autopot-row{flex-flow:wrap;align-items:center;gap:6px 10px;padding:5px 8px}.autopot-head{flex:none}.autopot-line{flex:200px}.autopot-row-note{flex-basis:100%}.status-autopot{font-size:9px;line-height:14px}}@media (max-height:520px) and (max-width:760px){.hud-actions{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 74px);flex-direction:row-reverse;align-items:flex-end}}.screen-game.is-aiming canvas,.screen-game.is-aiming{cursor:crosshair}.hotkey-cd{transform-origin:50% 0;pointer-events:none;background:#08060e9e;border-radius:6px;position:absolute;inset:0;transform:scaleY(0)}.hotkey-cd.is-running{animation-name:hotkey-cd;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes hotkey-cd{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.hotkey-slot.is-skill .hotkey-count{color:#bfe8ff;font-size:9px}.hud-cast{left:50%;bottom:calc(max(8px, env(safe-area-inset-bottom)) + 146px);border:1px solid var(--line);background:var(--hud-bg);text-align:center;border-radius:8px;width:200px;padding:3px 6px 4px;position:absolute;transform:translate(-50%);pointer-events:none!important}.hud-cast[hidden]{display:none}.cast-track{background:#0000008c;border-radius:4px;height:8px;display:block;overflow:hidden}.cast-fill{transform-origin:0;background:linear-gradient(90deg,#8ad0ff,#f2d27c);height:100%;display:block;transform:scaleX(0)}.cast-fill.is-running{animation-name:cast-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes cast-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hud-cast.is-cancelled .cast-fill{background:#d23a2a;transform:scaleX(1)}.cast-label{color:var(--paper);text-shadow:0 1px 2px #000;font-size:11px;font-weight:700;display:block}.hud-buffs{flex-wrap:wrap;gap:3px;max-width:220px;display:flex;pointer-events:none!important}.hud-buffs[hidden]{display:none}.buff{pointer-events:auto;background:#00000073;border:1px solid #f2d27c99;border-radius:5px;width:26px;height:26px;position:relative}.buff-icon{width:100%;height:100%;display:block}.buff-time{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-size:9px;font-weight:700;position:absolute;bottom:-1px;right:1px}.buff.is-ending{animation:.6s ease-in-out infinite alternate buff-blink}@keyframes buff-blink{to{opacity:.45}}.hud-quest{background:var(--hud-bg);border:1px solid var(--line);border-radius:var(--radius);width:220px;padding:4px 6px 6px;font-size:12px;box-shadow:inset 0 0 0 2px #14111cd9,0 6px 18px #0006}.hud-quest[hidden]{display:none}.hud-quest.is-ready{border-color:#7dffa0;box-shadow:0 0 10px #7dffa073}.qt-bar{align-items:center;gap:4px;display:flex}.qt-head{min-width:0;min-height:30px;font:inherit;text-align:left;color:var(--gold-2);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;padding:0 2px;display:flex}.qt-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.qt-step{max-width:100%;color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hud-quest.is-collapsed .qt-step{color:#ffe9a8}.qt-fold{width:30px;height:30px;font:inherit;color:var(--paper);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:6px;flex:0 0 30px;font-weight:700}.hud-quest.is-collapsed .qt-body{display:none}.qt-task{color:var(--paper);margin:2px 0 3px;line-height:1.35}.qt-reqs{flex-direction:column;gap:2px;max-height:13vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.qt-reqs[hidden]{display:none}.qt-req{cursor:pointer;background:#00000040;border-radius:5px;grid-template-columns:22px minmax(0,1fr) auto 14px;align-items:center;gap:4px;min-height:26px;padding:1px 4px;display:grid}.qt-icon{width:22px;height:22px}.qt-mob{box-sizing:border-box;background:radial-gradient(circle at 40% 35%,#ff9a8a,#a8322d);border:1px solid #ffd0c4;border-radius:50%;display:block}.qt-req-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qt-req-count{font-variant-numeric:tabular-nums;font-weight:700}.qt-req.is-missing .qt-req-name{color:var(--paper-dim)}.qt-req.is-missing .qt-req-count{color:#ff8a7a}.qt-req.is-done{background:#3ca06438}.qt-req.is-done .qt-req-count,.qt-check{color:#7dffa0;font-weight:700}.qt-timer{color:#ffe27a;margin-top:3px;font-weight:700}.qt-timer.is-urgent{color:#ff8a7a}.qt-timer[hidden],.qt-night[hidden],.qt-walk[hidden]{display:none}.qt-night{color:#b8b0ff;margin-top:3px}.qt-walk{width:100%;min-height:32px;font:inherit;color:#1a1420;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#ffe9a8,#d8a94a);border:1px solid #7a5418;border-radius:6px;margin-top:4px;font-weight:700;overflow:hidden}.is-touch .qt-walk,.is-touch .qt-head,.is-touch .qt-fold{min-height:44px}.is-touch .qt-fold{flex-basis:44px;width:44px;height:44px}.npc-service{margin:-4px 0 8px}.npc-service[hidden]{display:none}.npc-service-list{flex-direction:column;gap:4px;max-height:34vh;display:flex;overflow-y:auto}.npc-service-list p,.npc-confirm p{margin:0;line-height:1.45}.npc-loading{color:var(--paper-dim);font-style:italic}.npc-quest-line{background:#d8a94a1f;border-radius:6px;padding:4px 8px}.npc-quest-line.is-ready{color:#b8ffd0;background:#3ca06440;font-weight:700}.npc-quest-note{color:var(--paper-dim);font-size:13px}.npc-quest-note.is-locked{color:#ffb8a8}.npc-confirm{background:#d8a94a26;border:1px solid #f2d27c;border-radius:8px;padding:6px 10px}.npc-confirm-title{font-family:var(--font-title);color:var(--gold-2);margin-bottom:4px;display:block}.npc-answer-title{color:var(--gold-2)}.npc-question{font-weight:700}.npc-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px;display:grid}.npc-choices .btn{white-space:normal;min-height:44px;line-height:1.25}.npc-actions .btn{min-height:40px}.is-touch .npc-actions .btn{min-height:44px}.info-card{max-width:260px}.info-line{border-bottom:1px dashed #d8a94a26;padding:3px 6px;font-size:13px;line-height:1.4}.panel-shop{flex-direction:column;display:flex}.shop-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.shop-tabs{gap:4px;display:flex}.shop-tab{min-width:72px;min-height:40px;font:inherit;color:var(--paper-dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:8px 8px 0 0;padding:0 14px;font-weight:700}.shop-tab.is-active{color:#1a1420;background:linear-gradient(#ffe9a8,#d8a94a)}.shop-coin{background:#00000059;border:1px solid #f2d27c66;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.shop-coin .coin-text{color:#ffe27a;font-variant-numeric:tabular-nums;font-weight:700}.shop-note{margin-bottom:4px}.shop-list{flex-direction:column;gap:3px;display:flex}.shop-row{min-height:44px;font:inherit;text-align:left;color:var(--paper);cursor:pointer;touch-action:manipulation;background:#00000040;border:1px solid #d8a94a33;border-radius:6px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 8px;display:grid}.shop-row.is-selected{background:#d8a94a24;border-color:#ffe27a;box-shadow:0 0 0 2px #ffe27a59}.shop-icon{width:36px;height:36px}.shop-row-text{flex-direction:column;min-width:0;display:flex}.shop-row-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-row-sub{color:var(--paper-dim);font-size:11px}.shop-row-price{color:#ffe27a;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.shop-foot{border-top:1px solid var(--line);background:#14111cf5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:8px -12px -12px;padding:8px 12px 10px;display:flex;position:sticky;bottom:-12px}.shop-foot[hidden]{display:none}.shop-stepper{align-items:center;gap:4px;display:flex}.shop-step{min-width:44px;height:44px;font:inherit;color:var(--paper);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;background:#ffffff12;border-radius:8px;padding:0 8px;font-size:18px;font-weight:700}.shop-max{font-size:13px}.shop-qty{width:64px;height:44px;font:inherit;text-align:center;color:var(--paper);border:1px solid var(--line);background:#0006;border-radius:8px;padding:0 6px;font-size:16px}.shop-confirm{flex:160px;min-height:44px}.skill-points{color:var(--paper-dim);margin-bottom:4px;font-weight:700}.skill-points.has-points{color:#ffe27a}.skill-tip{color:#ffe9a8;background:#d8a94a24;border-radius:6px;margin:0 0 6px;padding:4px 8px;font-size:13px}.skill-tip[hidden]{display:none}.skill-list{flex-direction:column;gap:3px;display:flex}.skill-row{cursor:pointer;background:#00000040;border:1px solid #d8a94a33;border-radius:6px;grid-template-columns:36px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:46px;padding:2px 4px 2px 6px;display:grid}.skill-row.is-usable{cursor:grab}.skill-row.is-locked .skill-icon{filter:grayscale(.85);opacity:.55}.skill-row.is-selected{border-color:#ffe27a;box-shadow:0 0 0 2px #ffe27a59}.skill-icon{width:36px;height:36px}.skill-text{flex-direction:column;min-width:0;display:flex}.skill-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill-sub{color:var(--paper-dim);font-size:11px}.skill-plus{width:44px;height:44px;font:inherit;color:#1a1420;cursor:pointer;touch-action:manipulation;background:linear-gradient(#ffe9a8,#d8a94a);border:1px solid #7a5418;border-radius:8px;font-size:22px;font-weight:700}.skill-plus:disabled{color:var(--paper-dim);border-color:var(--line);cursor:default;background:#ffffff0d}.skill-plus[hidden]{visibility:hidden;display:block}.skill-req{color:#ffb8a8;margin:4px 0 0;font-size:12px}.eq-doll{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:start;gap:6px;display:grid}.eq-col{flex-direction:column;gap:4px;display:flex}.eq-slot{min-height:44px;font:inherit;text-align:left;color:var(--paper-dim);cursor:pointer;background:#0000004d;border:1px dashed #d8a94a4d;border-radius:6px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:6px;padding:3px 6px;display:grid}.eq-slot.is-filled{color:var(--paper);background:#d8a94a1a;border-style:solid}.eq-slot.is-selected{border-color:#ffe27a;box-shadow:0 0 0 2px #ffe27a59}.eq-icon{background:#00000059;border-radius:5px;width:36px;height:36px}.eq-text{flex-direction:column;min-width:0;display:flex}.eq-label{color:var(--gold-2);font-size:10px}.eq-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.eq-stats{background:#0000004d;border-radius:8px;flex-direction:column;gap:2px;padding:6px;font-size:12px;display:flex}.eq-stat{justify-content:space-between;gap:4px;display:flex}.eq-stat-key{color:var(--paper-dim)}.inv-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.inv-top .panel-hint{margin:0}.inv-equip-btn{flex:none;min-height:36px;padding:4px 10px;font-size:13px}.is-touch .inv-equip-btn{min-height:44px}.inv-top+.inv-grid{margin-top:6px}.inv-cell.is-equipped{background:radial-gradient(at 50% 35%,#7dc8ff2e,#00000073);border-color:#7dc8ff}.inv-worn{color:#0a2a4a;pointer-events:none;background:#9fdcff;border-radius:3px;padding:0 3px;font-size:10px;font-weight:700;position:absolute;top:0;left:2px}.inv-gear{color:#bfe8ff;margin:6px 0 0;font-size:12px}.quest-title{color:var(--gold-2);margin:0 0 4px;font-weight:700}.quest-steps{flex-direction:column;gap:3px;margin:8px 0;padding:0;list-style:none;display:flex}.quest-step{color:var(--paper-dim);gap:6px;font-size:13px;display:flex}.quest-step.is-current{color:var(--paper);font-weight:700}.quest-step.is-done{color:#7dffa0}.quest-mark{flex:0 0 14px}@media (max-height:520px){.hud-quest{width:172px;padding:3px 5px 4px;font-size:11px}.hud-buffs{max-width:172px}.buff{width:22px;height:22px}.qt-req{grid-template-columns:18px minmax(0,1fr) auto 12px;min-height:24px}.qt-icon{width:18px;height:18px}.hud-cast{bottom:calc(max(6px, env(safe-area-inset-bottom)) + 76px);width:170px}.eq-doll{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr)}.npc-service-list{max-height:30vh}.npc-choices .btn{min-height:44px;padding:4px 8px;font-size:13px}.shop-tab{min-height:44px}}@media (max-height:520px) and (max-width:760px){.hud-cast{left:auto;right:max(8px, env(safe-area-inset-right));transform:none}}@media (prefers-reduced-motion:reduce){.buff.is-ending{animation:none}}.item-icon[data-rarity]{border-radius:5px}.item-icon[data-rarity=uncommon]{background:radial-gradient(circle at 50% 55%,#62d07a38,#62d07a00 70%);box-shadow:inset 0 0 0 1.5px #62d07ad9}.item-icon[data-rarity=rare]{background:radial-gradient(circle at 50% 55%,#5aa8ff42,#5aa8ff00 70%);box-shadow:inset 0 0 0 1.5px #5aa8ffe6}.item-icon[data-rarity=epic]{background:radial-gradient(circle at 50% 55%,#c88aff4d,#c88aff00 72%);box-shadow:inset 0 0 0 1.5px #c88afff2,0 0 6px #c88aff73}.inv-cell,.shop-row,.eq-slot{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.inv-cell.is-locked,.shop-row.is-locked{background:linear-gradient(#c8323238,#5a0a0a4d);border-color:#e0573f99}.inv-cell.is-locked .item-icon,.shop-row.is-locked .shop-icon{filter:saturate(.55)brightness(.85)}.shop-row.is-locked .shop-row-name{color:#ffb4a4}.shop-row-lock{color:#ff9a86;font-size:11px}.shop-row-key{color:#ffe9a8;font-variant-numeric:tabular-nums;font-size:11px}.shop-details{min-height:44px}.eq-key{color:#ffe9a8;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.inv-detail>.inv-actions:first-child{flex-wrap:wrap;margin:0 0 6px}.icard{--rarity:#cfc6b4;color:var(--paper);font-family:var(--font);text-align:left;font-size:13px;line-height:1.4}.icard-head{background:radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--rarity) 34%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--rarity) 20%, #1a1622), #14111c);border:1px solid color-mix(in srgb, var(--rarity) 70%, transparent);box-shadow:inset 0 0 12px color-mix(in srgb, var(--rarity) 22%, transparent);border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.icard-art{border:2px solid var(--rarity);background:radial-gradient(circle,#ffffff24,#00000059);border-radius:10px;flex:none;place-items:center;width:72px;height:72px;display:grid}.icard-icon.item-icon{width:64px;height:64px;box-shadow:none;background:0 0}.icard-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.icard-name{color:#fff6dc;overflow-wrap:anywhere;font-size:15px}.icard-kind{color:var(--paper-dim);font-size:12px}.icard-tags{flex-wrap:wrap;gap:4px;display:flex}.icard-rarity,.icard-tag{border:1px solid var(--rarity);color:var(--rarity);background:#00000059;border-radius:999px;padding:0 6px;font-size:11px;font-weight:700}.icard-tag{color:#ffe27a;border-color:#ffe27a}.icard-usable{border-radius:6px;margin:6px 0 0;padding:3px 8px;font-size:12px;font-weight:700}.icard-usable.is-ok{color:#9af0a8;background:#3ca05a2e}.icard-usable.is-bad{color:#ffb4a4;background:#c83c3238}.icard-flags{flex-wrap:wrap;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.icard-flag{background:#0000004d;border:1px solid #d8a94a4d;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:11px;display:inline-flex}.icard-flag.is-ok .icard-flag-mark{color:#7ee08e;font-weight:700}.icard-flag.is-no{color:var(--paper-dim)}.icard-flag.is-no .icard-flag-mark{color:#ff8a76;font-weight:700}.icard-main{min-width:0}.icard-notes{color:#cfe3ff;margin:8px 0 0;padding:0;font-size:12px;list-style:none}.icard-sec{margin-top:8px}.icard-sec-title{letter-spacing:.04em;color:var(--gold-2,#f2d27c);border-bottom:1px solid #d8a94a40;margin:0 0 3px;font-size:11px;font-weight:700}.icard-compare{color:var(--paper-dim);margin:0 0 3px;font-size:11px}.icard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;margin:0;padding:0;list-style:none;display:grid}.icard-stat{font-variant-numeric:tabular-nums;justify-content:space-between;gap:4px;font-weight:700;display:flex}.icard-stat.is-zero .icard-stat-text{color:var(--paper-dim);font-weight:400}.icard-delta{font-size:12px}.icard-delta.is-up{color:#6ee87e}.icard-delta.is-down{color:#ff7a66}.icard-effects{margin:0;padding:0 0 0 16px}.icard-info{grid-template-columns:auto minmax(0,1fr);gap:1px 10px;margin:8px 0 0;font-size:12px;display:grid}.icard-info dt{color:var(--paper-dim)}.icard-info dd{font-variant-numeric:tabular-nums;margin:0}.icard-info dd.is-bad{color:#ff8a76;font-weight:700}.icard-desc{color:#e8dcc0;margin:8px 0 0;font-size:12px;font-style:italic}.icard-tooltip{z-index:100000;pointer-events:none;border:1px solid var(--line);background:#100d16f7;border-radius:10px;width:300px;max-height:calc(100vh - 12px);padding:8px;position:fixed;overflow:hidden;box-shadow:0 8px 28px #0000008c}.icard-tooltip[hidden]{display:none}.icard-scrim{z-index:100001;touch-action:none;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.icard-sheet{width:min(720px,100vw);max-height:92vh;overscroll-behavior:contain;touch-action:pan-y;max-height:92dvh;padding:4px 12px calc(12px + env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));border:1px solid var(--line);background:#14111cfa;border-bottom:0;border-radius:14px 14px 0 0;animation:.2s ease-out icard-up;position:relative;overflow-y:auto;box-shadow:0 -8px 30px #00000080}.icard-grip{background:#f4ead459;border-radius:2px;width:44px;height:4px;margin:4px auto 6px}.icard-close{top:4px;right:max(6px, env(safe-area-inset-right));z-index:1;width:44px;height:44px;color:var(--paper);border:1px solid var(--line);cursor:pointer;background:#00000059;border-radius:10px;font-size:26px;line-height:1;position:absolute}.icard-sheet .icard{font-size:14px}.icard-sheet .icard-art{width:88px;height:88px}.icard-sheet .icard-icon.item-icon{width:80px;height:80px}.icard-sheet .icard-head{padding-right:52px}@keyframes icard-up{0%{transform:translateY(100%)}}@media (max-height:520px){.icard-sheet{max-height:96vh;max-height:96dvh}.icard-sheet .icard{grid-template-columns:minmax(200px,42%) minmax(0,1fr);align-items:start;gap:12px;display:grid}.icard-sheet .icard-head{flex-direction:column;align-items:flex-start;padding-right:8px}.icard-sheet .icard-main{padding-right:48px}.icard-sheet .icard-main>:first-child{margin-top:0}}.icard-inline .icard-art{width:60px;height:60px}.icard-inline .icard-icon.item-icon{width:52px;height:52px}.icard-inline .icard-head{padding:6px}@media (prefers-reduced-motion:reduce){.icard-sheet{animation:none}}.screen-game{--party-teal:#3fe0cf}.hud-left{top:max(8px, env(safe-area-inset-top));left:var(--hud-pad);flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;pointer-events:none!important}.hud-left>*{pointer-events:auto}.hud-left>.hud-status{position:relative;top:auto;left:auto}.hud-party{flex-direction:column;gap:6px;width:220px;display:flex;pointer-events:none!important}.hud-party>*{pointer-events:auto}.party-buttons{align-self:flex-start;gap:6px;display:flex}.round-btn{min-width:44px;height:44px;font:inherit;color:var(--paper);background:radial-gradient(circle at 50% 30%, #4a3d5c, var(--ink-3));border:2px solid var(--line);cursor:pointer;border-radius:22px;padding:0 12px;font-size:13px;font-weight:700;box-shadow:0 3px 10px #00000073}.round-btn:hover{filter:brightness(1.15)}.round-party{border-color:#3fe0cfb3}.round-board{border-color:#d8a94acc}.party-box{background:var(--hud-bg);border:1px solid var(--line);border-radius:var(--radius);padding:4px;box-shadow:inset 0 0 0 2px #14111cd9,0 6px 18px #0006}.party-head{width:100%;min-height:30px;font:inherit;color:var(--paper);cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #3fe0cf4d;align-items:center;gap:6px;padding:0 6px;font-size:12px;display:flex}.ph-caret:before{content:"▾";color:var(--party-teal)}.is-collapsed .ph-caret:before{content:"▸"}.ph-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--party-teal);flex:1;font-weight:700;overflow:hidden}.ph-count{color:var(--paper-dim);font-size:11px}.party-box.is-collapsed .party-list{display:none}.party-list{overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:40vh;display:flex;overflow-y:auto}.party-row{width:100%;min-height:40px;font:inherit;color:var(--paper);text-align:left;cursor:pointer;background:#08060e73;border:1px solid #0000;border-radius:4px;flex-direction:column;gap:2px;padding:3px 6px;font-size:12px;display:flex}.party-row:hover{border-color:#3fe0cf73}.party-row.is-self{background:#3fe0cf1a}.party-row.is-offline{opacity:.5;filter:grayscale()}.party-row.is-away{opacity:.8}.pr-top,.pr-sub{white-space:nowrap;align-items:baseline;gap:4px;min-width:0;display:flex}.pr-crown{color:var(--gold-2);font-size:12px}.pr-name{text-overflow:ellipsis;color:#ffe6a8;flex:1;min-width:0;font-weight:700;overflow:hidden}.party-row.is-leader .pr-name{color:var(--gold-2)}.pr-lv,.pr-sub{color:var(--paper-dim);font-size:11px}.pr-job{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pr-tag{color:#ffd27a;background:#d8a94a2e;border-radius:3px;padding:0 4px;font-size:10px}.is-offline .pr-tag{color:var(--paper-dim);background:#ffffff14}.pr-bars{grid-template-columns:1fr;gap:2px;display:grid}.pr-bar{background:#0000008c;border-radius:2px;height:4px;display:block;overflow:hidden}.pr-fill{transform-origin:0;height:100%;transition:transform .3s linear;display:block}.pr-hp .pr-fill{background:linear-gradient(#ff8a7a,#d23a2a)}.pr-sp .pr-fill{background:linear-gradient(#8ac6ff,#2f6fd0)}.chat-log[data-tab=party] .chat-line:not(.in-party){display:none}.ch-party,.ch-party .chat-name{color:var(--party-teal)}.panel-party,.panel-board{flex-direction:column;gap:8px;display:flex}.party-section{flex-direction:column;gap:6px;display:flex}.party-section[hidden],.party-section>[hidden]{display:none}.pw-mentor{border-top:1px solid var(--line);padding-top:6px}.pw-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pw-name{color:var(--party-teal);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.pw-count{color:var(--paper-dim);font-size:12px}.pw-members{max-height:220px}.pw-summary{color:var(--paper-dim);margin:0;font-size:12px}.party-form,.board-form{gap:6px;display:flex}.party-form .input{flex:1;min-width:0}.party-form .btn,.pw-leave .btn,.mentor-row .btn,.board-row .btn,.board-post>.btn,.board-levels .btn{min-height:36px;padding:4px 12px;font-size:13px}.pw-leave{justify-content:flex-end;display:flex}.hint.is-warn{color:#ffd27a}.mentor-info{flex-direction:column;gap:4px;display:flex}.mentor-row{border-bottom:1px dashed #d8a94a26;align-items:center;gap:8px;min-height:40px;display:flex}.mentor-label{color:var(--paper-dim);font-size:12px}.mentor-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--paper-dim);flex:1;font-weight:700;overflow:hidden}.mentor-name.is-online{color:#ffe6a8}.mentor-state{color:var(--paper-dim);font-size:11px}.mentor-virtue{color:var(--gold-2);font-size:13px;font-weight:700}.board-list{overscroll-behavior:contain;flex-direction:column;max-height:46vh;display:flex;overflow-y:auto}.board-row{border-bottom:1px dashed #d8a94a26;align-items:center;gap:8px;min-height:52px;padding:4px 0;display:flex}.board-row.is-unfit{opacity:.6}.board-main{flex:1;min-width:0}.board-text{overflow-wrap:anywhere;font-weight:700}.board-meta{color:var(--paper-dim);flex-wrap:wrap;gap:4px 10px;font-size:12px;display:flex}.board-leader{color:var(--gold-2)}.board-mine{color:var(--party-teal);font-size:12px}.board-form{flex-direction:column}.board-levels{align-items:flex-end;gap:6px;display:flex}.board-lv-field{color:var(--paper-dim);flex-direction:column;gap:2px;font-size:11px;display:flex}.board-lv{width:84px}.board-post{border-top:1px solid var(--line);padding-top:6px}.board-post>.btn{align-self:flex-start}.hud-prompts{top:calc(max(8px, env(safe-area-inset-top)) + 44px);z-index:900;flex-direction:column;gap:6px;width:min(380px,100vw - 400px);min-width:260px;display:flex;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.prompt-card{pointer-events:auto;background:var(--hud-bg);border-radius:var(--radius);border:1px solid #3fe0cf99;padding:8px 12px;animation:.15s ease-out gwin-in;box-shadow:inset 0 0 0 2px #14111cd9,0 6px 18px #00000080}.prompt-text{overflow-wrap:anywhere;margin:0 0 6px;font-size:14px}.prompt-actions{align-items:center;gap:6px;display:flex}.prompt-actions .btn{min-height:44px;padding:6px 16px}.prompt-count{font-variant-numeric:tabular-nums;color:var(--paper-dim);margin-left:auto;font-size:12px}.is-touch .party-row,.is-touch .party-head,.is-touch .party-form .btn,.is-touch .pw-leave .btn,.is-touch .mentor-row .btn,.is-touch .board-row .btn,.is-touch .board-post>.btn,.is-touch .board-levels .btn,.is-touch .party-section .input,.is-touch .panel-board .input{min-height:44px}.is-touch .mentor-row,.is-touch .board-row{min-height:48px}@media (max-height:520px){.hud-left{gap:4px}.hud-party{gap:4px;width:172px}.round-btn{padding:0 10px;font-size:12px}.party-box{background:#14111c99;padding:2px}.party-list{max-height:68px}.party-row{min-height:44px;padding:2px 5px;font-size:11px}.pr-job{display:none}.pr-sub:has(.pr-tag[hidden]){display:none}.hud-prompts{top:calc(max(6px, env(safe-area-inset-top)) + 36px);width:min(360px,100vw - 340px)}.prompt-card{padding:6px 10px}.prompt-text{font-size:13px}.pw-members{max-height:140px}.board-list{max-height:40vh}}@media (max-height:520px) and (max-width:760px){.hud-prompts{width:calc(100vw - 300px);min-width:230px}}.hud-ailments{flex-wrap:wrap;align-items:center;gap:4px;max-width:220px;display:flex;pointer-events:none!important}.hud-ailments[hidden]{display:none}.ail{--p:1;pointer-events:auto;border-radius:50%;width:26px;height:26px;position:relative}.ail-ring{background:conic-gradient(#fff calc(var(--p) * 360deg), #0000008c 0);border-radius:50%;position:absolute;inset:-2px}.ail.is-ending .ail-ring{background:conic-gradient(#ff8a6a calc(var(--p) * 360deg), #0000008c 0)}.ail-icon{border-radius:50%;width:calc(100% - 2px);height:calc(100% - 2px);display:block;position:absolute;inset:1px}.ail-time{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-size:9px;font-weight:700;position:absolute;bottom:-3px;right:-3px}.status-orbs{pointer-events:auto;color:#3a2200;background:radial-gradient(circle at 30% 30%,#fff6c8,#ffc44a 60%,#e08a1a);border:1px solid #5a320099;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;box-shadow:0 0 6px #ffc44a99}.status-orbs[hidden]{display:none}.buff-el{background:var(--el,#fff);border:1px solid #0009;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;left:-2px}[data-el=fire]{--el:#ff7a3a}[data-el=water]{--el:#4ab0ff}[data-el=wind]{--el:#a8e65a}[data-el=earth]{--el:#c8964a}[data-el=light]{--el:#fff0a0}[data-el=dark]{--el:#9a6ad8}[data-el=spirit]{--el:#c8a8ff}[data-el=neutral]{--el:#d8d8d8}.el-pick{min-width:260px}.el-pick-row{grid-template-columns:repeat(4,minmax(56px,1fr));gap:6px;margin:4px 0;display:grid}.el-pick-btn{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--el) 55%, transparent), #140e1cd9 75%);color:#fff;min-width:52px;min-height:52px;font:inherit;cursor:pointer;touch-action:manipulation;border:2px solid #ffffff2e;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;font-weight:700;display:flex;position:relative}.el-pick-btn:hover,.el-pick-btn:focus-visible{border-color:var(--el);outline:none}.el-pick-btn.is-selected{border-color:#f2d27c;box-shadow:0 0 10px #f2d27c8c}.el-pick-dot{background:radial-gradient(circle at 35% 35%, #fff, var(--el) 60%);width:18px;height:18px;box-shadow:0 0 8px var(--el);border-radius:50%}.el-pick-name{text-shadow:0 1px 2px #000;font-size:13px}.el-pick-last{color:#3a2200;background:#f2d27c;border-radius:6px;padding:0 4px;font-size:9px;position:absolute;top:-8px;right:-4px}.el-pick-hint{opacity:.8;margin:2px 0 4px;font-size:11px}.el-pick-cancel{width:100%;min-height:44px}.hud-hotbar.hud-metal .hotkey-slot.is-toggle-on,.hotkey-slot.is-toggle-on{box-shadow:inset 0 0 0 2px #7dffb0,0 0 10px #7dffb0a6}.hotkey-slot.is-toggle-on .hotkey-count{color:#7dffb0}.hotkey-slot.is-toggle-on .hotkey-icon{animation:1.4s ease-in-out infinite alternate toggle-glow}@keyframes toggle-glow{to{filter:brightness(1.25)drop-shadow(0 0 4px #7dffb0)}}.party-list .party-row.is-ally-target,.party-row.is-ally-target{background:#7dffb01f;box-shadow:inset 0 0 0 2px #7dffb0}@media (max-height:520px){.hud-ailments{gap:3px;max-width:172px}.ail{width:22px;height:22px}.el-pick-row{grid-template-columns:repeat(4,minmax(52px,1fr))}}@media (prefers-reduced-motion:reduce){.hotkey-slot.is-toggle-on .hotkey-icon{animation:none}}.screen-game{--metal:#272b34;--metal-mid:#1a1d24;--metal-lo:#101217;--trim:#c9a24a;--trim-hi:#f6dc8c;--trim-lo:#6e5018;--keycap:linear-gradient(180deg, #fdf3d4, #cfb070)}:where(.screen-game .hud-metal){position:relative}.screen-game .hud-metal{color:var(--paper);background:linear-gradient(180deg, #ffffff17, #fff0 30%), repeating-linear-gradient(115deg, #ffffff05 0 2px, #0000 2px 5px), linear-gradient(180deg, var(--metal) 0%, var(--metal-mid) 55%, var(--metal-lo) 100%);border:2px solid var(--trim);border-radius:12px;box-shadow:inset 0 0 0 1px #f6dc8c73,inset 0 0 0 3px #0000008c,inset 0 1px 0 4px #ffffff0d,0 6px 18px #0000008c}.screen-game .hud-metal:before,.screen-game .hud-metal:after{content:"";background:var(--hud-corner,none) center / contain no-repeat;pointer-events:none;z-index:1;width:16px;height:16px;position:absolute}.screen-game .hud-metal:before{top:2px;left:2px}.screen-game .hud-metal:after{bottom:2px;right:2px;transform:rotate(180deg)}.hud-hotbar.hud-metal{border-radius:16px;flex-direction:column;gap:0;padding:6px 10px 7px;display:flex}.metal-cap{background:radial-gradient(circle at 50% 50%, #8ff4c8 0 2.5px, #1d5a44 3.5px 4.5px, #0000 5px), linear-gradient(135deg, var(--trim-hi), var(--trim) 50%, var(--trim-lo));pointer-events:none;z-index:2;border:1.5px solid #2a1c08;border-radius:3px;width:18px;height:18px;position:absolute;top:calc(50% - 9px);transform:rotate(45deg);box-shadow:0 2px 4px #0009}.metal-cap-l{left:-11px}.metal-cap-r{right:-11px}.ab-vitals{align-items:center;gap:6px;margin:0 0 6px;display:flex}.ab-gauge{background:#08090c;border:1px solid #000;border-radius:8px;flex:1 1 0;min-width:0;height:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c9a24aa6,inset 0 2px 4px #000000e6}.ab-fill{transform-origin:0;will-change:transform;border-radius:8px;position:absolute;inset:0}.ab-fill:after{content:"";background:linear-gradient(#ffffff80,#ffffff0d);border-radius:8px 8px 4px 4px;height:45%;position:absolute;top:1px;left:2px;right:2px}.ab-hp .ab-fill{background:linear-gradient(#ff9c88 0%,#e8432f 40%,#a8200f 75%,#6e0e06 100%)}.ab-exp .ab-fill{background:linear-gradient(#a8e2ff 0%,#3d9cf0 40%,#1f5fc0 75%,#123a80 100%)}.ab-text{z-index:1;color:#fff;text-shadow:0 0 2px #000,0 1px 1px #000;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;height:100%;padding:0 9px;font-size:11px;font-weight:800;line-height:1;display:flex;position:relative}.ab-label{color:#ffe6a0;letter-spacing:.5px}.ab-exp .ab-label{color:#cfeaff}.ab-emblem{background:var(--hud-emblem,none) center / contain no-repeat;filter:drop-shadow(0 2px 3px #000000b3);pointer-events:none;flex:0 0 30px;height:30px;margin:-10px 0 -6px}.ab-hp:before{content:"";z-index:1;opacity:0;pointer-events:none;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 6px 2px #ff3c28f2}.hud-hotbar.is-low-hp .ab-hp:before{animation:.8s ease-in-out infinite alternate ab-low-hp}@keyframes ab-low-hp{to{opacity:1}}.hotbar-rows{flex-direction:column;gap:4px;display:flex}.hotbar-row{gap:4px;display:flex}.hud-hotbar.hud-metal .hotkey-slot{background:radial-gradient(at 50% 30%,#ffffff1a,#fff0 60%),linear-gradient(#2b2f38,#0c0d11);border:1px solid #7a5f26;border-radius:9px;width:46px;height:46px;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px #ffffff29,inset 0 -2px #000000a6,inset 0 0 0 2px #00000059,0 1px #ffecaa26}.hud-hotbar.hud-metal .hotkey-slot.is-filled{border-color:var(--trim)}.hud-hotbar.hud-metal .hotkey-slot:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#fff3,#fff0);border-radius:7px 7px 12px 12px/7px 7px 6px 6px;height:42%;position:absolute;top:2px;left:3px;right:3px}.hud-hotbar.hud-metal .hotkey-slot:hover,.hud-hotbar.hud-metal .hotkey-slot:focus-visible{border-color:var(--trim-hi);box-shadow:inset 0 1px #fff3,inset 0 -2px #000000a6,0 0 0 1px #f6dc8c99,0 0 12px #ffd26499}.hud-hotbar.hud-metal .hotkey-slot:active{transform:translateY(1px)}.hud-hotbar.hud-metal .hotkey-slot.flash{animation:.25s ease-out ab-slot-flash}@keyframes ab-slot-flash{0%{box-shadow:0 0 0 2px #ffe27a,0 0 14px #ffe27ae6}}.hud-hotbar.hud-metal .hotkey-cd{z-index:1;border-radius:8px}.hud-hotbar.hud-metal .hotkey-key{z-index:2;text-align:center;color:#241a08;background:var(--keycap);min-width:14px;height:13px;text-shadow:none;border-radius:8px 0 5px;padding:0 3px;font-size:9px;font-weight:800;line-height:13px;top:-1px;left:-1px;box-shadow:0 1px #6e5018}.hud-hotbar.hud-metal .hotbar-row-2 .hotkey-key{color:#0c2340;background:linear-gradient(#e2f2ff,#86b6e4);box-shadow:0 1px #2a4e78}.hud-hotbar.hud-metal .hotkey-count{z-index:2}.hud-hotbar.hud-metal.is-assigning .hotkey-slot,.hud-hotbar.hud-metal .hotkey-slot.is-drop-target{border-color:#ffe27a;box-shadow:0 0 0 2px #ffe27a99,0 0 10px #ffe27a80}.hud-status.hud-metal{grid-template-columns:60px minmax(0,1fr);align-items:start;gap:0 9px;width:256px;padding:8px 10px 8px 8px;display:grid}.status-portrait{width:60px;height:60px;font:inherit;border:2px solid var(--trim-hi);box-shadow:0 0 0 2px #120e18, 0 0 0 3.5px var(--trim), inset 0 0 8px #0009;cursor:pointer;background:radial-gradient(circle at 50% 35%,#5a4a7a,#221a33 75%);border-radius:50%;margin-top:2px;padding:0;position:relative}.status-portrait:hover{box-shadow:0 0 0 2px #120e18, 0 0 0 3.5px var(--trim-hi), 0 0 12px #ffd66e99, inset 0 0 8px #0009}.status-portrait-img{pointer-events:none;border-radius:50%;display:block;position:absolute;inset:1px;overflow:hidden}.status-portrait-canvas{object-fit:cover;width:100%;height:100%;display:block}.status-badge{z-index:2;text-align:center;color:#2a1606;font-variant-numeric:tabular-nums;background:linear-gradient(#ffe9a8,#c9a24a 60%,#8a6418);border:1.5px solid #2a1c08;border-radius:10px;min-width:24px;height:20px;padding:0 5px;font-size:11px;font-weight:800;line-height:17px;position:absolute;bottom:-5px;left:-6px;box-shadow:0 2px 4px #0009}.status-badge:empty{display:none}.status-main{flex-direction:column;gap:3px;min-width:0;display:flex}.hud-status.hud-metal .status-plate{flex-direction:column;align-items:flex-start;gap:0}.hud-status.hud-metal .status-name{max-width:100%;color:var(--trim-hi);text-shadow:0 1px #000,0 0 6px #f6dc8c59;font-size:15px}.hud-status.hud-metal .status-level{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.hud-status.hud-metal .status-bar{grid-template-columns:20px 1fr}.hud-status.hud-metal .bar-track{background:#0b0c10;border:1px solid #000;box-shadow:0 0 0 1px #c9a24a73,inset 0 1px 3px #000c}.hud-status.hud-metal .bar-hp .bar-track,.hud-status.hud-metal .bar-sp .bar-track{border-radius:7px;height:13px}.hud-status.hud-metal .bar-fill{border-radius:7px;position:relative}.hud-status.hud-metal .bar-fill:after{content:"";background:linear-gradient(#ffffff73,#ffffff0a);border-radius:6px 6px 3px 3px;height:45%;position:absolute;top:1px;left:2px;right:2px}.hud-status.hud-metal .bar-hp .bar-fill{background:linear-gradient(#ffb0a0 0%,#e8432f 45%,#8e1a10 100%)}.hud-status.hud-metal .bar-sp .bar-fill{background:linear-gradient(#b0dcff 0%,#3a7fe0 45%,#1a3f8e 100%)}.hud-status.hud-metal .bar-hp .bar-value,.hud-status.hud-metal .bar-sp .bar-value{font-size:10px;font-weight:700;line-height:13px}.hud-status.hud-metal .status-exp .bar-track{border-radius:5px;height:9px}.hud-status.hud-metal .status-exp .bar-value{font-size:8px;line-height:9px}.hud-topright{align-items:stretch;width:200px}.hud-minimap.hud-metal{width:auto;margin-top:8px;padding:15px 7px 6px}.minimap-banner{z-index:2;text-align:center;border:1.5px solid var(--trim-hi);background:linear-gradient(#c44a36,#7a1e14);border-radius:4px;max-width:calc(100% - 34px);padding:2px 14px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0009}.minimap-banner:before,.minimap-banner:after{content:"";z-index:-1;border:1.5px solid var(--trim-lo);background:#5a140e;width:12px;height:100%;position:absolute;top:5px}.minimap-banner:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%);left:-10px}.minimap-banner:after{clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%);right:-10px}.minimap-banner .minimap-name{color:#fff3d0;text-shadow:0 1px #3a0a06;font-size:13px;font-weight:800;display:block}.minimap-frame{background:linear-gradient(180deg, var(--trim-hi), var(--trim) 50%, var(--trim-lo));border-radius:7px;padding:3px;position:relative;box-shadow:0 0 0 1px #000,0 2px 6px #00000080}.minimap-frame .minimap-canvas{border:1px solid #000;border-radius:4px;margin:0}.minimap-frame .minimap-channel{color:#fff;background:linear-gradient(#4fb08a,#226a4e);border:1px solid #c9f5df;border-radius:9px;padding:0 7px;font-size:11px;font-weight:800;line-height:18px;position:absolute;top:7px;right:7px;box-shadow:0 1px 3px #000000b3}.minimap-frame .minimap-channel:hover{filter:brightness(1.15)}.hud-minimap.hud-metal .minimap-foot{align-items:center;margin-top:5px}.minimap-clock{background:#00000073;border:1px solid #c9a24a80;border-radius:9px;padding:0 7px;font-size:11px;line-height:17px}.hud-topright .hud-rates{width:auto}.panel-worldmap{flex-direction:column;gap:8px;display:flex}.worldmap-canvas{border:3px solid var(--trim);width:100%;image-rendering:pixelated;border-radius:6px;display:block;box-shadow:0 0 0 1px #000}.worldmap-legend{flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.legend-item{align-items:center;gap:5px;display:inline-flex}.legend-dot{border:1px solid #1a1420;border-radius:50%;width:10px;height:10px}.lg-self{background:#ffd24a}.lg-player{background:#fff}.lg-npc{background:#7fd4ff;border-radius:2px;transform:rotate(45deg)}.lg-portal{background:#d6a8ff;border-radius:2px}.hud-menu{flex-direction:column;align-items:stretch;gap:5px;display:flex}.mg-toggle{min-height:30px;font:inherit;color:var(--trim-hi);border:1.5px solid var(--trim);cursor:pointer;background:linear-gradient(#353a46,#15171d);border-radius:16px;align-self:flex-end;align-items:center;gap:7px;padding:2px 12px 2px 10px;font-size:12px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 2px 6px #00000080}.mg-toggle:hover{filter:brightness(1.15)}.mg-toggle-icon{border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.hud-menu.is-open .mg-toggle-icon{transform:translateY(2px)rotate(-135deg)}.mg-toggle.has-badge:after{content:"";background:var(--vermilion-2);border:1.5px solid #fff3d0;border-radius:50%;width:11px;height:11px;position:absolute;top:-3px;right:-3px}.mg-grid{color:var(--paper);border:2px solid var(--trim);background:linear-gradient(#ffffff14,#fff0 30%),linear-gradient(#272b34f0,#101217f0);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 2px;padding:8px 5px 6px;display:grid;box-shadow:inset 0 0 0 1px #f6dc8c66,inset 0 0 0 3px #00000080,0 6px 18px #0000008c}.mg-grid[hidden]{display:none}.mg-item{min-width:44px;min-height:58px;font:inherit;color:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:2px 0 0;display:flex;position:relative}.mg-icon{background:radial-gradient(circle at 34% 28%, #ffffffb3 0, #fff0 32%), radial-gradient(circle at 50% 62%, var(--c1,#8a8f9c), var(--c2,#3a3f4a) 78%);border:2px solid var(--trim-hi);border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .12s,box-shadow .12s;display:grid;position:relative;box-shadow:0 0 0 1.5px #1a1208,inset 0 -4px 6px #00000059,0 3px 5px #0009}.mg-img{pointer-events:none;filter:drop-shadow(0 1px #00000059);width:30px;height:30px;display:block}.mg-label{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000;max-width:100%;font-size:11px;font-weight:700;line-height:1.15;overflow:hidden}.mg-key{text-align:center;color:#241a08;background:var(--keycap);border-radius:4px;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:800;line-height:15px;position:absolute;top:0;right:1px;box-shadow:0 1px #6e5018,0 1px 3px #0009}.mg-item:hover .mg-icon,.mg-item:focus-visible .mg-icon{transform:translateY(-2px)scale(1.06);box-shadow:0 0 0 1.5px #1a1208,inset 0 -4px 6px #00000059,0 0 12px #ffd66ed9}.mg-item:active .mg-icon{transform:scale(.94)}.mg-item.is-soon{cursor:default}.mg-item.is-soon .mg-icon{filter:grayscale(.85)brightness(.75)}.mg-item.is-soon:hover .mg-icon{transform:none}.mg-item.is-soon .mg-label{color:var(--paper-dim)}.mg-soon{z-index:1;white-space:nowrap;color:#fff;pointer-events:none;background:linear-gradient(#e0533f,#9a2a1c);border:1px solid #ffd2a0;border-radius:3px;padding:0 4px;font-size:9px;font-weight:800;line-height:13px;position:absolute;top:24px;left:50%;transform:translate(-50%)rotate(-8deg);box-shadow:0 1px 2px #0009}.mg-item[data-badge]:after{content:attr(data-badge);text-align:center;color:#fff;background:var(--vermilion-2);border:1px solid #fff3d0;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-3px;left:2px}.mg-tone-amber{--c1:#ffd08a;--c2:#b8621a}.mg-tone-azure{--c1:#9fd4ff;--c2:#2a62b0}.mg-tone-steel{--c1:#c9d6e2;--c2:#4a5a6e}.mg-tone-crimson{--c1:#ff9a8a;--c2:#9a2418}.mg-tone-leaf{--c1:#b8f09a;--c2:#3a8a34}.mg-tone-teal{--c1:#9af0e4;--c2:#1d7a70}.mg-tone-orange{--c1:#ffc27a;--c2:#c0501c}.mg-tone-sea{--c1:#8ee0d0;--c2:#22708a}.mg-tone-violet{--c1:#cdb4ff;--c2:#5a3aa8}.mg-tone-sun{--c1:#fff0a0;--c2:#d89a1a}.mg-tone-gold{--c1:#ffe7a0;--c2:#a8781c}.mg-tone-pink{--c1:#ffc4dc;--c2:#c04a7a}.mg-tone-bronze{--c1:#e8c08a;--c2:#7a4a20}.mg-tone-jade{--c1:#a6f0c8;--c2:#22805a}.hud-quest.hud-metal{border-radius:10px;width:256px;padding:5px 7px 7px;font-size:12px}.hud-quest.hud-metal.is-ready{border-color:#7dffa0;box-shadow:inset 0 0 0 1px #a0ffbe73,inset 0 0 0 3px #0000008c,0 0 12px #7dffa080}.qt-badge{color:#2a1606;background:radial-gradient(circle at 40% 35%,#fff2b8,#f2c046 55%,#b07a14);border:1.5px solid #2a1c08;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:14px;font-weight:900;display:grid;box-shadow:0 1px 3px #0009}.hud-quest.is-ready .qt-badge{background:radial-gradient(circle at 40% 35%,#d8ffe4,#5fd08a 55%,#1d7a44)}.hud-quest.hud-metal .qt-head{color:var(--trim-hi)}.hud-quest .qt-help,.hud-quest .qt-fold,.hud-quest .qt-close{width:24px;height:24px;font:inherit;color:var(--trim-hi);border:1px solid var(--trim);cursor:pointer;background:linear-gradient(#363b46,#16181e);border-radius:50%;flex:0 0 24px;padding:0;font-size:13px;font-weight:800;line-height:1}.hud-quest .qt-help:hover,.hud-quest .qt-fold:hover{filter:brightness(1.3)}.hud-quest .qt-close:hover{color:#fff;background:linear-gradient(#c43a2a,#6a1410)}.hud-quest.hud-metal .qt-req{background:#00000059;border:1px solid #c9a24a2e}.hud-quest.hud-metal .qt-req.is-done{background:#3ca06440;border-color:#7dffa059}.hud-quest.hud-metal .qt-walk{background:linear-gradient(#ffe9a8,#d8a94a 60%,#a87a20);border-color:#5a3e0c;box-shadow:inset 0 1px #ffffff80,0 2px 4px #00000080}.is-touch .hud-quest .qt-fold,.is-touch .hud-quest .qt-close{border-radius:10px;flex-basis:44px;width:44px;height:44px}.is-touch .hud-quest .qt-help{display:none}.panel-settings{flex-direction:column;gap:10px;display:flex}.panel-settings .btn{min-height:44px}.settings-audio{grid-template-columns:1fr auto;align-items:center;column-gap:8px;display:grid}.settings-audio .settings-audio-range{accent-color:#d9a441;grid-column:1/-1;width:100%;min-height:44px;margin:0}.settings-audio-value{font-variant-numeric:tabular-nums;opacity:.85}.settings-heading{margin-top:4px}.settings-note{color:var(--paper-dim);margin:0;font-size:12px}.panel-help{flex-direction:column;gap:8px;display:flex}.help-list{flex-direction:column;gap:4px;margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.45;display:flex}.hud-perf{white-space:nowrap;color:var(--paper-dim);font-variant-numeric:tabular-nums;background:#0a0b0f99;border:1px solid #c9a24a59;border-radius:8px;gap:6px;padding:1px 7px;font-size:10px;font-weight:700;line-height:14px;display:flex;position:absolute;bottom:calc(100% + 4px);right:0;pointer-events:none!important}.hud-perf[hidden],.hud-perf [hidden]{display:none}.hud-perf [data-level=good]{color:#8ef0a8}.hud-perf [data-level=ok]{color:#ffe27a}.hud-perf [data-level=bad]{color:#ff8a7a}@media (max-height:520px){.hud-hotbar.hud-metal{border-radius:12px;padding:3px 6px 4px}.hud-hotbar.hud-metal .hotbar-row-2{display:none}.hotbar-row{gap:3px}.hud-hotbar.hud-metal .hotkey-slot{width:44px;height:44px}.ab-vitals{gap:4px;margin-bottom:3px}.ab-gauge{border-radius:5px;height:10px}.ab-text{padding:0 6px;font-size:8px}.ab-emblem{display:none}.metal-cap{width:12px;height:12px;top:calc(50% - 6px)}.metal-cap-l{left:-8px}.metal-cap-r{right:-8px}.action-row-combat{margin-bottom:20px}.hud-perf{flex-direction:column;gap:0;padding:1px 4px;font-size:9px;line-height:11px;bottom:0;right:calc(100% + 4px)}.hud-status.hud-metal{grid-template-columns:44px minmax(0,1fr);gap:0 6px;width:206px;padding:4px 8px 5px 5px}.status-portrait{width:44px;height:44px;margin-top:1px}.status-badge{min-width:20px;height:17px;font-size:10px;line-height:14px;bottom:-4px;left:-5px}.hud-status.hud-metal .status-name{font-size:13px}.hud-status.hud-metal .status-level{font-size:10px}.hud-status.hud-metal .status-main{gap:2px}.hud-status.hud-metal .bar-hp .bar-track,.hud-status.hud-metal .bar-sp .bar-track{height:9px}.hud-status.hud-metal .bar-hp .bar-value,.hud-status.hud-metal .bar-sp .bar-value{font-size:8px;line-height:9px}.hud-status.hud-metal .status-exp .bar-track{height:6px}.hud-topright{width:140px}.hud-minimap.hud-metal{margin-top:7px;padding:12px 5px 4px}.minimap-banner{max-width:calc(100% - 26px);padding:1px 10px;top:-8px}.minimap-banner .minimap-name{font-size:11px}.minimap-frame .minimap-channel{font-size:10px;line-height:16px;top:5px;right:5px}.hud-minimap.hud-metal .minimap-foot{margin-top:3px}.mg-toggle{justify-content:center;align-self:stretch;min-height:44px}.hud-menu.is-floating .mg-grid{z-index:25;grid-template-columns:repeat(5,minmax(0,1fr));width:300px;position:absolute;top:0;right:calc(100% + 6px)}.mg-item{min-height:56px}.hud-quest.hud-metal{width:206px;padding:3px 5px 4px;font-size:11px}.hud-quest .qt-badge,.hud-quest .qt-help{display:none}.hud-quest .qt-fold,.hud-quest .qt-close{border-radius:10px;flex-basis:44px;width:44px;height:44px}}@media (max-height:520px) and (max-width:760px){.action-row-combat{margin-bottom:0}.hud-perf{flex-direction:row;gap:6px;bottom:calc(100% + 4px);right:0}}@media (prefers-reduced-motion:reduce){.hud-hotbar.is-low-hp .ab-hp:before{opacity:1;animation:none}.hud-status.is-low-hp .bar-hp .bar-track,.hud-hotbar.hud-metal .hotkey-slot.flash,.action-auto.is-auto-on:after,.buff.is-ending{animation:none}.hud-hotbar.hud-metal .hotkey-slot,.mg-icon,.mg-toggle-icon{transition:none}.mg-item:hover .mg-icon,.mg-item:focus-visible .mg-icon,.mg-item:active .mg-icon,.hud-hotbar.hud-metal .hotkey-slot:active{transform:none}}.inv-plus{color:#fff4d6;pointer-events:none;background:#3c2814d1;border-radius:3px;padding:0 3px;font-size:10px;font-weight:800;position:absolute;top:0;right:2px}.inv-plus.glow-ember,.glow-ember.upg-row-name{color:#ffb070;text-shadow:0 0 6px #ff8a3dcc}.inv-plus.glow-gilded,.glow-gilded.upg-row-name{color:#ffe58a;text-shadow:0 0 6px #ffd54af2}.panel-upgrade{flex-direction:column;gap:8px;display:flex}.upg-main{grid-template-columns:minmax(150px,.8fr) 1.2fr;gap:10px;min-height:0;display:grid}.upg-list{flex-direction:column;gap:4px;max-height:340px;padding-right:2px;display:flex;overflow-y:auto}.upg-row{text-align:left;min-height:48px;color:var(--paper);cursor:pointer;touch-action:manipulation;background:#0000004d;border:1px solid #d8a94a40;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.upg-row.is-selected{border-color:var(--gold-2);background:#d8a94a29}.upg-row-icon .item-icon{width:36px;height:36px}.upg-row-text{flex-direction:column;min-width:0;display:flex}.upg-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.upg-row-sub{color:var(--paper-dim);font-size:11px}.upg-right{flex-direction:column;gap:8px;min-width:0;display:flex}.upg-stage{background:radial-gradient(at 50% 85%,#ff8a3d38,#00000059 70%);border-radius:8px;height:96px;position:relative;overflow:hidden}.upg-anvil{width:92px;height:64px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.upg-anvil-block{background:linear-gradient(#6f6a78,#3b3742);border-radius:4px 4px 2px 2px;height:18px;position:absolute;bottom:0;left:8px;right:8px;box-shadow:inset 0 2px #fff3}.upg-anvil-item{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.upg-anvil-icon{width:40px;height:40px}.upg-anvil-plus{color:var(--gold-2);text-shadow:0 0 4px #000;font-size:16px;position:absolute;top:0;right:-6px}.upg-anvil-plus[data-glow=ember]{color:#ffb070;text-shadow:0 0 8px #ff8a3de6}.upg-anvil-plus[data-glow=gilded]{color:#ffe58a;text-shadow:0 0 10px #ffd54a}.upg-hammer{transform-origin:90% 90%;opacity:0;width:44px;height:44px;position:absolute;top:6px;left:calc(50% + 14px);transform:rotate(35deg)}.upg-hammer-handle{transform-origin:bottom;background:#8a5a2c;border-radius:3px;width:6px;height:36px;position:absolute;bottom:2px;right:4px;transform:rotate(-45deg)}.upg-hammer-head{background:linear-gradient(#c9c3cf,#6f6a78);border-radius:3px;width:22px;height:14px;position:absolute;top:4px;left:2px;transform:rotate(-45deg)}.upg-burst{opacity:0;pointer-events:none;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:30px;left:50%}.upg-quip{text-shadow:0 1px 2px #000;margin:0;font-size:12px;line-height:1.3;position:absolute;top:4px;left:6px;right:6px}.upg-quip-head{font-size:13px;display:block}.upg-quip-head.is-ok{color:#ffe27a}.upg-quip-head.is-bad{color:#ffb4a0}.upg-quip-who{color:var(--paper-dim)}.upg-stage[data-stage=swing] .upg-hammer{opacity:1;animation:.3s ease-in infinite upg-swing}.upg-stage[data-stage=swing] .upg-anvil{animation:.3s steps(2,end) infinite upg-jolt}.upg-stage[data-stage=success] .upg-burst{background:#ffe27a;animation:.9s ease-out upg-burst-ok}.upg-stage[data-stage=success] .upg-anvil-item{animation:.6s ease-out upg-pop}.upg-stage[data-stage=fail] .upg-burst{background:#8a8496;animation:.9s ease-out upg-burst-fail}.upg-stage[data-stage=fail] .upg-anvil{animation:.45s ease-in-out upg-shake}@keyframes upg-swing{0%{transform:rotate(35deg)}70%{transform:rotate(-35deg)}to{transform:rotate(35deg)}}@keyframes upg-jolt{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(1px)}}@keyframes upg-burst-ok{0%{opacity:1;transform:scale(1);box-shadow:0 0 #ffe27ae6}to{opacity:0;transform:scale(9);box-shadow:0 0 30px 20px #ffe27a00}}@keyframes upg-burst-fail{0%{opacity:.8;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(6)translateY(-14px)}}@keyframes upg-pop{0%{transform:translate(-50%)scale(1)}40%{transform:translate(-50%)scale(1.35)}to{transform:translate(-50%)scale(1)}}@keyframes upg-shake{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - 4px))}75%{transform:translate(calc(4px - 50%))}}@media (prefers-reduced-motion:reduce){.upg-stage[data-stage] .upg-hammer,.upg-stage[data-stage] .upg-anvil,.upg-stage[data-stage] .upg-anvil-item,.upg-stage[data-stage] .upg-burst{animation-duration:10ms;animation-iteration-count:1}}.upg-step{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.upg-step-text{color:var(--gold-2);font-size:20px}.upg-step-max{color:var(--paper-dim)}.upg-chance-head{justify-content:space-between;display:flex}.upg-chance-total{color:#9fe6a0;font-size:18px}.upg-chance-bar{background:#00000073;border-radius:5px;height:10px;margin:3px 0;display:flex;overflow:hidden}.upg-chance-base{background:linear-gradient(90deg,#4f9a5a,#7fd08a)}.upg-chance-pity{background:repeating-linear-gradient(45deg,#ffcf6a,#ffcf6a 4px,#e8a43a 4px 8px)}.upg-chance-split{color:var(--paper-dim)}.upg-pity{color:#ffcf6a}.upg-bonus{margin:0;font-size:12px}.upg-cost .panel-subtitle{margin:4px 0 2px}.upg-coin{align-items:center;gap:6px;display:flex}.upg-coin small{color:var(--paper-dim)}.upg-coin.is-short b,.upg-mat.is-short .upg-mat-count{color:var(--danger)}.upg-mats{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.upg-mat{align-items:center;gap:6px;min-height:30px;display:flex}.upg-mat-icon{width:28px;height:28px}.upg-mat-name{flex:1;min-width:0}.upg-mat.is-ok .upg-mat-count{color:#9fe6a0}.upg-fail{margin:0;font-size:12px}.upg-fail.fail-drop{color:#ffc0a8}.upg-charm-text{flex-direction:column;display:flex}.upg-charm-text small{color:var(--paper-dim);font-size:11px}.upg-charm.is-short b{color:var(--paper-dim)}.upg-go{flex-direction:column;gap:4px;display:flex}.upg-block{color:var(--danger);text-align:center;margin:0;font-size:12px}.upg-hammer-btn{min-height:52px;font-size:18px;font-weight:800}@media (max-height:480px){.upg-list{max-height:220px}.upg-stage{height:78px}.upg-main{grid-template-columns:minmax(140px,.7fr) 1.3fr}}@media (max-width:520px){.upg-main{grid-template-columns:1fr}.upg-list{max-height:160px}}.duel-bar{top:calc(max(8px, env(safe-area-inset-top)) + 44px);z-index:6;color:#fff2d0;background:#46120edb;border:1px solid #ff8c6e99;border-radius:10px;align-items:center;gap:10px;min-width:240px;max-width:min(460px,100vw - 440px);padding:6px 8px 6px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.duel-bar[hidden]{display:none}.duel-bar-text{flex-direction:column;flex:1;min-width:0;display:flex}.duel-bar-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.duel-bar-clock{color:#ffd27a;font-size:15px;font-weight:800}.duel-bar.is-countdown .duel-bar-clock{color:#ff9a7a}.duel-bar-hint{color:#fff2d0bf;font-size:10px;line-height:1.2}.duel-forfeit{flex:none;min-width:72px;min-height:44px}.duel-banner{z-index:7;max-width:calc(100vw - 40px);color:var(--paper);text-align:center;pointer-events:none;background:#14111cd1;border:1px solid #d8a94a99;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 22px;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%)}.duel-banner[hidden]{display:none}.duel-banner.run{animation:.45s ease-out duel-banner-pop}.duel-banner-title{font-size:18px}.duel-banner.is-mine .duel-banner-title{font-size:30px}.duel-banner[data-kind=win] .duel-banner-title{color:#ffe27a;text-shadow:0 0 12px #ffd25acc}.duel-banner[data-kind=lose] .duel-banner-title{color:#ffb4a0}.duel-banner[data-kind=draw] .duel-banner-title{color:#bfe3ff}.duel-banner[data-kind=cancelled] .duel-banner-title{color:var(--paper-dim)}.duel-banner-detail{color:var(--paper-dim);font-size:12px}@keyframes duel-banner-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}60%{opacity:1;transform:translate(-50%)scale(1.08)}to{transform:translate(-50%)scale(1)}}@media (max-height:480px){.duel-bar{top:calc(max(6px, env(safe-area-inset-top)) + 36px);min-width:200px;max-width:calc(100vw - 360px)}.duel-banner{top:24%}.duel-banner.is-mine .duel-banner-title{font-size:24px}}.settings-hint{color:var(--paper-dim);margin:-6px 0 4px 28px;font-size:11px}.boss-hud{top:calc(max(8px, env(safe-area-inset-top)) + 2px);z-index:5;pointer-events:none;flex-direction:column;align-items:stretch;gap:4px;width:min(440px,100vw - 440px);min-width:240px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.boss-hud[hidden]{display:none}.boss-bar{color:#fff2d0;background:#1a0c0edb;border:1px solid #ff785a8c;border-radius:10px;padding:5px 10px 7px;box-shadow:0 2px 10px #00000073}.boss-bar[hidden]{display:none}.boss-bar-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;display:flex}.boss-title{color:#ffd27a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.boss-hp-text{font-variant-numeric:tabular-nums;color:#fff2d0d9;flex:none;font-size:11px}.boss-hp-track{background:#0009;border-radius:6px;height:12px;margin-top:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.boss-hp-fill,.boss-hp-chunk{width:100%;position:absolute;inset:0 auto 0 0}.boss-hp-fill{background:linear-gradient(#ff8a6a 0%,#e0302a 45%,#8a1212 100%);transition:width .12s ease-out}.boss-hp-chunk{background:#fff0c8;transition:width .5s ease-in .35s}.boss-toggle{pointer-events:auto;align-self:center;min-width:96px;min-height:44px;padding:0 12px;font-size:12px}.boss-rank{pointer-events:auto;width:min(280px,100%);color:var(--paper,#fff2d0);background:#14111cd6;border:1px solid #d8a94a80;border-radius:10px;align-self:center;padding:6px 8px;font-size:12px}.boss-rank[hidden]{display:none}.boss-hud.is-final .boss-rank{border-color:#ffd25ae6;animation:.4s ease-out boss-final-pop;box-shadow:0 0 14px #ffc85073}.boss-rank-title{color:#ffd27a;text-align:center;margin-bottom:4px;display:block}.boss-rank-empty{text-align:center;color:var(--paper-dim,#c8bca8)}.boss-rank-empty[hidden]{display:none}.boss-rank-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.boss-rank-row{background:#ffffff0d;border-radius:4px;align-items:center;gap:6px;padding:1px 6px;display:flex;position:relative;overflow:hidden}.boss-rank-row[hidden]{display:none}.boss-rank-fill{background:linear-gradient(90deg,#e0302a73,#e0302a26);transition:width .3s ease-out;position:absolute;inset:0 auto 0 0}.boss-rank-place,.boss-rank-name,.boss-rank-pct{position:relative}.boss-rank-place{text-align:right;color:#ffd27a;width:16px;font-weight:700}.boss-rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.boss-rank-pct{font-variant-numeric:tabular-nums}.boss-rank-row.is-mine{background:#ffd25a38;box-shadow:inset 0 0 0 1px #ffd25acc}.boss-rank-row.is-mine .boss-rank-name{color:#ffe9a0;font-weight:700}@keyframes boss-final-pop{0%{opacity:0;transform:scale(.85)}70%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}@media (max-height:480px){.boss-hud{top:calc(max(4px, env(safe-area-inset-top)) + 2px);gap:2px;width:calc(100vw - 380px);min-width:200px}.boss-bar{padding:3px 8px 5px}.boss-bar-head{font-size:11px}.boss-hp-text{font-size:10px}.boss-hp-track{height:8px;margin-top:2px}.boss-rank{max-height:190px;font-size:11px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.boss-hp-chunk,.boss-hp-fill,.boss-rank-fill{transition:none}.boss-hud.is-final .boss-rank{animation:none}}.travel-banner{top:calc(max(8px, env(safe-area-inset-top)) + 44px);z-index:5;color:#e9ffe9;background:#14281edb;border:1px solid #7dffb080;border-radius:10px;align-items:center;gap:8px;min-width:220px;max-width:min(460px,100vw - 440px);padding:2px 2px 2px 12px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.travel-banner[hidden]{display:none}.travel-banner.is-hunting{color:#fff0d8;background:#3c1e0cdb;border-color:#ffbe6e99}.travel-dot{background:#7dffb0;border-radius:50%;flex:none;width:8px;height:8px;animation:1s ease-in-out infinite travel-pulse}.travel-banner.is-hunting .travel-dot{background:#ffb46a}.travel-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.travel-cancel{width:44px;height:44px;font:inherit;color:inherit;cursor:pointer;background:#00000040;border:1px solid #fff3;border-radius:8px;flex:none;font-size:18px;font-weight:700}@keyframes travel-pulse{50%{opacity:.35}}@media (max-height:480px){.travel-banner{top:calc(max(6px, env(safe-area-inset-top)) + 36px);min-width:200px;max-width:calc(100vw - 360px);font-size:12px}}.is-touch .qt-req{min-height:44px}.qt-req.is-missing .qt-req-name:after{content:" ›";color:#7dffb0}.panel-community{flex-direction:column;gap:8px;display:flex}.cm-intro{color:var(--paper-dim);margin:0;font-size:13px}.cm-reward{width:40px;height:40px;display:inline-flex;position:relative}.cm-reward-icon{background:#00000059;border-radius:6px;width:40px;height:40px}.cm-reward-qty{color:var(--gold-2);background:#14111ce6;border-radius:4px;padding:0 3px;font-size:11px;font-weight:700;line-height:1.3;position:absolute;bottom:-2px;right:-2px}.cm-coin{color:var(--gold-2);white-space:nowrap;font-size:12px}.cm-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.cm-day{border:1px solid var(--line);text-align:center;background:#2b2438d9;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-height:120px;padding:6px 3px;display:flex;position:relative}.cm-day-name{color:var(--paper);font-size:13px}.cm-day-tag{color:#fff3d6;background:#c8402fcc;border-radius:999px;padding:0 6px;font-size:11px}.cm-day-rewards{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.cm-day.is-big{border-color:var(--gold-2);background:linear-gradient(#784614d9,#2b2438d9)}.cm-day.is-now{border:2px solid var(--gold-2);box-shadow:0 0 10px #f2d27cb3}.cm-day.is-today{animation:1.6s ease-in-out infinite cm-glow}.cm-day.is-claimed{opacity:.7}.cm-tick{color:#8ee07a;text-shadow:0 1px 2px #000;font-size:20px;font-weight:900;position:absolute;top:2px;right:4px}@keyframes cm-glow{50%{box-shadow:0 0 18px #f2d27c}}.cm-streak{color:var(--gold-2);justify-content:space-between;align-items:baseline;gap:8px;font-weight:700;display:flex}.cm-streak small{color:var(--paper-dim);font-weight:400}.cm-big-btn{min-height:48px;font-size:17px}.cm-pop{z-index:200;border:2px solid var(--gold-2);pointer-events:auto;background:#14111cf2;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:220px;padding:14px 18px;animation:.35s ease-out cm-pop-in;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #f2d27c99}.cm-pop-title{color:var(--gold-2);font-size:17px}.cm-pop-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.cm-pop-extra{color:#b8f09a;margin:0}.cm-pop-close{color:var(--paper-dim)}@keyframes cm-pop-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.cm-chip{box-sizing:border-box;color:#effff8;width:176px;min-height:28px;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;pointer-events:auto;background:linear-gradient(90deg,#14505aeb,#1e6e64eb);border:1px solid #8ee0d0;border-radius:12px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:12px;font-weight:700;display:flex;position:relative}.hud-topright .cm-chip{width:auto}.cm-chip[hidden]{display:none}.cm-chip-icon,.cm-chip-img{flex:none;width:22px;height:22px}.cm-chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cm-chip[data-badge]:after{content:attr(data-badge);color:#fff;text-align:center;background:#e0573f;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:11px;line-height:16px;position:absolute;top:-6px;right:-6px}.cm-tabs{gap:6px;display:flex}.cm-tab{border:1px solid var(--line);min-height:44px;color:var(--paper-dim);font:inherit;cursor:pointer;background:#2b2438d9;border-radius:8px;flex:1;font-weight:700}.cm-tab.is-active{border-color:var(--gold-2);color:var(--gold-2);background:#78461499}.cm-progress,.cm-shop{flex-direction:column;gap:8px;display:flex}.cm-collect{align-items:center;gap:8px;font-size:14px;display:flex}.cm-collect-icon{flex:none;width:32px;height:32px}.cm-bar{border:1px solid var(--gold);background:#00000073;border-radius:13px;height:26px;position:relative;overflow:hidden}.cm-bar-fill{background:linear-gradient(90deg,#3a8a34,#b8f09a);height:100%;transition:width .6s ease-out}.cm-bar-text{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.cm-marks{height:18px;margin:-6px 14px 0 0;position:relative}.cm-mark{color:var(--paper-dim);font-size:11px;position:absolute;top:0;transform:translate(-50%)}.cm-mark:before{content:"▲";text-align:center;font-size:8px;line-height:1;display:block}.cm-mark.is-reached{color:var(--gold-2);font-weight:700}.cm-ends,.cm-mine{margin:0;font-size:13px}.cm-mine{color:var(--gold-2)}.cm-milestones,.cm-offers{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cm-ms,.cm-offer{border:1px solid var(--line);background:#2b2438d9;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.cm-ms.is-ready{border-color:var(--gold-2);box-shadow:0 0 8px #f2d27c80}.cm-ms-title{width:58px;color:var(--gold-2);flex:none}.cm-ms-rewards{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.cm-wings{color:#b8f09a;font-size:12px}.cm-claim-btn,.cm-buy-btn{flex:none;min-width:96px;min-height:44px}.cm-offer-item{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cm-offer-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cm-offer-cost{color:var(--paper-dim);flex:none;font-size:12px}.cm-stepper{flex:none}.cm-stepper .shop-step{min-width:44px;min-height:44px}.cm-qty{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-weight:700;display:inline-block}@media (max-height:520px){.cm-chip{min-height:24px;font-size:10px}.cm-chip:before{content:"";position:absolute;inset:-10px -2px}.cm-day{min-height:0;padding:4px 2px}.cm-reward,.cm-reward-icon{width:32px;height:32px}.cm-offer{flex-wrap:wrap}.cm-intro{font-size:12px}}