:root{--cursor-default: default;--cursor-pointer: pointer;--cursor-text: text;--cursor-grab: grab;--cursor-grabbing: grabbing;--cursor-move: move;--cursor-help: help;--cursor-forbidden: not-allowed;--cursor-wait: wait}html{cursor:var(--cursor-default)}input,textarea{cursor:var(--cursor-text)}a,button,select,summary,input[type=button],input[type=checkbox],input[type=color],input[type=radio],input[type=range],input[type=submit]{cursor:var(--cursor-pointer)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:var(--cursor-forbidden)}.backpack-slot.occupied:active,.corpse-gump-window .backpack-slot.occupied:active,.container-gump-window .backpack-slot.occupied:active,.equip-slot.filled:active{cursor:var(--cursor-grabbing)}body.targeting,body.targeting *:not([style*=cursor]){cursor:var(--targeting-cursor)!important}body.targeting .player-frame.self-target-refused .player-frame-main,body.targeting .player-frame.self-target-refused .player-frame-main :not(.stance-badge,.stance-badge *){cursor:var(--cursor-forbidden)!important}.disconnect-modal-overlay{cursor:var(--cursor-wait)}:root{--bg-obsidian: #11100e;--surface-iron: #1d1a16;--surface-iron-raised: #28241e;--surface-stone: #332d25;--parchment-light: #e8dcc4;--parchment-mid: #d6c4a0;--parchment-dark: #b9a176;--parchment-ink: #2b2115;--brass-border: #8c6f3e;--brass-highlight: #c9a45c;--brass-muted: #5a4728;--text-ivory: #f0e6d2;--text-warm-muted: #b5a68c;--crimson-hp: #a62626;--sapphire-mana: #255c8a;--amber-stam: #b88628;--emerald-guarded: #2e6f40;--scene-bg: linear-gradient(90deg, rgba(18, 13, 10, .8), transparent 30%, transparent 70%, rgba(18, 13, 10, .8)), radial-gradient(circle at 50% 45%, transparent 20%, rgba(18, 13, 10, .85) 80%), linear-gradient(0deg, #120d0a 0%, rgba(18, 13, 10, .8) 50%, rgba(18, 13, 10, .5) 100%), url(/assets/ui/login-backdrop.jpg?v=8fdf1b60fff1) center / cover no-repeat, #120d0a;--field-bg: #14110d;--field-border: var(--brass-muted);--shadow-heavy: 0 14px 36px rgba(0, 0, 0, .72);--font-serif: Georgia, "Times New Roman", serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-obsidian);color:var(--text-ivory);font-family:var(--font-sans);user-select:none;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#app-shell{display:flex;flex-direction:column;width:100vw;height:100dvh;min-width:600px;min-height:400px}.mono-readout{font-family:var(--font-mono);font-size:12px;color:var(--text-warm-muted);white-space:nowrap}.uo-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:linear-gradient(180deg,#332c22,#211c15);color:var(--text-ivory);border:1px solid var(--brass-border);border-radius:4px;font-family:var(--font-serif);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:var(--cursor-pointer);transition:background .15s ease,border-color .15s ease,transform .08s ease}.uo-btn:hover{background:linear-gradient(180deg,#42382b,#2b241b);border-color:var(--brass-highlight)}.uo-btn:active{transform:translateY(1px)}.uo-btn-primary{background:linear-gradient(180deg,#634922,#3d2c12);border-color:var(--brass-highlight);color:#fff6e0}.uo-btn-primary:hover{background:linear-gradient(180deg,#78592a,#4d3818)}.uo-btn-small{padding:5px 10px;font-size:12px}.btn-key{display:inline-block;padding:1px 5px;font-family:var(--font-mono);font-size:11px;background-color:#00000073;border:1px solid var(--brass-muted);border-radius:3px;color:var(--brass-highlight);white-space:nowrap}#viewport-container{position:relative;flex:1;width:100%;height:100dvh;overflow:hidden;background-color:#0d0b09}#world-canvas{display:block;width:100%;height:100%;cursor:var(--cursor-default);outline:none;-webkit-tap-highlight-color:transparent;transition:filter .6s ease-in-out}body.player-dead #world-canvas,#world-canvas.dead-screen,.dead-screen{filter:grayscale(100%) contrast(1.15) brightness(.92);transition:filter .6s ease-in-out}body.player-dead #mini-radar-canvas,#mini-radar-canvas.dead-screen{filter:grayscale(100%) contrast(1.1);transition:filter .6s ease-in-out}body.player-dead #paperdoll-canvas,#paperdoll-canvas.dead-screen{filter:grayscale(100%) contrast(1.05);transition:filter .6s ease-in-out}.death-ghost-banner{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:38;padding:6px 18px;background:#0e0d0ce0;border:1px solid #7a7a7a;border-radius:4px;color:#e2e2e2;font-family:var(--font-serif);font-size:13.5px;letter-spacing:.5px;box-shadow:0 4px 18px #000000bf;display:none;align-items:center;gap:8px;pointer-events:none;animation:ghostBannerPulse 3s ease-in-out infinite}@keyframes ghostBannerPulse{0%,to{box-shadow:0 4px 18px #000000bf,0 0 12px #ffffff1f}50%{box-shadow:0 4px 18px #000000d9,0 0 20px #ffffff47}}body.player-dead .death-ghost-banner{display:flex}.shard-reveal-overlay{position:absolute;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,#1e1811f5,#0d0b09fc 72%);opacity:1;visibility:visible;transition:opacity .65s cubic-bezier(.22,1,.36,1),visibility .65s ease}.shard-reveal-overlay.is-revealing{opacity:0;visibility:hidden;pointer-events:none}.shard-reveal-medallion{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 42px;border:1px solid rgba(201,164,92,.45);border-radius:10px;background:linear-gradient(180deg,#282219eb,#14110df2);box-shadow:0 18px 48px #000000d9,0 0 38px #c9a45c29;text-align:center;transform:scale(1);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .48s ease}.shard-reveal-overlay.is-revealing .shard-reveal-medallion{transform:scale(1.08);opacity:0}.shard-moongate-ring{width:68px;height:68px;border-radius:50%;border:2px solid var(--brass-highlight);box-shadow:0 0 22px #e5c15873,inset 0 0 16px #5ce1ff47;animation:shardMoongatePulse 1.6s ease-in-out infinite}.shard-compass-star{margin-top:-51px;margin-bottom:24px;font-size:26px;color:#ffe299;text-shadow:0 0 12px rgba(255,226,153,.8)}.shard-reveal-title{font-family:var(--font-serif);font-size:20px;font-weight:700;letter-spacing:.06em;color:var(--text-ivory);margin-bottom:6px}.shard-reveal-subtitle{font-family:var(--font-sans);font-size:13px;color:var(--text-warm-muted)}@keyframes shardMoongatePulse{0%,to{transform:scale(.96);opacity:.82}50%{transform:scale(1.05);opacity:1}}.screen-too-small-overlay{display:none}@media (max-width: 599px){.screen-too-small-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,#1e1811fa,#0d0b09);padding:24px;text-align:center}.screen-too-small-box{max-width:360px;padding:28px 24px;background:linear-gradient(180deg,#2b231b,#17130e);border:2px solid var(--brass-highlight);border-radius:8px;box-shadow:0 16px 48px #000000e6;display:flex;flex-direction:column;align-items:center;gap:12px}.screen-too-small-icon{font-size:32px}.screen-too-small-title{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--brass-highlight)}.screen-too-small-text{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--parchment-light)}.screen-too-small-badge{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:4px;background:#b4322859;border:1px solid #d94141;color:#ffb8b0}}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background-color:var(--field-bg)}input:-webkit-autofill,input:-webkit-autofill:focus,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--field-bg) inset;-webkit-text-fill-color:var(--text-ivory);caret-color:var(--text-ivory)}.realm-crest-wrap{width:var(--crest-size, 96px);height:var(--crest-size, 96px);border-radius:50%;overflow:hidden;filter:drop-shadow(0 8px 16px rgba(0,0,0,.9))}.realm-crest{width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:screen;transform:scale(1.05);filter:contrast(1.15) brightness(1.05)}@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/eb-garamond.woff2?v=88603384163d) format("woff2")}@font-face{font-family:Literata;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/literata.woff2?v=7478e1920209) format("woff2")}:root{--font-heading: "EB Garamond", Georgia, "Times New Roman", serif;--font-body: "Literata", Georgia, "Times New Roman", serif}:root{--hud-radius: 6px;--hud-panel-bg: rgba(20, 17, 14, .9);--hud-header-bg: rgba(43, 34, 26, .95);--hud-panel-border: var(--brass-border);--hud-divider: var(--brass-muted);--hud-shadow: var(--shadow-heavy);--hud-shadow-soft: 0 2px 8px rgba(0, 0, 0, .5);--hud-control-size: 20px;--hud-dock-icon-size: 36px;--hud-dock-glyph-size: 18px}@media (hover: none) and (pointer: coarse){:root{--hud-tap-area: calc(44px / var(--hud-scale, 1));--hud-edge: 14px;--hud-control-size: calc(28px / var(--hud-scale, 1));--hud-dock-icon-size: calc(36px / var(--hud-scale, 1));--hud-dock-glyph-size: calc(18px / var(--hud-scale, 1))}}.hud-panel{background:var(--hud-panel-bg);border:1px solid var(--hud-panel-border);border-radius:var(--hud-radius);box-shadow:var(--hud-shadow)}.hud-panel-quiet{border-color:var(--hud-divider);border-radius:4px;box-shadow:var(--hud-shadow-soft)}.hud-panel-header{background:var(--hud-header-bg);border-bottom:1px solid var(--hud-divider)}.hud-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--hud-control-size);height:var(--hud-control-size);padding:0;background:transparent;border:1px solid var(--hud-divider);border-radius:3px;color:var(--parchment-light);font-size:12px;font-weight:700;line-height:1;cursor:var(--cursor-pointer)}.hud-icon-btn:hover{border-color:var(--brass-highlight);color:#fff}.hud-panel-hidden{display:none!important}.hud-dock{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hud-dock:empty{display:none}.hud-dock-icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--hud-dock-icon-size);height:var(--hud-dock-icon-size);padding:0;border:2px solid var(--brass-highlight);border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3d2b,#1c150c);box-shadow:var(--hud-shadow);color:#f4c430;font-family:var(--font-serif);font-size:var(--hud-dock-glyph-size);font-weight:700;letter-spacing:-.04em;line-height:1;cursor:var(--cursor-pointer);pointer-events:auto;-webkit-tap-highlight-color:transparent}.hud-dock-icon[hidden]{display:none}.hud-dock-icon:hover{border-color:#ffe9a8}.hud-dock-icon:active{transform:scale(.9);filter:brightness(1.3);box-shadow:0 0 0 3px #ffdf828c}.hud-dock-icon.attention{animation:hud-dock-glow 1.6s ease-in-out infinite}@keyframes hud-dock-glow{0%,to{box-shadow:var(--hud-shadow)}50%{box-shadow:0 0 14px 3px #ffd84abf}}@media (prefers-reduced-motion: reduce){.hud-dock-icon.attention{animation:none;box-shadow:0 0 14px 3px #ffd84abf}}.hud-dock-glyph{display:block;width:var(--hud-dock-glyph-size);height:var(--hud-dock-glyph-size);fill:currentColor}.hud-dock-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;border:1px solid #e0a0a0;border-radius:8px;background:var(--crimson-hp);color:#fff;font:700 10px/14px var(--font-sans);letter-spacing:0;text-align:center}.hud-dock-badge:empty{display:none}.hud-panel-dialog{--hud-tap-area: 44px;--hud-control-size: 28px;position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%);zoom:1!important;width:min(460px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto;z-index:71!important}.hud-panel-dialog .quest-tracker-buttons{display:none}.hud-panel-dialog .quest-tracker-header{padding:10px 14px;cursor:var(--cursor-default)}.hud-panel-dialog .quest-tracker-body{padding:12px 14px 6px}.hud-panel-dialog .quest-tracker-footer,.hud-panel-dialog .enemy-list-footer{display:block;padding:8px 14px 10px;border-top:1px solid var(--hud-divider)}.hud-panel-dialog .quest-tracker-footer-close,.hud-panel-dialog .enemy-list-footer-close{display:block;width:100%;min-height:var(--hud-tap-area);font-size:14px}.hud-panel-dialog #enemy-list-collapse{display:none}.hud-panel-dialog .enemy-list-header{padding:10px 14px;cursor:var(--cursor-default)}.hud-panel-dialog .enemy-list-items{flex:1 1 auto;min-height:0;max-height:none}.hud-panel-dialog .quest-btn.secondary.tiny{padding:0 4px;background:none;border:0;color:var(--text-warm-muted);font-size:13px;font-weight:400;text-decoration:underline}.hud-dialog-backdrop{position:fixed;inset:0;z-index:70;background:#08060499;touch-action:none}.hud-dialog-backdrop[hidden]{display:none}.hud-dock-hint{position:fixed;z-index:60;max-width:220px;padding:6px 10px;transform:translateY(-50%);background:#14110eeb;border:1px solid var(--brass-muted);border-radius:var(--hud-radius);box-shadow:var(--hud-shadow);font-family:var(--font-serif);font-size:12px;line-height:1.35;color:var(--parchment-light);pointer-events:none;opacity:0;transition:opacity .25s ease .15s}.hud-dock-hint.visible{opacity:1}.lang-toggle-btn{display:inline-flex;align-items:center;gap:4px;background:#1e1812bf;border:1px solid #7a6345;color:#eed69b;font-family:var(--font-serif);font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 8px;border-radius:4px;cursor:var(--cursor-pointer);transition:all .15s ease}.lang-toggle-btn:hover{background:#382a1cf2;border-color:#d9b166;color:#fff}.lang-flag{font-size:12px}.player-frame{--buff-size: 26px;--buff-gap: 6px;--buff-row: calc(var(--buff-size) + 6px);position:absolute;top:12px;left:12px;padding-bottom:var(--buff-row);user-select:none;touch-action:none;pointer-events:none;z-index:26}.player-frame-main{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;white-space:nowrap;pointer-events:auto;cursor:var(--cursor-grab);transition:border-color .25s ease,box-shadow .25s ease}.player-frame.dragging .player-frame-main{cursor:var(--cursor-grabbing)}.player-frame.war-mode-active .player-frame-main{border-color:#d94638;box-shadow:0 0 14px #d946388c,var(--hud-shadow)}.player-frame.self-target-ready .player-frame-main:hover{border-color:var(--self-target-color);box-shadow:0 0 16px var(--self-target-color),inset 0 0 0 1px var(--self-target-color),var(--hud-shadow)}.player-frame-face{position:relative;flex:none;width:48px;height:48px}#player-frame-face{display:block;width:100%;height:100%;box-sizing:border-box;border:2px solid var(--brass-highlight);border-radius:50%}body.player-dead #player-frame-face{filter:grayscale(100%) contrast(1.05)}.stance-badge{position:absolute;right:-7px;bottom:-5px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:50%;font-size:12px;line-height:1;cursor:var(--cursor-pointer);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.stance-icon{display:block;width:14px;height:14px;fill:currentColor}.stance-peace .stance-icon-war,.stance-war .stance-icon-peace{display:none}.stance-peace{background:radial-gradient(circle at 35% 30%,#2f4a39,#12241a);border:2px solid #52b474;color:#8fe6ad}.stance-war{background:radial-gradient(circle at 35% 30%,#7d1d1d,#3a0c0c);border:2px solid #ff6b57;box-shadow:0 0 10px #ff5a46d9;color:#ffc4ba}#vitals-panel{flex-shrink:0}.vitals-bars{display:flex;flex-direction:column;gap:3px}.vital-row{display:flex;align-items:center;gap:6px;white-space:nowrap}.vital-tag{width:16px;font-size:10px;font-weight:700;color:var(--text-warm-muted)}.vital-track{width:110px;height:9px;background-color:#0e0c0a;border:1px solid #473c2c;border-radius:3px;overflow:hidden}.vital-fill{height:100%;width:100%;transition:width .6s ease-out}.fill-hp{background:linear-gradient(90deg,#821b1b,#d94141)}.fill-hp.poisoned{background:linear-gradient(90deg,#3a6b17,#7fd02e)}.fill-mana{background:linear-gradient(90deg,#1b4973,#3b82bd)}.fill-stam{background:linear-gradient(90deg,#8c6319,#d49d35)}.vital-num{font-family:var(--font-mono);font-size:10px;color:var(--text-ivory);white-space:nowrap}.gold-chip{color:#ffe28a}.login-lang-btn{align-self:center}.mine-trigger-btn{background:linear-gradient(180deg,#3b2d1d,#241b11);border-color:#c99642;color:#ffe6ad}.mine-trigger-btn.mining-active{background:linear-gradient(180deg,#59411e,#362610);border-color:#ffd659;box-shadow:0 0 10px #ffd65973;color:#fff}#mini-compass-widget{position:absolute;top:14px;right:16px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:10}.compass-ring{position:relative;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#2a2319 60%,#17130d);border:3px solid var(--brass-border);box-shadow:var(--shadow-heavy);display:flex;align-items:center;justify-content:center}#mini-radar-canvas{width:112px;height:112px;border-radius:50%;border:1px solid var(--brass-muted);cursor:var(--cursor-pointer)}.compass-dir{position:absolute;font-family:var(--font-serif);font-size:10px;font-weight:700;color:var(--brass-highlight);background-color:#1a1610;padding:0 3px;border-radius:2px;pointer-events:none}.dir-n{top:-6px;left:50%;transform:translate(-50%)}.dir-s{bottom:-6px;left:50%;transform:translate(-50%)}.dir-e{right:-6px;top:50%;transform:translateY(-50%)}.dir-w{left:-6px;top:50%;transform:translateY(-50%)}.compass-region{position:absolute;top:8px;right:calc(100% + 6px);max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:right;font-family:var(--font-serif);font-size:10px;font-style:italic;letter-spacing:.06em;color:var(--parchment-light);opacity:.85;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.8);pointer-events:none}.compass-coords{font-family:var(--font-mono);font-size:11px;color:var(--parchment-light);background:#18140fe6;border:1px solid var(--brass-muted);border-radius:3px;padding:2px 8px;letter-spacing:.5px;pointer-events:none}.bottom-dock{position:absolute;bottom:14px;left:16px;display:flex;align-items:flex-end;gap:12px;max-width:calc(100vw - 32px);z-index:12;pointer-events:none}#journal-panel{position:relative;bottom:auto;left:auto;width:320px;max-width:min(340px,42vw);display:flex;flex-direction:column;flex-shrink:0;pointer-events:auto;z-index:10}.journal-header{display:flex;align-items:center;justify-content:space-between;padding:5px 10px}.journal-title{font-family:var(--font-serif);font-size:12px;font-weight:700;color:var(--brass-highlight)}.journal-header-actions{display:flex;align-items:center;gap:4px}.journal-clear-btn{background:transparent;border:1px solid var(--brass-muted);color:var(--text-warm-muted);font-size:11px;padding:1px 6px;border-radius:3px;cursor:var(--cursor-pointer)}.journal-clear-btn:hover{color:var(--text-ivory);border-color:var(--brass-highlight)}.journal-entries{list-style:none;height:120px;overflow-y:auto;padding:6px 10px;font-size:12px;line-height:1.45;display:flex;flex-direction:column;gap:3px}.journal-entry{color:var(--parchment-light)}.journal-entry.entry-lore{color:#dfbe78}.journal-entry.entry-speech{color:#9ed0ff}.journal-entry.entry-travel{color:#a6dfb5}.journal-entry.entry-skill{color:#7fd6f2}.journal-entry.entry-combat{color:#ff8f7a;font-weight:600}.speech-bar{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--surface-stone);background:#0f0d0af2}.speech-bar input{flex:1;background:var(--field-bg);border:1px solid var(--field-border);border-radius:3px;padding:4px 8px;color:var(--text-ivory);font-size:12px}.speech-bar input:focus{outline:none;border-color:var(--brass-highlight)}.bottom-right-cluster{position:absolute;top:178px;right:16px;width:132px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:10;pointer-events:none}.bottom-right-cluster>*{pointer-events:auto}.top-left-cluster{position:absolute;top:110px;left:16px;z-index:10;pointer-events:none}.top-left-cluster>*{pointer-events:auto}.perf-stats-widget{padding:4px 6px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;user-select:none;touch-action:none;cursor:var(--cursor-grab)}.perf-stats-widget.dragging{cursor:var(--cursor-grabbing)}.perf-stats-widget.perf-stats-floating{position:fixed;z-index:14}.perf-stats-widget .sep{color:var(--brass-border);opacity:.6}#controls-hint{padding:6px 12px;font-size:12px;color:var(--text-warm-muted);display:flex;align-items:center;gap:8px}.controls-hint-items{display:block;min-width:0}.controls-hint-row{display:flex;align-items:center;gap:8px}.controls-hint-tab{display:none;align-items:center;gap:4px;background:transparent;border:none;padding:0;font:inherit;font-weight:600;color:var(--parchment-light);cursor:var(--cursor-pointer)}.controls-hint-tab:hover{color:#ffe8b3}.controls-hint-chevron{display:inline-block;transition:transform .3s ease}#controls-hint.controls-drawer{gap:6px}#controls-hint.controls-drawer .controls-hint-tab{display:inline-flex}#controls-hint.controls-drawer.open .controls-hint-chevron{transform:rotate(90deg)}#controls-hint.controls-drawer .controls-hint-items{display:grid;grid-template-columns:0fr;opacity:0;visibility:hidden;transition:grid-template-columns .3s ease,opacity .22s ease,visibility 0s linear .3s}#controls-hint.controls-drawer .controls-hint-row{overflow:hidden;min-width:0;white-space:nowrap}#controls-hint.controls-drawer.open .controls-hint-items{grid-template-columns:1fr;opacity:1;visibility:visible;transition:grid-template-columns .3s ease,opacity .22s ease .06s,visibility 0s}@media (prefers-reduced-motion: reduce){#controls-hint.controls-drawer .controls-hint-items,#controls-hint.controls-drawer.open .controls-hint-items,.controls-hint-chevron{transition:none}}#controls-hint strong{color:var(--parchment-light)}#controls-hint kbd{background:#2b241b;border:1px solid var(--brass-border);border-radius:3px;padding:1px 5px;font-family:var(--font-mono);font-size:11px;color:var(--brass-highlight)}.hint-link-btn{background:transparent;border:none;color:var(--text-warm-muted);font:inherit;padding:0;cursor:var(--cursor-pointer);display:inline-flex;align-items:center;gap:4px}.hint-link-btn:hover strong{color:#ffe8b3;text-decoration:underline}.server-ping-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2px;cursor:var(--cursor-help);user-select:none;transition:color .2s ease}.ping-dot{font-size:9px;line-height:1;transition:transform .15s ease,filter .2s ease}.server-ping-badge.ping-good,.mono-readout.ping-good{color:#5cd973}.server-ping-badge.ping-good .ping-dot{color:#5cd973;filter:drop-shadow(0 0 3px rgba(92,217,115,.7))}.server-ping-badge.ping-fair,.mono-readout.ping-fair{color:#f0c849}.server-ping-badge.ping-fair .ping-dot{color:#f0c849;filter:drop-shadow(0 0 3px rgba(240,200,73,.7))}.server-ping-badge.ping-poor,.mono-readout.ping-poor{color:#ff6b6b}.server-ping-badge.ping-poor .ping-dot{color:#ff6b6b;filter:drop-shadow(0 0 3px rgba(255,107,107,.7))}.server-ping-badge.ping-offline,.mono-readout.ping-offline{color:#9c9589}.server-ping-badge.ping-offline .ping-dot{color:#807b73;filter:none}.client-fps-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2px;cursor:var(--cursor-help);user-select:none;transition:color .2s ease}.fps-dot{font-size:9px;line-height:1;transition:transform .15s ease,filter .2s ease}.client-fps-badge.fps-good,.mono-readout.fps-good{color:#5cd973}.client-fps-badge.fps-good .fps-dot{color:#5cd973;filter:drop-shadow(0 0 3px rgba(92,217,115,.7))}.client-fps-badge.fps-fair,.mono-readout.fps-fair{color:#f0c849}.client-fps-badge.fps-fair .fps-dot{color:#f0c849;filter:drop-shadow(0 0 3px rgba(240,200,73,.7))}.client-fps-badge.fps-poor,.mono-readout.fps-poor{color:#ff6b6b}.client-fps-badge.fps-poor .fps-dot{color:#ff6b6b;filter:drop-shadow(0 0 3px rgba(255,107,107,.7))}#combat-dock{position:fixed;left:0;right:0;bottom:14px;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;z-index:12}#pet-bar,#hotbar-panel{width:max-content;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:5px;background:#14110e;padding:7px 10px;transition:border-color .2s ease,box-shadow .2s ease;flex-shrink:1;min-width:0;pointer-events:auto;z-index:12}.mine-hint-btn.mining-active strong{color:#ffd27a}.macros-trigger-btn{background:linear-gradient(180deg,#382c1d,#221a11);border-color:var(--brass-highlight);color:#ffe8b3}.combat-buttons-row{--hotbar-cols: 12;--hotbar-slot: 46px;display:grid;grid-template-columns:repeat(var(--hotbar-cols),var(--hotbar-slot));gap:5px}.hotbar-empty-slot{width:var(--hotbar-slot);height:var(--hotbar-slot);background:#14110e8c;border:1px dashed var(--brass-muted);border-radius:3px}#controls-hint.controls-hint-floating{position:fixed;z-index:14}.controls-hint-grip{cursor:var(--cursor-grab);color:var(--text-warm-muted);user-select:none;touch-action:none;padding:0 2px}.controls-hint-grip.dragging{cursor:var(--cursor-grabbing)}#pet-bar{flex-direction:column;align-items:stretch;gap:3px;padding:4px 6px;background:#14110e;border-color:var(--brass-border)}#pet-bar-rows{display:none}#pet-bar-rows{display:flex;flex-direction:column}.pet-row{display:flex;flex-direction:row;align-items:center;gap:6px;padding:1px 0}.pet-row+.pet-row{border-top:1px solid var(--brass-muted)}.pet-row-all .pet-bar-head{padding-left:4px}.pet-row-all .pet-bar-name{color:var(--brass-highlight);text-transform:uppercase;letter-spacing:.06em}.pet-bar-head{flex:0 0 96px;box-sizing:border-box;display:flex;align-items:center;gap:5px;padding-right:6px;border-right:1px solid var(--brass-muted)}.pet-bar-badge{flex-shrink:0;width:14px;height:14px;padding:3px;box-sizing:content-box;color:var(--brass-highlight);background:radial-gradient(circle at 50% 35%,#3a2f20,#1c1711);border:1px solid var(--brass-border);border-radius:50%}.pet-bar-badge-summon{color:var(--summon-color, var(--brass-highlight));border-color:var(--summon-color, var(--brass-border));filter:drop-shadow(0 0 3px var(--summon-color, transparent))}#pet-bar .pet-row:not(.is-summon) .pet-bar-badge-summon,#pet-bar .pet-row.is-summon .pet-bar-badge:not(.pet-bar-badge-summon){display:none}.pet-bar-info{display:flex;flex-direction:column;gap:3px;flex:1 1 0;min-width:0}.pet-bar-name{font-size:10px;font-weight:600;color:var(--text-ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pet-bar-hp{height:4px;background:#0b0907;border:1px solid var(--brass-muted);border-radius:3px;overflow:hidden}.pet-bar-hp-fill{height:100%;width:100%;background:linear-gradient(180deg,#7bd16a,#3f8f3a);transition:width .6s ease-out,background .2s ease}.pet-bar-hp-fill.low{background:linear-gradient(180deg,#e8b04a,#b57a1c)}.pet-bar-hp-fill.critical{background:linear-gradient(180deg,#e05243,#a12c20)}.pet-bar-buttons{display:flex;gap:3px}.pet-cmd-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;box-sizing:border-box;width:32px;height:28px;padding:0;background:linear-gradient(180deg,#30281e,#1c1711);border:1px solid var(--brass-border);border-radius:5px;box-shadow:inset 0 1px #ffffff0f;color:var(--text-warm-muted);font-size:9px;letter-spacing:.02em;cursor:var(--cursor-pointer);transition:background .12s ease,border-color .12s ease,color .12s ease,transform .08s ease}.pet-cmd-icon{display:block;width:16px;height:16px;transition:color .12s ease,filter .12s ease}.pet-cmd-attack .pet-cmd-icon{color:#e07a5f}.pet-cmd-defend .pet-cmd-icon{color:#7fb2e0}.pet-cmd-follow .pet-cmd-icon{color:#8fcf7a}.pet-cmd-stay .pet-cmd-icon{color:#e8cf8f}.pet-cmd-revive .pet-cmd-icon{color:#f08aa0}.pet-cmd-release.confirming,.pet-cmd-release.confirming .pet-cmd-icon{color:#ff7b7b}.pet-cmd-label{display:none}.pet-cmd-release.confirming .pet-cmd-label{display:block}.pet-cmd-release.confirming .pet-cmd-icon{display:none}.pet-cmd-release{position:relative}.pet-cmd-countdown{position:absolute;top:1px;right:3px;font-size:8px;font-weight:700;line-height:1;color:#ff9d9d;font-variant-numeric:tabular-nums}.pet-cmd-btn[hidden]{display:none}.pet-cmd-btn:disabled{opacity:.45;cursor:var(--cursor-forbidden)}.pet-cmd-btn:hover:not(:disabled){background:linear-gradient(180deg,#43382a,#2a2218);border-color:var(--brass-highlight);color:var(--text-ivory)}.pet-cmd-btn:hover:not(:disabled) .pet-cmd-icon{filter:drop-shadow(0 0 4px currentColor)}.pet-cmd-btn:active{transform:translateY(1px)}.pet-cmd-btn.active{background:linear-gradient(180deg,#4d3f26,#33291a);border-color:#e8cf8f;box-shadow:0 0 8px #e8cf8f4d,inset 0 -2px #e8cf8f,inset 0 1px #ffffff1a;color:var(--text-ivory)}.pet-cmd-btn.active:hover:not(:disabled){background:linear-gradient(180deg,#5a4a2d,#3d311e);border-color:#f3dca0}.pet-cmd-btn:focus-visible{outline:2px solid var(--brass-highlight);outline-offset:1px}.macro-hotbar-slots{display:contents}#hotbar-panel.hotbar-floating,#pet-bar.pet-bar-floating{position:fixed}.hotbar-handle{position:relative;display:flex;justify-content:center;height:12px;line-height:12px;cursor:var(--cursor-grab);user-select:none;touch-action:none;color:var(--text-warm-muted);font-size:12px}@media (hover: none) and (pointer: coarse){.hotbar-handle{height:28px;line-height:28px;font-size:18px}}.hotbar-handle.dragging{cursor:var(--cursor-grabbing)}.hotbar-settings-link{position:absolute;right:0;top:0;height:12px;padding:0 4px;border:0;background:none;color:var(--text-warm-muted);font-size:11px;line-height:12px;cursor:var(--cursor-pointer)}.hotbar-macros-link{right:auto;left:0}.hotbar-settings-link:hover{color:var(--brass-highlight)}@media (max-width: 1310px){#journal-panel{width:max(240px,calc(50vw - 339px))}}@media (max-width: 1158px){#combat-dock{left:264px;align-items:flex-start}}@media (max-width: 901px){#combat-dock{left:0;align-items:center;bottom:220px}}#journal-panel.journal-panel-floating{position:fixed;z-index:14}.journal-header{cursor:var(--cursor-grab);user-select:none;touch-action:none}.journal-header.dragging{cursor:var(--cursor-grabbing)}.combat-slot-btn{min-width:0;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:5px;padding:4px 6px;background:linear-gradient(180deg,#30281e,#1c1711);border:1px solid var(--brass-border);border-radius:4px;color:var(--text-ivory);cursor:var(--cursor-pointer);text-align:left;transition:background .12s ease,border-color .12s ease,transform .08s ease,box-shadow .12s ease}.combat-slot-btn.macro-icon-slot{width:var(--hotbar-slot, 46px);height:var(--hotbar-slot, 46px);padding:0;justify-content:center;background:linear-gradient(145deg,#bba980,#8f7a4c);border:2px solid #4a3a22;border-radius:3px;box-shadow:inset 0 0 0 1px #fff5d280,inset 0 -6px 10px #50371459}.combat-slot-btn.macro-icon-slot:hover{background:linear-gradient(145deg,#cdbb90,#a08a58);border-color:var(--brass-highlight)}.combat-slot-btn.macro-icon-slot.spell-btn{border-color:#8f3b34}.combat-slot-btn.macro-icon-slot.neutral-btn{border-color:#6f747b}.combat-slot-btn.macro-icon-slot.heal-btn{border-color:#3f7a4a}.hotbar-tooltip{position:fixed;z-index:60;display:flex;flex-direction:column;gap:2px;max-width:260px;padding:5px 9px;background:#14110ef5;border:1px solid var(--brass-border);border-radius:4px;box-shadow:0 4px 12px #0009;font-size:12px;color:var(--text-warm-muted);pointer-events:none}.hotbar-tooltip.hidden{display:none}.hotbar-tooltip strong{color:var(--parchment-light);font-family:var(--font-serif);font-size:13px}.item-tooltip{z-index:99000;min-width:150px}.item-tooltip-row{display:flex;justify-content:space-between;gap:14px}.item-tooltip-value{color:var(--parchment-light)}.hotbar-tooltip kbd{align-self:flex-start;margin-top:-1px;padding:0 5px;background:#2b241b;border:1px solid var(--brass-border);border-radius:3px;font-family:var(--font-mono);font-size:11px;color:var(--brass-highlight)}.combat-slot-btn.macro-icon-slot.macro-pressed{transform:translateY(1px) scale(.92);border-color:#ffe9a8;box-shadow:inset 0 0 0 1px #fff5d2b3,0 0 10px #ffdc82bf;filter:brightness(1.25)}.slot-icon-main{display:block;width:36px;height:36px}.slot-icon-main .uo-icon{width:100%;height:100%;opacity:.95}.slot-icon-chain{position:absolute;left:2px;bottom:2px;display:flex;gap:1px}.slot-icon-mini{display:block;width:15px;height:15px;background:#bba980f0;border:1px solid #4a3a22;border-radius:2px}.slot-icon-mini .uo-icon{width:100%;height:100%}.combat-slot-btn.macro-icon-slot .btn-key{position:absolute;top:1px;right:1px;padding:0 3px;font-size:9px;line-height:12px;color:#ffe9b0;background:#140e08c7;border:none;border-radius:2px;text-shadow:0 1px 1px #000}.combat-slot-btn:hover{background:linear-gradient(180deg,#453829,#292118);border-color:var(--brass-highlight)}.combat-slot-btn:active{transform:translateY(1px)}.combat-slot-btn.spell-btn{border-color:#b4483f}.combat-slot-btn.neutral-btn{border-color:#8a8f96}.combat-slot-btn.heal-btn{border-color:#4c8c58}.combat-slot-btn.casting-active{border-color:#ffd659;box-shadow:0 0 12px #ffd65973}.combat-slot-btn.awaiting-target{border-color:#6df29a;box-shadow:0 0 12px #6df29a8c}.combat-slot-btn.melee-disabled-casting{opacity:.45;border-color:#5c4b36;cursor:var(--cursor-forbidden)}.combat-slot-btn.melee-swinging{border-color:#ffbe4f;box-shadow:0 0 12px #ffbe4f85}.combat-slot-btn.melee-post-spell-delay{border-color:#a38b62;opacity:.85}.melee-slot-progress{background:linear-gradient(90deg,#d97724,#ffdf75)}.slot-item-count{position:absolute;right:1px;bottom:1px;padding:0 3px;font-size:9px;line-height:12px;color:#ffe9b0;background:#140e08c7;border-radius:2px;pointer-events:none}.combat-slot-btn.slot-out-of-item{border-color:#c23a2e;box-shadow:inset 0 0 0 40px #aa231966}.combat-slot-btn.slot-out-of-item .slot-icon-main{filter:sepia(1) saturate(4) hue-rotate(-45deg) brightness(.8)}.combat-slot-btn.slot-out-of-item .slot-item-count{color:#ff8a75}.slot-cast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#3a8ee6,#ffd659);pointer-events:none}.slot-text{display:flex;flex-direction:column;line-height:1.15;position:relative;z-index:1}.slot-text strong{font-family:var(--font-serif);font-size:12px;color:var(--parchment-light)}.slot-text small{font-size:10px;color:var(--text-warm-muted)}.target-hud{--threat-size: 36px;--threat-gap: 8px;position:absolute;top:10px;left:50%;transform:translate(-50%);width:280px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:12;user-select:none;pointer-events:none}.target-hud-floating{position:fixed;transform:none}.target-frame{display:flex;align-items:center;gap:8px;width:280px;padding:5px 10px 5px 5px;touch-action:none;pointer-events:auto;cursor:var(--cursor-grab);transition:border-color .25s ease,box-shadow .25s ease}.target-frame.no-target{visibility:hidden}.target-frame.in-melee{border-color:#d94638;box-shadow:0 0 10px #d9463873,var(--hud-shadow)}.target-frame-icon{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#2a2119;border:1px solid var(--brass-highlight);color:var(--text-ivory)}.target-frame-icon .creature-icon{width:21px;height:21px}.target-frame-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.target-frame-top{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-ivory);white-space:nowrap}.target-frame-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.target-frame-status{flex:none;padding:0 4px;border-radius:3px;font-size:9px;line-height:14px}.target-frame-status:empty{display:none}.target-frame-status.badge-criminal{background:#8c96a033;border:1px solid #8d969e;color:#d5dade}.target-frame-dist{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--text-warm-muted)}.target-frame-track{height:7px;background:#0e0c0a;border:1px solid #473c2c;border-radius:3px;overflow:hidden}.target-frame-fill{height:100%;background:linear-gradient(90deg,#8f1d1d,#e64838);transform-origin:left;transition:transform .15s ease}.threat-row,.threat-icons{display:flex;align-items:center;gap:var(--threat-gap)}.creature-icon{display:block;fill:currentColor}.creature-icon .line{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.threat-btn{position:relative;flex:none;width:var(--threat-size);height:var(--threat-size);padding:3px;border:0;border-radius:50%;background:conic-gradient(#e64838 calc(var(--hp, 100) * 1%),#2a2119 0);box-shadow:0 2px 6px #000000a6;color:var(--text-ivory);cursor:var(--cursor-pointer);pointer-events:auto}.threat-glyph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#17130f}.threat-btn .creature-icon{width:72%;height:72%}.threat-btn.is-target{outline:2px solid #f0c254;outline-offset:1px}.threat-btn.status-melee:before,.threat-btn.status-aggro:before,.threat-btn.status-criminal:before{content:"";position:absolute;right:-2px;top:-2px;width:11px;height:11px;border-radius:50%;border:1.5px solid #17130f}.threat-btn.status-melee:before{background:#ff6b57}.threat-btn.status-aggro:before{background:#e6953e}.threat-btn.status-criminal:before{background:#8d969e}.threat-list-btn{flex:none;display:flex;align-items:center;justify-content:center;width:var(--threat-size);height:var(--threat-size);padding:0;background:var(--hud-panel-bg);border:1px solid var(--brass-highlight);border-radius:50%;box-shadow:0 2px 6px #000000a6;color:var(--text-ivory);font-size:12px;font-weight:700;cursor:var(--cursor-pointer);pointer-events:auto}.threat-list-btn .creature-icon{width:55%;height:55%}.enemy-list-panel{position:absolute;top:214px;right:16px;width:318px;display:flex;flex-direction:column;z-index:12;overflow:hidden}.enemy-list-panel.hidden,.enemy-list-footer{display:none}.enemy-list-panel.enemy-list-floating{position:fixed}.enemy-list-header{cursor:var(--cursor-grab);user-select:none;touch-action:none;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 8px}.enemy-row-with-actions{display:flex;align-items:stretch;gap:3px}.enemy-row-with-actions .enemy-row-btn{flex:1;min-width:0}.enemy-row-actions{display:flex;flex-direction:column;justify-content:center;gap:2px}.enemy-row-icon{padding:0 3px;font-size:11px;line-height:1.3;background:#1f1912;border:1px solid #473a29;border-radius:3px;color:var(--text-warm-muted);opacity:.55;cursor:var(--cursor-pointer)}.enemy-row-icon .shield-icon{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.enemy-row-icon .shield-cross{stroke-width:1.6;opacity:0}.enemy-row-icon.on .shield-icon{fill:#7fb6ff59}.enemy-row-icon.on .shield-cross{opacity:1}.enemy-row-icon.on:has(.shield-icon){color:#8cc2ff}.enemy-row-icon:hover,.enemy-row-icon.on{opacity:1;border-color:var(--brass-highlight)}.enemy-row-icon.on{background:#3a2e22}.enemy-row-btn.away{opacity:.6}.enemy-row-btn.away .enemy-row-name{color:#9aa0a6;font-style:italic}.badge-away{color:#8a9097;font-style:italic}.enemy-list-empty{padding:8px 10px;font-size:11px;font-style:italic;color:var(--text-warm-muted)}.enemy-list-tabs{display:flex;border-bottom:1px solid var(--brass-muted)}.enemy-list-tab{flex:1;padding:3px 6px;font-family:var(--font-serif);font-size:11px;color:var(--brass-muted);background:#1e1812e6;border:0;cursor:var(--cursor-pointer)}.enemy-list-tab.active{color:var(--brass-highlight);background:#3a2e22f2;font-weight:700}.enemy-row-btn .badge-criminal{color:#b4bbc2;font-weight:700}.enemy-list-title{font-family:var(--font-serif);font-size:11.5px;font-weight:700;color:var(--brass-highlight);white-space:nowrap}.enemy-list-shortcuts{display:flex;align-items:center;gap:4px}.enemy-clear-btn{border-color:#8f3a32;color:#ffb8b0}.enemy-clear-btn:hover{background:#591f1a;border-color:#ff6b57;color:#fff}.enemy-list-items{list-style:none;display:flex;flex-direction:column;gap:4px;padding:6px;max-height:220px;overflow-y:auto}.enemy-row-btn{width:100%;display:flex;flex-direction:column;gap:3px;padding:5px 8px;background:linear-gradient(180deg,#29221a,#1b1611);border:1px solid #473a29;border-radius:4px;color:var(--parchment-light);text-align:left;cursor:var(--cursor-pointer);transition:background .12s ease,border-color .12s ease}.enemy-row-btn:hover{background:linear-gradient(180deg,#3b3022,#261f16);border-color:var(--brass-highlight)}.enemy-row-btn.active-target{background:linear-gradient(180deg,#4f1c19,#2e100e);border-color:#ff6b57;box-shadow:inset 0 0 0 1px #ff6b5759}.enemy-row-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.enemy-row-name{font-family:var(--font-serif);font-size:11.5px;font-weight:700;color:#f5e6c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enemy-row-btn.active-target .enemy-row-name{color:#ffe2dc}.enemy-row-btn.protected{border-color:#4f9a68;box-shadow:inset 0 0 0 1px #5fc88238}.enemy-row-btn.protected:hover{border-color:#79d594}.enemy-row-btn.protected.active-target{background:linear-gradient(180deg,#1f4a2f,#112a1b);border-color:#79d594;box-shadow:inset 0 0 0 1px #79d59466}.enemy-row-btn.protected.active-target .enemy-row-name{color:#d9ffe5}.enemy-row-badge{font-family:var(--font-mono);font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:3px;white-space:nowrap}.badge-melee{background:#d9383859;border:1px solid #ff6b57;color:#ffcfc7}.badge-aggro{background:#d67a2247;border:1px solid #e6953e;color:#ffdba8}.badge-patrol{background:#2d261cd9;border:1px solid var(--brass-muted);color:var(--text-warm-muted)}.enemy-row-bottom{display:flex;align-items:center;gap:6px}.enemy-row-meta{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;color:var(--text-warm-muted);white-space:nowrap}.enemy-row-hp-track,.enemy-row-track{width:100%;height:5px;background:#100c09;border:1px solid #592620;border-radius:2px;overflow:hidden}.enemy-row-hp-fill,.enemy-row-fill{height:100%;background:linear-gradient(90deg,#8f1d1d,#e64838);transition:width .6s ease-out}.enemy-row-hp{font-family:var(--font-mono);font-size:10px;color:var(--text-warm-muted);white-space:nowrap}@media (max-width: 1200px){.journal-entries{height:100px}#bottom-right-cluster{top:178px;right:16px;flex-direction:column;align-items:center;gap:4px;pointer-events:none}#perf-stats-widget{pointer-events:auto}#controls-hint{padding:4px 10px}#controls-hint .controls-hint-row>*:not(.mine-hint-btn):not(.menu-hint-btn){display:none}#btn-idle-chop>strong>span{display:none}#btn-idle-chop{min-width:var(--hud-tap-area, 0)}}@media (max-width: 1024px){#bottom-right-cluster{top:178px;right:16px;flex-direction:column;align-items:center;gap:4px;pointer-events:none}#perf-stats-widget{pointer-events:auto}#controls-hint{padding:4px 10px}#controls-hint .controls-hint-row>*:not(.mine-hint-btn):not(.menu-hint-btn){display:none}}@media (max-width: 850px){.bottom-dock{bottom:8px;left:8px;gap:8px;max-width:calc(100vw - 16px)}#journal-panel{width:240px;max-width:42vw}.journal-entries{height:85px}.combat-buttons-row{--hotbar-slot: 42px}#mini-compass-widget{top:8px;right:8px;transform:scale(.85);transform-origin:top right}#bottom-right-cluster{top:150px;right:8px;width:112.2px}#perf-stats-widget{flex-direction:column;gap:0;padding:2px 6px}#perf-stats-widget .sep{display:none}.enemy-list-panel{top:188px;right:8px;width:240px;max-height:25vh}}@media (max-width: 680px){.bottom-dock{gap:6px}#journal-panel{width:215px;min-width:195px}.journal-entries{height:75px}.combat-buttons-row{--hotbar-slot: 38px}.slot-text small{display:none}}.left-stack{position:absolute;top:150px;left:16px;z-index:25;max-width:calc(100% - 200px);display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.buff-bar{position:absolute;top:calc(100% - var(--buff-size));left:64px;width:280px;pointer-events:none}.buff-bar.empty{display:none}.buff-bar-icons{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--buff-gap)}.buff-icon{pointer-events:auto;width:var(--buff-size);height:var(--buff-size);padding:0;display:flex;align-items:center;justify-content:center;font-size:calc(var(--buff-size) * .55);line-height:1;cursor:var(--cursor-help);background:#0e0d0ce0;border:2px solid var(--brass-border);border-radius:6px;box-shadow:0 2px 8px #0009}.buff-icon--buff{border-color:#55d47f;box-shadow:0 0 8px #55d47f59}.buff-icon--debuff{border-color:#e0584a;box-shadow:0 0 8px #e0584a66}.buff-icon:hover,.buff-icon:focus-visible{outline:none;transform:translateY(-1px)}.buff-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:0;width:max-content;max-width:260px;padding:8px 10px;background:#0e0d0cf5;border:1px solid var(--brass-border);border-radius:4px;box-shadow:var(--shadow-heavy);color:var(--text-ivory);font-family:var(--font-serif);font-size:12px;line-height:1.35;text-align:left}.buff-tooltip.visible{display:block}.buff-tooltip--buff{border-color:#55d47f}.buff-tooltip--debuff{border-color:#e0584a}.buff-tooltip-title{font-weight:700;font-size:13px;margin-bottom:3px}.buff-tooltip-desc{color:var(--text-warm-muted);margin-bottom:4px}.buff-tooltip-effect{font-family:var(--font-mono);font-size:11px}.buff-tooltip--buff .buff-tooltip-effect{color:#7fe3a0}.buff-tooltip--debuff .buff-tooltip-effect{color:#ff8d80}.buff-tooltip-time{margin-top:4px;color:var(--text-warm-muted);font-size:11px}.low-life-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:40;background:radial-gradient(ellipse at center,transparent 45%,rgba(190,10,10,.55) 100%);box-shadow:inset 0 0 90px 20px #a0000080}body.low-life-vignette .low-life-overlay{animation:low-life-pulse 1.6s ease-in-out infinite}body.low-life-vignette[data-low-life=critical] .low-life-overlay{animation-duration:.8s}@keyframes low-life-pulse{0%,to{opacity:.35}50%{opacity:1}}body.low-life-shake #world-canvas,body.low-life-shake #player-frame,body.low-life-shake #hotbar-panel{animation:low-life-shake .9s linear infinite}body.low-life-shake[data-low-life=critical] #world-canvas,body.low-life-shake[data-low-life=critical] #player-frame,body.low-life-shake[data-low-life=critical] #hotbar-panel{animation-duration:.45s;--low-life-shake: 3px}@keyframes low-life-shake{0%,to{translate:0 0}20%{translate:calc(var(--low-life-shake, 1.5px) * -1) var(--low-life-shake, 1.5px)}40%{translate:var(--low-life-shake, 1.5px) calc(var(--low-life-shake, 1.5px) * -.5)}60%{translate:calc(var(--low-life-shake, 1.5px) * -.6) calc(var(--low-life-shake, 1.5px) * -1)}80%{translate:var(--low-life-shake, 1.5px) var(--low-life-shake, 1.5px)}}@media (prefers-reduced-motion: reduce){body.low-life-shake #world-canvas,body.low-life-shake #player-frame,body.low-life-shake #hotbar-panel{animation:none}}#player-frame,#left-stack,#death-ghost-banner,#mini-compass-widget,#target-hud,#enemy-list-panel,#quest-tracker,#bottom-dock,#bottom-right-cluster,#top-left-cluster,.gump-window{zoom:var(--hud-scale, 1)}#settings-gump{zoom:1;--hud-scale: 1}.touch-joystick{display:none;position:absolute;left:max(36px,env(safe-area-inset-left));bottom:max(40px,env(safe-area-inset-bottom));width:clamp(110px,24vh,150px);height:clamp(110px,24vh,150px);border-radius:50%;background:#140e0873;border:2px solid rgba(212,175,90,.55);touch-action:none;user-select:none;-webkit-user-select:none;z-index:28}.touch-joystick.visible{display:block}.touch-joystick.active{background:#140e0899;border-color:#f0cd78e6}.touch-joystick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8cf8a,#8a6a2c);border:2px solid #3a2a10;pointer-events:none}#world-canvas{touch-action:none}.gump-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:820px;max-width:calc((100vw - 28px) / var(--hud-scale, 1));max-height:calc((100dvh - 96px) / var(--hud-scale, 1));background:linear-gradient(180deg,#27211a,#1b1712);border:2px solid var(--brass-highlight);border-radius:6px;box-shadow:0 22px 60px #000000d9,inset 0 0 0 1px #c9a45c38;display:flex;flex-direction:column;z-index:30;overflow:hidden}.gump-window.hidden{display:none}.gump-window.gump-floating{transform:none}.gump-header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;background:linear-gradient(180deg,#3a3023,#261f16);border-bottom:2px solid var(--brass-border);cursor:var(--cursor-move)}.gump-title-wrap{display:flex;align-items:center;gap:8px}.gump-seal{color:var(--brass-highlight);font-size:16px}.gump-header h2{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--parchment-light);letter-spacing:.02em}.gump-header-controls{display:flex;align-items:center;flex-shrink:0;gap:6px}.gump-title-wrap{min-width:0}.gump-header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gump-chip{padding:4px 10px;font-family:var(--font-serif);font-size:12px;line-height:1.2;white-space:nowrap;flex-shrink:0;background:#1f1a13;color:var(--text-warm-muted);border:1px solid var(--brass-muted);border-radius:3px;cursor:var(--cursor-pointer)}.gump-chip.active,.gump-chip:hover{background:#4d391b;color:#fff6e0;border-color:var(--brass-highlight)}.gump-icon-btn,.gump-close-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:#231d15;color:var(--parchment-light);border:1px solid var(--brass-muted);border-radius:3px;font-size:13px;cursor:var(--cursor-pointer)}.gump-icon-btn:hover,.gump-close-btn:hover{background:#592525;border-color:var(--brass-highlight);color:#fff}.gump-body{padding:14px;overflow-y:auto}.map-gump-layout{display:grid;grid-template-columns:536px 1fr;gap:14px;align-items:start}.map-canvas-frame{display:flex;flex-direction:column;background:var(--parchment-mid);border:2px solid var(--brass-border);border-radius:4px;padding:4px;box-shadow:inset 0 0 18px #2b211573}#city-map-canvas{display:block;width:524px;height:524px;border:1px solid #6b532e;cursor:var(--cursor-pointer)}.map-canvas-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 2px;font-size:12px;color:var(--parchment-ink);font-weight:600}.map-canvas-footer .mono-readout{color:#4a3519;font-weight:700}.map-landmarks-pane{display:flex;flex-direction:column;gap:10px;background:#120f0bb8;border:1px solid var(--brass-muted);border-radius:4px;padding:12px;height:562px}.sidebar-heading{font-family:var(--font-serif);font-size:14px;color:var(--brass-highlight);border-bottom:1px solid var(--surface-stone);padding-bottom:4px}.sidebar-subtext{font-size:12px;color:var(--text-warm-muted);line-height:1.35}.landmark-items{list-style:none;display:flex;flex-direction:column;gap:5px;flex:1;overflow-y:auto;padding-right:2px}.landmark-btn{width:100%;text-align:left;padding:7px 9px;background:#241f18;border:1px solid #453927;border-radius:4px;color:var(--parchment-light);cursor:var(--cursor-pointer);display:flex;flex-direction:column;gap:2px;transition:background .12s ease,border-color .12s ease}.landmark-btn:hover,.landmark-btn.active{background:#3b2f1f;border-color:var(--brass-highlight)}.landmark-btn-title{font-family:var(--font-serif);font-size:13px;font-weight:700;color:#f5e7c6;display:flex;align-items:center;justify-content:space-between}.landmark-btn-coords{font-family:var(--font-mono);font-size:11px;color:var(--brass-highlight)}.landmark-btn-desc{font-size:11px;color:var(--text-warm-muted)}.map-legend{border-top:1px solid var(--surface-stone);padding-top:8px;display:flex;flex-direction:column;gap:6px}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;font-size:11px;color:var(--text-warm-muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:11px;height:11px;border-radius:2px;border:1px solid rgba(255,255,255,.35);display:inline-block}.swatch-player{background-color:#d93838}.swatch-npc{background-color:#4aa3df}.swatch-mob{background-color:#e85838}.swatch-road{background-color:#7d7465}.swatch-forest{background-color:#2d6331}.swatch-building{background-color:#8c583a}.swatch-water{background-color:#265c87}.swatch-path{background-color:#e6b84c}.swatch-portal{background-color:#9a6bff}.legend-item.hidden{display:none}#char-gump,#backpack-gump{z-index:200}.char-gump-window{width:470px}.char-gump-layout{display:flex;flex-direction:column;gap:14px;overflow-y:auto}.paperdoll-equip{display:grid;grid-template-columns:72px 1fr 72px;gap:10px;align-items:start}.equip-col{display:flex;flex-direction:column;gap:8px}.equip-slot{position:relative;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(180deg,#2b241b,#19150f);border:1px solid var(--brass-border);border-radius:4px;cursor:var(--cursor-default);user-select:none}.equip-slot-label{position:absolute;top:2px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--parchment-light);opacity:.7}.equip-slot-icon{width:52px;height:52px;margin-top:12px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:22px;color:#ffffff59}.equip-slot.filled{cursor:var(--cursor-grab);border-color:var(--brass-highlight)}.equip-slot.filled .equip-slot-icon{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.equip-slot.drop-ok{outline:2px solid #7ed07e;background:#24331f}.equip-slot.drop-no{outline:2px solid #d9503f;background:#4a1d19}.backpack-grid.drop-ok{outline:2px dashed #7ed07e;outline-offset:2px}.paperdoll-preview-box{display:flex;flex-direction:column;align-items:center;gap:8px;background:radial-gradient(circle,#30271c,#19150f);border:1px solid var(--brass-border);border-radius:4px;padding:10px}.paperdoll-banner{font-family:var(--font-serif);font-size:13px;font-weight:700;color:var(--brass-highlight);text-align:center}.char-form{display:flex;flex-direction:column;gap:10px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:12px;font-weight:600;color:var(--parchment-light)}.form-field input,.form-field select{background:var(--field-bg);border:1px solid var(--field-border);border-radius:4px;padding:6px 9px;color:var(--text-ivory);font-size:13px}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--brass-highlight)}.char-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:2px}.stat-pill{background:#1b1712;border:1px solid var(--surface-stone);border-radius:4px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-warm-muted)}.stat-pill strong{font-family:var(--font-mono);color:var(--brass-highlight)}.full-width-btn{width:100%;justify-content:center;margin-top:4px}.corpse-gump-window{width:480px;left:max(28%,248px)}.corpse-gump-window .backpack-slot.occupied{cursor:var(--cursor-grab)}.craft-gump-window{width:760px;z-index:210}.craft-gump-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}.craft-list{display:flex;flex-direction:column;gap:2px;height:min(560px,calc((100dvh - 96px) / var(--hud-scale, 1) - 80px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--brass-muted) transparent}.craft-group-title{padding:8px 4px 3px;font-family:var(--font-serif);font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--brass-highlight);border-bottom:1px solid var(--brass-muted);margin-bottom:2px}.craft-group-title:first-child{padding-top:0}.craft-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;flex-shrink:0;padding:3px 6px;font-family:var(--font-serif);font-size:13px;text-align:left;color:var(--parchment-light);background:transparent;border:1px solid transparent;border-radius:3px;cursor:var(--cursor-pointer)}.craft-row:hover{background:#2c241a;border-color:var(--brass-muted)}.craft-row.selected{background:#4d391b;border-color:var(--brass-highlight);color:#fff6e0}.craft-row-icon{display:block;width:28px;height:28px}.craft-row-icon.item-art,.craft-preview-icon.item-art{background:center / contain no-repeat}.craft-row-icon canvas,.craft-preview-icon canvas{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.craft-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.craft-row-cost{font-size:11px;color:var(--text-warm-muted);white-space:nowrap}.craft-short .craft-row-cost,.craft-short .item-tooltip-value{color:#ff8a75}.craft-preview{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;background:#15110c;border:1px solid var(--brass-muted);border-radius:4px}.craft-preview-icon{width:140px;height:140px;align-self:center}.craft-preview-name{font-family:var(--font-serif);font-size:14px;font-weight:700;text-align:center;color:var(--parchment-light)}.craft-preview-note{font-size:12px;line-height:1.35;text-align:center;color:var(--text-warm-muted)}.craft-preview-note:empty{display:none}.craft-preview-rows{display:flex;flex-direction:column;gap:3px;font-size:12px}.craft-make-btn{align-self:center;padding:6px 22px;font-size:13px}.craft-make-btn:disabled{opacity:.45;cursor:var(--cursor-forbidden)}.placed-gump-window{width:320px;z-index:210}.container-gump-window{width:490px;z-index:210}.container-pick-up-btn{align-self:center;padding:6px 22px;font-size:13px}.container-pick-up-btn.hidden{display:none}.container-pick-up-btn:disabled{opacity:.45;cursor:var(--cursor-forbidden)}.backpack-slot.drop-ok{outline:2px dashed #7ed07e;outline-offset:1px}.guest-room-window{width:720px;z-index:210}.guest-room-window.guest-room-desk{width:460px}.guest-room-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.guest-room-window .settings-section-icon svg{display:block;width:100%;height:100%}.guest-room-side{display:flex;flex:none;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.guest-room-btn{white-space:nowrap}.guest-room-danger{color:#e9b4a4;border-color:#8a4632}.guest-room-danger:hover{color:#ffe0d4;background:#5a2a1c;border-color:#c56a4c}.guest-room-price,.guest-room-count{width:auto;white-space:nowrap}.guest-room-name.settings-number{width:100%;box-sizing:border-box;text-align:left}.moongate-gump-window{width:300px;z-index:210}.moongate-prompt{margin-bottom:8px;font-size:.9em;opacity:.85}.moongate-list{display:flex;flex-direction:column;gap:6px}.moongate-place-btn{width:100%;text-align:left}.shop-gump-window{width:400px;z-index:210}.shop-gump-layout{overflow-y:auto}.shop-list{display:flex;flex-direction:column;gap:6px}.shop-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:radial-gradient(circle,#2a2117,#14100b);border:1px solid var(--brass-border);border-radius:5px}.shop-item-icon{flex:0 0 44px;width:44px;height:44px}.shop-item-text{flex:1 1 auto;min-width:0}.shop-item-name{font-size:14px;color:#eadfc8}.shop-item-note{font-size:12px;color:#a99d86}.shop-item-price{flex:0 0 auto;font-size:13px;color:#ffd954;white-space:nowrap}.shop-buy-btn{flex:0 0 auto;padding:6px 14px;font-size:13px}.shop-row-many{flex-wrap:wrap}.shop-qty{flex:1 0 100%;display:flex;align-items:center;gap:4px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.shop-qty .shop-buy-btn{margin-left:auto}.shop-qty-btn{padding:4px 9px;font-size:13px}.shop-qty-input{width:56px;padding:4px 6px;font-size:13px;text-align:center;color:#eadfc8;background:#0e0b07;border:1px solid var(--brass-border);border-radius:4px}.placed-pick-up-btn{align-self:center;padding:6px 22px;font-size:13px}.placed-pick-up-btn:disabled{opacity:.45;cursor:var(--cursor-forbidden)}.backpack-gump-window{width:640px;max-height:calc((100dvh - 68px) / var(--hud-scale, 1))}.backpack-gump-layout{display:flex;flex-direction:column;gap:12px;overflow-x:hidden}.backpack-ore-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ore-tier-pill{display:flex;align-items:center;gap:8px;padding:6px 9px;background:linear-gradient(180deg,#241d15,#17130e);border:1px solid var(--brass-muted);border-radius:4px}.ore-tier-swatch{width:16px;height:16px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 2px #ffffff59}.swatch-iron{background:linear-gradient(135deg,#c2c9d1,#5c636b)}.swatch-copper{background:linear-gradient(135deg,#f5a673,#a35224)}.swatch-silver{background:linear-gradient(135deg,#fff,#8b9bb0)}.swatch-titanium{background:linear-gradient(135deg,#b8f2ff,#2a7899)}.ore-tier-copy{display:flex;flex-direction:column;line-height:1.15;min-width:0}.ore-tier-name{font-size:10.5px;color:var(--text-warm-muted);white-space:nowrap}.ore-tier-count{font-family:var(--font-mono);font-size:13px;color:var(--parchment-light)}.backpack-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;background:radial-gradient(circle,#2a2117,#14100b);border:2px solid var(--brass-border);border-radius:5px;box-shadow:inset 0 0 20px #000000c7}.container-grid{grid-template-columns:repeat(6,minmax(0,1fr))}#backpack-grid{grid-template-columns:repeat(8,minmax(0,1fr))}#backpack-grid .backpack-slot{height:clamp(58px,calc((100dvh - 330px)/5),78px)}.backpack-slot{position:relative;height:clamp(48px,calc((100dvh - 400px)/4),66px);min-width:0;background:linear-gradient(180deg,#1d1711,#130f0b);border:1px solid #3d3223;border-radius:4px;padding:3px 4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--parchment-light);cursor:var(--cursor-default);user-select:none;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.backpack-slot.occupied{cursor:var(--cursor-grab);background:linear-gradient(180deg,#2c2319,#1a140e);border-color:var(--brass-muted)}.backpack-slot.occupied:hover,.backpack-slot.selected-slot{border-color:var(--brass-highlight);box-shadow:0 0 10px #d9b36252,inset 0 0 0 1px #ffe09640}.backpack-slot.item-iron_ore{border-color:#7d8691}.backpack-slot.item-copper_ore{border-color:#d47a44}.backpack-slot.item-silver_ore{border-color:#b8c9dc}.backpack-slot.item-titanium_ore{border-color:#54cbe8;box-shadow:inset 0 0 10px #58d8f52e}.backpack-slot-top{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:9.5px;color:#d6c6aa8c}.backpack-item-tier-badge{padding:0 4px;border-radius:2px;background:#0f0c09d9;border:1px solid rgba(201,164,92,.45);color:var(--brass-highlight);font-weight:700}.backpack-item-qty{padding:0 4px;border-radius:2px;background:#120e0aeb;color:#ffe599;font-weight:700}.backpack-item-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative}.backpack-item-icon.item-art{width:30px;height:30px;border-radius:0;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.backpack-item-qty{margin-left:auto}.backpack-item-icon.ore-cluster-icon{width:34px;height:34px;border-radius:0;font-size:0;clip-path:polygon(12% 80%,2% 52%,20% 22%,46% 6%,76% 14%,98% 44%,90% 82%,56% 96%)}.backpack-item-icon.ore-cluster-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.6) 0 24%,transparent 25% 58%,rgba(0,0,0,.38) 59% 100%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.25) 0 14%,transparent 15%),radial-gradient(circle at 30% 35%,rgba(255,255,255,.35) 0 10%,transparent 11%)}.backpack-item-name{font-family:var(--font-serif);font-size:9.5px;font-weight:700;line-height:1.1;color:var(--parchment-light);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;width:100%}.backpack-empty-dot{margin:auto;width:6px;height:6px;border-radius:50%;background:#c9a45c24}.backpack-footer-panel{display:flex;flex-direction:column;flex-shrink:0;gap:8px;height:104px;box-sizing:border-box;overflow-y:auto;padding:9px 11px;background:#120f0bd1;border:1px solid var(--brass-muted);border-radius:4px}.backpack-item-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.backpack-item-actions:empty{display:none}.equip-slot.asked{border-color:#d94638;box-shadow:0 0 8px #d9463873}.equip-slot.asked .equip-slot-label{color:#ffcfc7;opacity:1}.backpack-item-detail{font-size:12px;color:var(--parchment-light);line-height:1.35}.backpack-mines-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:6px;border-top:1px solid var(--surface-stone)}.backpack-mines-label{font-family:var(--font-serif);font-size:11.5px;font-weight:700;color:var(--brass-highlight)}.disconnect-modal-overlay{position:fixed;inset:0;z-index:99999;background:#0a0806e0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;pointer-events:all;user-select:none}.disconnect-modal-overlay.hidden{display:none!important}.disconnect-dialog-box{width:500px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,#27211a,#18140f);border:2px solid var(--brass-highlight);border-radius:6px;box-shadow:0 24px 75px #000000f2,inset 0 0 0 1px #c9a45c4d;overflow:hidden;animation:disconnectPop .22s cubic-bezier(.18,.89,.32,1.25);display:flex;flex-direction:column}@keyframes disconnectPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.disconnect-header{display:flex;align-items:center;gap:10px;padding:12px 18px;background:linear-gradient(180deg,#441e17,#29110d);border-bottom:2px solid var(--brass-border)}.disconnect-seal{color:#ff5252;font-size:20px}.disconnect-header h2{font-family:var(--font-serif);font-size:18px;font-weight:700;color:#ffe0e0;letter-spacing:.03em;margin:0}.disconnect-body{padding:18px 22px;display:flex;flex-direction:column;gap:12px}.disconnect-lead{font-size:14px;font-weight:600;color:var(--parchment-light);margin:0}.disconnect-counter{font-family:var(--font-mono, monospace);font-size:13px;color:#ff9e9e;margin:0;padding:7px 12px;background:#5a141473;border-left:3px solid #ff4444;border-radius:3px}.disconnect-desc{font-size:12.5px;color:var(--parchment-muted, #c8bda8);line-height:1.5;margin:0}.disconnect-status-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#0006;border-radius:4px;border:1px solid rgba(201,164,92,.18)}.disconnect-pulse-ring{width:10px;height:10px;border-radius:50%;background:#fa4;box-shadow:0 0 8px #fa4;animation:disconnectPulse 1.4s infinite ease-in-out;flex-shrink:0}@keyframes disconnectPulse{0%{transform:scale(.85);opacity:.6}50%{transform:scale(1.25);opacity:1;box-shadow:0 0 12px #f80}to{transform:scale(.85);opacity:.6}}.disconnect-spinner{display:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,170,68,.25);border-top-color:#fa4;animation:disconnectSpin .8s linear infinite;flex-shrink:0}@keyframes disconnectSpin{to{transform:rotate(360deg)}}.disconnect-dialog-box.retrying .disconnect-spinner{display:block;width:22px;height:22px;border-width:3px}.disconnect-dialog-box.retrying .disconnect-lead,.disconnect-dialog-box.retrying .disconnect-counter,.disconnect-dialog-box.retrying .disconnect-desc,.disconnect-dialog-box.retrying .disconnect-footer{display:none}.disconnect-dialog-box.retrying .disconnect-status-row{justify-content:center;background:none;border:none}.disconnect-dialog-box.retrying .disconnect-pulse-ring{display:none}.disconnect-status-label{font-size:12px;color:var(--parchment-light);font-style:italic}.disconnect-footer{display:flex;justify-content:flex-end;padding:12px 20px;background:#16120ef2;border-top:1px solid var(--brass-muted)}.char-select-overlay{position:fixed;inset:0;z-index:99990;background:var(--scene-bg);display:flex;align-items:center;justify-content:center;user-select:none}.char-select-overlay.hidden{display:none!important}.char-select-box{width:780px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);background:linear-gradient(180deg,#2b231b,#16120e);border:2px solid var(--brass-highlight);border-radius:8px;box-shadow:0 30px 90px #000000f2,inset 0 0 0 1px #c9a45c59;display:flex;flex-direction:column;overflow:hidden}.char-select-header{padding:16px 24px;background:linear-gradient(180deg,#3d3122,#241c14);border-bottom:2px solid var(--brass-border)}.char-select-brand{display:flex;align-items:center;gap:14px}.char-select-header .realm-crest-wrap{--crest-size: 44px;flex:none}.char-select-title{font-family:var(--font-heading);font-size:21px;font-weight:700;color:var(--parchment-light);margin:0;letter-spacing:.02em}.char-select-subtitle{font-size:13px;color:var(--brass-highlight);margin:4px 0 0}.char-select-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.char-section-heading{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--brass-highlight);margin:0 0 10px}.char-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.char-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#14100cd9;border:1px solid var(--brass-muted);border-radius:5px;cursor:var(--cursor-pointer);transition:all .18s ease}.char-card:hover{background:#2d241af2;border-color:var(--brass-highlight);transform:translateY(-1px)}.char-card.is-selected{background:linear-gradient(90deg,#443420fa,#2a2014fa);border-color:#f7ca68;box-shadow:0 0 14px #f7ca6866}.char-card-badge{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 0 4px #00000080;flex-shrink:0}.char-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.char-card-name-row{display:flex;align-items:center;justify-content:space-between}.char-card-name{font-family:var(--font-serif);font-size:15px;font-weight:700;color:var(--parchment-light)}.online-tag{font-size:10px;font-weight:700;color:#6be88b;background:#28783259;padding:2px 6px;border-radius:3px;border:1px solid #45a15c}.char-card-stats{display:flex;gap:10px;font-size:11px;color:var(--brass-highlight);margin-top:4px}.char-card:has(.char-card-delete.is-confirming){flex-wrap:wrap}.char-card-delete{display:flex;align-items:center;gap:8px;flex-shrink:0}.char-card-delete.is-confirming{flex:1 1 100%;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--brass-muted)}.char-delete-ask{width:24px;height:24px;padding:0;line-height:1;font-size:13px;color:var(--brass-highlight);background:transparent;border:1px solid transparent;border-radius:4px;cursor:var(--cursor-pointer)}.char-delete-ask:hover,.char-delete-ask:focus-visible{color:#ffdcd6;border-color:#b84a39;background:#78241c59}.char-delete-question{flex:1 1 200px;font-size:12px;color:#ffdcd6}.char-delete-yes{border-color:#b84a39;color:#ffdcd6}.char-create-details{background:#120e0ab3;border:1px solid var(--brass-muted);border-radius:5px;padding:10px 14px}.char-create-summary{font-family:var(--font-serif);font-size:14px;font-weight:700;color:var(--brass-highlight);cursor:var(--cursor-pointer);outline:none}.char-create-form{margin-top:12px;display:flex;flex-direction:column;gap:12px}.char-form-row{display:flex;gap:12px;flex-wrap:wrap}.char-form-field{flex:1;min-width:140px;display:flex;flex-direction:column;gap:4px}.char-form-field label{font-family:var(--font-heading);font-size:12px;font-weight:600;color:var(--parchment-muted);text-transform:uppercase;letter-spacing:.05em}.char-form-field input,.char-form-field select{font-family:inherit;background:var(--field-bg);border:1px solid var(--field-border);color:var(--parchment-light);padding:7px 10px;border-radius:4px;font-size:13px;outline:none}.char-form-field input:focus,.char-form-field select:focus{border-color:var(--brass-highlight)}.char-select-footer{padding:14px 24px;background:#120e0af2;border-top:1px solid var(--brass-border);display:flex;align-items:center;justify-content:space-between}.char-select-status{font-size:13px;color:var(--parchment-light);font-style:italic}.uo-btn-large{padding:9px 20px;font-size:14px}@media (max-width: 900px){.map-gump-layout{grid-template-columns:1fr;max-height:72vh;overflow-y:auto}#city-map-canvas{width:100%;max-width:528px;height:auto;aspect-ratio:1 / 1;margin:0 auto}.map-landmarks-pane{height:auto;max-height:220px;overflow-y:auto}}@media (max-width: 768px){.gump-window{max-width:calc((100vw - 16px) / var(--hud-scale, 1));max-height:calc((100dvh - 60px) / var(--hud-scale, 1))}.char-select-box{width:96vw;max-height:94vh}.char-cards-grid{grid-template-columns:1fr}.char-select-header{padding:10px 14px}.char-select-body{padding:12px 14px;gap:12px}.char-select-footer{padding:10px 14px}}@media (max-width: 560px){.backpack-gump-window{width:96vw}.backpack-ore-summary{grid-template-columns:repeat(2,1fr)}.backpack-slot{height:64px;padding:3px}.backpack-item-name{font-size:9px}.backpack-grid{gap:4px;padding:6px}.char-form-row{flex-direction:column;gap:8px}.char-form-row.colors-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}}.char-select-box{font-family:var(--font-body)}.char-card-name{font-family:var(--font-heading)}.char-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.char-section-head .char-section-heading{margin:0}.char-count-tag{padding:2px 8px;border-radius:3px;background:#3a342fcc;font-size:11px;color:var(--text-warm-muted)}.char-count-tag.is-full{color:#f7ca68}.char-select-footer{justify-content:flex-end;gap:10px}.char-select-footer .char-select-status{margin-right:auto}.char-select-footer .uo-btn{display:inline-flex;align-items:center;gap:8px}.char-grid-note{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 16px;border:1px dashed var(--brass-muted);border-radius:5px;background:#14100c99;font-size:13px;color:var(--text-warm-muted);text-align:center}.char-grid-note.is-loading:before{content:"";width:14px;height:14px;border:2px solid var(--brass-muted);border-top-color:var(--brass-highlight);border-radius:50%;animation:char-note-spin .9s linear infinite}@keyframes char-note-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.char-grid-note.is-loading:before{animation:none}}.uo-btn:disabled{opacity:.5;cursor:var(--cursor-forbidden)}.char-create-layout{display:flex;gap:20px;align-items:flex-start}.char-create-preview{flex:none;width:180px;height:220px;border:1px solid var(--brass-muted);border-radius:5px;background:var(--field-bg)}.char-create-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.char-form-label{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--parchment-muted)}.option-group{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:30px;height:30px;padding:0;border:2px solid rgba(255,255,255,.18);border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 2px #00000059;cursor:var(--cursor-pointer);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.gender-option{min-width:84px;padding:6px 14px;border:2px solid var(--brass-muted);border-radius:5px;background:var(--field-bg);color:var(--parchment-muted);font:inherit;cursor:var(--cursor-pointer);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.weapon-option{width:56px;height:64px;padding:3px;display:flex;align-items:center;justify-content:center;border:2px solid var(--brass-muted);border-radius:5px;background:var(--field-bg);cursor:var(--cursor-pointer);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.swatch:hover,.gender-option:hover,.weapon-option:hover{transform:translateY(-1px);border-color:var(--brass-highlight)}.swatch.is-selected,.gender-option.is-selected,.weapon-option.is-selected{border-color:#f7ca68;box-shadow:0 0 0 2px #f7ca684d,0 0 10px #f7ca6859}.swatch:focus-visible,.gender-option:focus-visible,.weapon-option:focus-visible{outline:2px solid var(--brass-highlight);outline-offset:2px}@media (max-width: 560px){.char-create-layout{flex-direction:column;align-items:center}.char-create-fields{width:100%}}.backpack-item-icon.gear-icon{width:34px;height:34px;border-radius:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.dex-readout{margin:6px 0 0;text-align:center;font-size:12px;color:var(--text-warm-muted)}.dex-readout.hidden{display:none}.macros-gump-window{width:720px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 76px)}.macros-status{margin:8px 14px 0;padding:6px 10px;background:#3b1a14;border:1px solid #b84a39;border-radius:4px;font-size:12px;color:#ffdcd6}.macros-status.hidden{display:none}.macros-tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid var(--brass-muted)}.macros-tab-btn{padding:6px 16px;background:#18140f;border:1px solid var(--brass-muted);border-bottom:none;border-radius:4px 4px 0 0;font-family:var(--font-serif);font-size:13px;font-weight:700;color:var(--text-warm-muted);cursor:var(--cursor-pointer)}.macros-tab-btn:hover{color:var(--parchment-light)}.macros-tab-btn.active{background:linear-gradient(180deg,#3a3023,#261f16);border-color:var(--brass-highlight);color:var(--brass-highlight)}.macros-gump-body{overflow-y:auto}.macros-panel{display:flex;flex-direction:column;gap:10px}.macros-panel.hidden{display:none}.keybind-category{grid-column:1 / -1;margin-top:6px;font-family:var(--font-serif);font-size:12px;font-weight:700;color:var(--brass-highlight);border-bottom:1px solid var(--brass-muted)}.macro-drag-grip{cursor:var(--cursor-grab);color:var(--text-warm-muted);font-size:14px;user-select:none}.macro-tab-btn[draggable=true],.macro-step-item[draggable=true]{cursor:var(--cursor-grab)}.dragging{opacity:.45}.drag-over{outline:2px dashed var(--brass-highlight);outline-offset:1px}.reset-confirm-group{display:inline-flex;align-items:center;gap:6px}.reset-confirm-group.hidden,.gump-chip.hidden{display:none}.reset-confirm-text{font-size:12px;color:var(--text-warm-muted)}.reset-confirm-yes{border-color:#b84a39;color:#ffdcd6}.macro-icon-field{align-self:end}.macro-icon-btn{min-width:52px;justify-self:start;display:inline-flex;align-items:center;gap:2px}.icon-tile,.macro-chip-icon{display:inline-block;width:22px;height:22px;background:linear-gradient(145deg,#bba980,#8f7a4c);border:1px solid #4a3a22;border-radius:2px}.macro-chip-icon{width:18px;height:18px}.icon-tile .uo-icon,.macro-chip-icon .uo-icon,.icon-cell .uo-icon{display:block;width:100%;height:100%}.macro-icon-picker{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;padding:6px;background:#18140f;border:1px solid var(--brass-highlight);border-radius:4px}.macro-icon-picker.hidden{display:none}.icon-cell{height:34px;padding:2px;font-size:15px;font-weight:700;background:linear-gradient(145deg,#bba980,#8f7a4c);border:1px solid #3c3122;border-radius:3px;color:#2a1a0c;cursor:var(--cursor-pointer)}.icon-cell:hover,.icon-cell.active{border-color:var(--brass-highlight);outline:1px solid var(--brass-highlight)}.macro-empty-hint{padding:10px;color:var(--text-warm-muted);font-size:12px;text-align:center}.macro-actions-list{list-style:none;display:flex;flex-direction:column;gap:6px}.keybindings-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.keybind-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 7px;background:#211b14;border:1px solid #3c3122;border-radius:4px}.keybind-info{display:flex;flex-direction:column;gap:1px}.keybind-label{font-family:var(--font-serif);font-size:12px;font-weight:700;color:var(--parchment-light)}.keybind-desc{font-size:10.5px;color:var(--text-warm-muted)}.keybind-record-btn{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:4px 9px;min-width:72px;text-align:center;background:#14100c;border:1px solid var(--brass-border);border-radius:3px;color:var(--brass-highlight);cursor:var(--cursor-pointer);transition:background .12s ease,border-color .12s ease,color .12s ease}.keybind-record-btn:hover{background:#332718;border-color:var(--brass-highlight);color:#fff6e0}.keybind-record-btn.listening{background:#592218;border-color:#ff8566;color:#ffe6de;box-shadow:0 0 10px #ff6b5780}.macros-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.macro-tabs-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.macro-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#1d1812;border:1px solid var(--brass-muted);border-radius:4px;color:var(--text-warm-muted);font-family:var(--font-serif);font-size:12px;font-weight:600;cursor:var(--cursor-pointer)}.macro-tab-btn:hover{background:#2f261b;color:var(--parchment-light)}.macro-tab-btn.active{background:linear-gradient(180deg,#4a3820,#2d2214);border-color:var(--brass-highlight);color:#fff5db;box-shadow:0 0 8px #e5c17840}.macro-editor-card{background:#120f0bd1;border:1px solid var(--brass-border);border-radius:5px;padding:12px;display:flex;flex-direction:column;gap:10px}.macro-meta-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:end}.danger-btn{background:linear-gradient(180deg,#5e221d,#3b1310);border-color:#b84a39;color:#ffdcd6}.danger-btn:hover{background:linear-gradient(180deg,#7a2b24,#4d1814);border-color:#ff7b6b}.macro-step-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:#231d15;border:1px solid #473a28;border-radius:4px}.macro-step-left{display:flex;align-items:center;gap:7px;flex:1;flex-wrap:wrap}.macro-step-num{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:2px 6px;background:#14100c;border:1px solid var(--brass-muted);border-radius:3px;color:var(--brass-highlight)}.macro-step-select,select.macro-item-empty{color:#ff8a75;border-color:#c23a2e}.macro-step-param-select,.macro-step-param-input{background:var(--field-bg);border:1px solid var(--field-border);border-radius:3px;padding:4px 7px;color:var(--text-ivory);font-size:12px}.macro-step-say-input{flex:1 1 140px;min-width:0}.macro-step-actions{display:flex;align-items:center;gap:4px}.step-icon-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#18140f;border:1px solid var(--brass-muted);border-radius:3px;color:var(--text-warm-muted);font-size:11px;cursor:var(--cursor-pointer)}.step-icon-btn:hover{background:#3b2e1e;border-color:var(--brass-highlight);color:#fff}.macro-add-steps-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.macro-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--surface-stone)}.macro-effect-readout{font-family:var(--font-mono);font-size:11px;color:var(--brass-highlight)}@media (max-width: 600px){.macros-gump-window{width:96vw;max-height:88vh}.keybindings-list{grid-template-columns:1fr}}.menu-gump-window{width:320px;max-width:calc((100vw - 16px) / var(--hud-scale, 1));max-height:calc((100dvh - 16px) / var(--hud-scale, 1));overflow-y:auto;z-index:31}.menu-gump-body{display:flex;flex-direction:column;gap:8px;padding:14px}.menu-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.menu-tile{flex-direction:column;justify-content:center;gap:6px;min-height:78px;padding:10px 4px;font-size:12px;line-height:1.15;white-space:normal;text-align:center}.menu-icon{flex:none;width:24px;height:24px;color:var(--brass-highlight)}.menu-entry-btn{width:100%;justify-content:flex-start;gap:10px;padding:9px 12px;font-size:14px;text-align:left}.menu-entry-btn .menu-icon{width:20px;height:20px}.menu-divider{width:100%;margin:4px 0 2px;border:0;border-top:1px solid var(--brass-muted)}.menu-entry-danger{border-color:#be463a99}.menu-entry-danger .menu-icon{color:#e8806f}.menu-entry-danger:hover{border-color:var(--crimson-hp);color:#ffe6de}.menu-entry-danger.confirming{background:linear-gradient(180deg,#6a2a22,#451812);border-color:#ff7b6b;color:#ffe6de}.menu-gump-body button:focus-visible{outline:2px solid var(--brass-highlight);outline-offset:2px}.settings-gump-window{width:780px;z-index:32}.settings-gump-body{padding:4px 0}.settings-columns{display:grid;grid-template-columns:1fr 1fr;align-items:start}.settings-column{display:flex;flex-direction:column;gap:18px;padding:14px 20px}.settings-column+.settings-column{border-left:1px solid var(--brass-muted)}.settings-section{display:flex;flex-direction:column}.settings-section+.settings-section{padding-top:18px;border-top:1px solid var(--brass-muted)}.settings-section-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--brass-border)}.settings-section-icon{flex:none;width:22px;height:22px;color:var(--brass-highlight)}.settings-section-heading{min-width:0}.settings-section-title{margin:0;font-family:var(--font-heading, var(--font-serif));font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-highlight)}.settings-section-sub{margin:2px 0 0;font-size:12px;line-height:1.3;color:var(--text-warm-muted)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;cursor:var(--cursor-default)}.settings-row+.settings-row,.settings-volumes{border-top:1px solid rgba(90,71,40,.45)}label.settings-row,label.settings-row-text{cursor:var(--cursor-pointer)}.settings-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-row-stack{flex-direction:column;align-items:stretch;gap:8px}.settings-row-stack>.settings-preview-btn{align-self:flex-start}.settings-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:var(--cursor-pointer)}.settings-option-label{font-size:14px;color:var(--parchment-light)}.settings-option-hint{font-size:12px;line-height:1.35;color:var(--text-warm-muted)}.settings-option-limit{color:var(--amber-stam)}.settings-volumes{display:flex;flex-direction:column;padding:4px 0}.settings-row-volume{display:grid;grid-template-columns:104px 1fr 42px;gap:12px;padding:6px 0}.settings-row-volume+.settings-row-volume{border-top:0}.settings-row-volume .settings-option-label{font-size:13px;cursor:var(--cursor-pointer)}.settings-value{flex:none;min-width:42px;padding:1px 6px;border:1px solid var(--brass-muted);border-radius:3px;background:var(--field-bg);font-size:12px;font-variant-numeric:tabular-nums;text-align:center;color:var(--text-ivory)}.settings-muted .settings-volumes{opacity:.5}.settings-fields{display:flex;gap:16px}.settings-field{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--parchment-light)}.settings-number{width:56px;padding:5px 8px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:3px;color:var(--text-ivory);font:inherit;font-size:13px}.settings-number:focus-visible{outline:2px solid var(--brass-highlight);outline-offset:1px}.settings-select{flex:none;width:auto;min-width:84px;cursor:var(--cursor-pointer)}.settings-switch{-webkit-appearance:none;appearance:none;flex:none;position:relative;width:42px;height:22px;margin:0;border:1px solid var(--brass-muted);border-radius:11px;background:var(--field-bg);box-shadow:inset 0 1px 3px #0009;cursor:var(--cursor-pointer);transition:background .15s ease,border-color .15s ease}.settings-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-warm-muted);box-shadow:0 1px 2px #0009;transition:transform .15s ease,background .15s ease}.settings-switch:checked{background:linear-gradient(180deg,#7c6035,#a07f45);border-color:var(--brass-highlight)}.settings-switch:checked:after{transform:translate(20px);background:#fff6e0}.settings-row:hover .settings-switch:not(:checked){border-color:var(--brass-border)}.settings-switch:focus-visible,.settings-range:focus-visible{outline:2px solid var(--brass-highlight);outline-offset:2px}.settings-range{-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:var(--cursor-pointer)}.settings-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--brass-muted);background:linear-gradient(90deg,var(--brass-highlight) var(--fill, 100%),var(--field-bg) var(--fill, 100%))}.settings-range::-moz-range-track{height:6px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--brass-muted);background:linear-gradient(90deg,var(--brass-highlight) var(--fill, 100%),var(--field-bg) var(--fill, 100%))}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;margin-top:-5px;border:2px solid var(--brass-highlight);border-radius:50%;background:#fff6e0;box-shadow:0 1px 3px #000000b3;transition:transform .1s ease}.settings-range::-moz-range-thumb{box-sizing:border-box;width:16px;height:16px;border:2px solid var(--brass-highlight);border-radius:50%;background:#fff6e0;box-shadow:0 1px 3px #000000b3}.settings-range:hover::-webkit-slider-thumb,.settings-range:active::-webkit-slider-thumb{transform:scale(1.15)}@media (max-width: 700px){.settings-columns{grid-template-columns:1fr}.settings-column+.settings-column{border-left:0;border-top:1px solid var(--brass-muted)}.settings-column{padding:12px 16px}}.login-screen-overlay{position:fixed;inset:0;z-index:99989;background:var(--scene-bg);display:flex;align-items:center;justify-content:center;user-select:none}.login-screen-overlay.hidden{display:none!important}.login-screen-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 44px 32px;background:linear-gradient(180deg,#2b231b,#16120e);border:2px solid var(--brass-highlight);border-radius:6px;box-shadow:var(--shadow-heavy);text-align:center;width:400px;max-width:calc(100vw - 32px)}.login-field{align-self:stretch;text-align:left}.login-screen-error{min-height:1.2em;margin:0;font-size:12px;color:#ff6b6b}.login-remember{align-self:flex-start;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--parchment-muted);cursor:var(--cursor-pointer)}.login-field label{display:flex;align-items:center;gap:6px}.login-password-wrap{position:relative;display:flex}.login-password-wrap input{flex:1;padding-right:36px}.login-password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;padding:2px;border:0;background:none;color:var(--brass-muted);cursor:var(--cursor-pointer)}.login-password-toggle:hover,.login-password-toggle[aria-pressed=true]{color:var(--brass-highlight)}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px}.login-remember input{accent-color:var(--brass-highlight)}.login-screen-box .char-select-title{margin-top:2px;font-size:22px;line-height:1.25;letter-spacing:.03em}.login-screen-box .char-select-subtitle{margin:-4px 0 6px;max-width:100%;font-size:13px;line-height:1.45;color:var(--text-warm-muted)}.login-field{gap:6px}.login-field label{font-size:12px;letter-spacing:.08em}.login-field input{padding:10px 12px;font-size:15px}.login-remember{margin-top:2px;font-size:13px}.login-screen-error{margin:-6px 0}.login-submit{align-self:stretch;min-height:46px;margin-top:4px;padding:12px 24px;font-family:var(--font-heading);font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.login-submit .login-icon{width:18px;height:18px}@media (max-width: 520px){.login-screen-box{padding:28px 22px 24px}}.login-screen-box{font-family:var(--font-body)}.login-screen-box .char-select-title,.login-screen-box .char-form-field label,.login-screen-box .uo-btn{font-family:var(--font-heading)}.skills-gump-window{width:600px;z-index:31}.skills-gump-body{display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;scrollbar-width:none}.skills-gump-body::-webkit-scrollbar{display:none}.skills-group-title{padding:4px 2px;border-bottom:1px solid var(--brass-border);font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-highlight);cursor:var(--cursor-pointer);user-select:none}.skills-group-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none}.skill-row{display:grid;grid-template-columns:22px 1fr auto;grid-template-areas:"icon name value" "bar bar bar";align-items:center;column-gap:8px;row-gap:3px;padding:5px 8px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:3px}.skill-icon{grid-area:icon;font-size:16px;text-align:center}.skill-name{grid-area:name;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;color:var(--parchment-light)}.skill-value{grid-area:value;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-ivory)}.skill-bar{grid-area:bar;height:4px;background:#00000073;border-radius:2px;overflow:hidden}.skill-bar-fill{display:block;height:100%;background:var(--brass-highlight)}.quest-gump-window{width:460px;z-index:34}.quest-body{display:flex;flex-direction:column;gap:10px;padding:14px 18px 16px;overflow-y:auto;color:var(--parchment-light);font-family:var(--font-serif)}.quest-step-title{margin:0;font-size:15px;color:var(--brass-highlight)}.quest-speaker{font-size:12px;font-style:italic;color:var(--brass-muted, #a88b52)}.quest-lines p{margin:0 0 8px;font-size:14px;line-height:1.45}.quest-objectives{list-style:none;margin:0;padding:8px 10px;background:#00000047;border:1px solid var(--brass-muted, #6b5530);border-radius:4px;font-size:13px}.quest-objectives li{padding:2px 0 2px 18px;position:relative}.quest-objectives li:before{content:"\25c7";position:absolute;left:0;color:var(--brass-highlight)}.quest-objectives li.done{color:#a8e6a1}.quest-objectives li.done:before{content:"\25c6";color:#a8e6a1}.quest-rewards h3,.quest-completed-header{margin:0 0 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--brass-highlight)}.quest-rewards ul,.quest-completed{list-style:none;margin:0;padding:0;font-size:14px}.quest-reward-gold{color:#f1d36b}.quest-reward-item{color:#e8b923}.quest-new-track,.quest-ready{margin:0;font-size:13px;color:#f1d36b}.quest-empty{margin:0;font-style:italic;color:var(--brass-muted, #a88b52)}.quest-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.quest-btn{padding:6px 16px;font-family:var(--font-serif);font-size:13px;font-weight:700;color:var(--parchment-light);background:#3a3023;border:1px solid var(--brass-border);border-radius:4px;cursor:var(--cursor-pointer)}.quest-btn:hover{border-color:var(--brass-highlight);background:#4a3d2b}.quest-btn.primary{background:#6b4f1d;border-color:var(--brass-highlight);color:#fff3d0}.quest-btn.primary:hover{background:#84631f}.quest-tracker{position:absolute;top:150px;left:calc(28px + var(--hud-dock-icon-size));width:250px;font-family:var(--font-serif);color:var(--parchment-light);z-index:11;user-select:none}.quest-tracker-header{display:flex;align-items:center;justify-content:space-between;padding:5px 6px 5px 10px;border-radius:4px 4px 0 0;cursor:var(--cursor-move);touch-action:none}.quest-tracker-title{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brass-highlight)}.quest-tracker-body{padding:6px 10px 8px}.quest-tracker-step{font-size:13px;font-weight:700}.quest-tracker .quest-objectives{background:none;border:none;padding:2px 0 4px;font-size:12px}.quest-tracker .quest-ready{margin:8px 0 6px}.quest-banner{position:absolute;top:84px;left:50%;transform:translate(-50%);min-width:280px;max-width:calc(100vw - 32px);padding:10px 26px 12px;text-align:center;font-family:var(--font-serif);background:linear-gradient(180deg,#3a2c18f0,#1c150cf0);border:1px solid var(--brass-highlight);border-radius:6px;box-shadow:0 10px 30px #000000a6,0 0 0 1px #c9a45c40;z-index:40;pointer-events:none;animation:quest-banner-in .45s ease-out,quest-banner-out .6s ease-in 2.6s forwards}.quest-banner.hidden{display:none}.quest-banner-heading{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brass-highlight)}.quest-banner-name{margin-top:2px;font-size:18px;font-weight:700;color:var(--parchment-light)}.quest-banner.big{top:70px;min-width:380px;padding:16px 40px 18px;border-width:2px;box-shadow:0 14px 44px #000000bf,0 0 36px #f1d36b73;animation:quest-banner-in .6s cubic-bezier(.2,1.3,.4,1),quest-banner-out .8s ease-in 4.4s forwards}.quest-banner.big .quest-banner-heading{font-size:17px;color:#ffd84a;text-shadow:0 0 12px rgba(255,216,74,.6)}.quest-banner.big .quest-banner-name{font-size:24px}@keyframes quest-banner-in{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes quest-banner-out{0%{opacity:1}to{opacity:0}}.quest-log-entry{padding-bottom:8px;border-bottom:1px solid rgba(140,111,62,.3)}.quest-abandon-ask{margin:4px 0 0;font-size:13px;color:#f0a79b}.quest-btn.danger{background:#6b2a22;border-color:#c4574a;color:#ffe3dd}.quest-btn.danger:hover{background:#84352b}.quest-tracker-footer{display:none}.quest-tracker-buttons{display:flex;gap:4px}.quest-btn.tiny{padding:2px 9px;font-size:11px}.quest-tracker-giveup{margin-top:10px}.quest-tracker-giveup .quest-actions{margin-top:2px}.quest-tracker .quest-abandon-ask{font-size:12px}.quest-tracker-entry+.quest-tracker-entry{margin-top:8px;padding-top:6px;border-top:1px solid rgba(140,111,62,.3)}.area-banner{position:absolute;top:17%;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);text-align:center;font-family:var(--font-serif);pointer-events:none;user-select:none;z-index:30;animation:area-banner-life 5.2s cubic-bezier(.22,.61,.36,1) both}.area-banner.hidden{display:none}.area-banner-name{font-size:clamp(12px,2.6vw,23px);font-weight:700;line-height:1.1;letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-light, #f4e6c4);text-shadow:0 0 10px rgba(241,211,107,.55),0 2px 3px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.85),0 0 26px rgba(0,0,0,.6);animation:area-banner-name 5.2s cubic-bezier(.22,.61,.36,1) both}.area-banner-sub{margin-top:3px;font-size:clamp(10px,1.3vw,12px);font-style:italic;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-highlight, #c9a45c);text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.85);animation:area-banner-sub 5.2s ease-out both}.area-banner-rule{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:6px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9))}.area-banner-line{width:clamp(24px,6vw,65px);height:1px;background:linear-gradient(90deg,transparent,var(--brass-highlight, #c9a45c));animation:area-banner-line 5.2s cubic-bezier(.22,.61,.36,1) both}.area-banner-line:last-child{background:linear-gradient(270deg,transparent,var(--brass-highlight, #c9a45c))}.area-banner-gem{width:5px;height:5px;background:#f1d36b;box-shadow:0 0 10px #f1d36be6;transform:rotate(45deg);animation:area-banner-gem 5.2s ease-out both}@keyframes area-banner-life{0%,82%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-14px)}}@keyframes area-banner-name{0%{opacity:0;letter-spacing:.42em;filter:blur(7px)}22%{opacity:1;letter-spacing:.2em;filter:blur(0)}to{opacity:1;letter-spacing:.14em;filter:blur(0)}}@keyframes area-banner-sub{0%,16%{opacity:0;transform:translateY(-4px)}34%,to{opacity:.95;transform:translateY(0)}}@keyframes area-banner-line{0%,4%{transform:scaleX(0)}26%,to{transform:scaleX(1)}}@keyframes area-banner-gem{0%{opacity:0;transform:rotate(45deg) scale(0)}14%{opacity:1;transform:rotate(45deg) scale(1.5)}26%,to{opacity:1;transform:rotate(45deg) scale(1)}}@media (prefers-reduced-motion: reduce){.area-banner,.area-banner-name,.area-banner-sub,.area-banner-line,.area-banner-gem{animation-name:area-banner-fade}@keyframes area-banner-fade{0%{opacity:0}12%,82%{opacity:1}to{opacity:0}}}@media (hover: none) and (pointer: coarse){*,*:before,*:after{-webkit-tap-highlight-color:transparent}#combat-dock{--slot-big: 76px;--slot-in: calc(48px / var(--hud-scale, 1));--slot-out: var(--hud-tap-area);--radius-in: max(100px, calc(75px / var(--hud-scale, 1)));--radius-out: max(164px, calc(123px / var(--hud-scale, 1)));--centre: calc(var(--radius-out) + var(--slot-out) / 2);--cluster-size: calc(var(--centre) + var(--slot-big) / 2);left:auto;right:max(calc(var(--hud-edge) / var(--hud-scale, 1)),calc(env(safe-area-inset-right) / var(--hud-scale, 1)));bottom:max(calc(var(--hud-edge) / var(--hud-scale, 1)),calc(env(safe-area-inset-bottom) / var(--hud-scale, 1)));align-items:flex-end}#hotbar-panel{background:none;border:0;box-shadow:none;padding:0;gap:2px;max-width:none;align-items:stretch}#hotbar-panel .hotbar-handle{display:none}#hotbar-panel{pointer-events:none}.combat-buttons-row{display:block;position:relative;width:var(--cluster-size);height:var(--cluster-size);pointer-events:none}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot{pointer-events:auto}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot{--size: var(--slot-out);--radius: 0px;--angle: 0deg;position:absolute;left:calc(var(--centre) - var(--size) / 2 + var(--radius) * cos(var(--angle)));top:calc(var(--centre) - var(--size) / 2 + var(--radius) * sin(var(--angle)));width:var(--size);height:var(--size);border-radius:50%;touch-action:none}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot:nth-child(1){--size: var(--slot-big);--radius: 0px}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot:nth-child(2){--size: var(--slot-in);--radius: var(--radius-in);--angle: 185deg}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot:nth-child(3){--size: var(--slot-in);--radius: var(--radius-in);--angle: 225deg}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot:nth-child(4){--size: var(--slot-in);--radius: var(--radius-in);--angle: 265deg}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot:nth-child(5){--radius: var(--radius-out);--angle: 180deg}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot:nth-child(6){--radius: var(--radius-out);--angle: 205deg}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot:nth-child(7){--radius: var(--radius-out);--angle: 230deg}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot:nth-child(8){--radius: var(--radius-out);--angle: 255deg}.macro-hotbar-slots>:nth-child(n+9),.macro-hotbar-slots>.hotbar-empty-slot{display:none}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;transition:transform .08s ease,box-shadow .12s ease,filter .12s ease}.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot:active,.macro-hotbar-slots>.combat-slot-btn.macro-icon-slot.macro-pressed{transform:scale(.9);filter:brightness(1.3);border-color:#ffe9a8;box-shadow:0 0 0 3px #ffdf828c,0 0 16px 4px #ffd2648c,inset 0 0 0 1px #fff5d2b3}.macro-hotbar-slots .slot-cast-progress{height:100%;background:linear-gradient(90deg,#3a8ee68c,#ffd65980)}.macro-hotbar-slots{--icon-scale: 1.2}.macro-hotbar-slots .slot-icon-main{width:calc(70% * var(--icon-scale));height:calc(70% * var(--icon-scale))}.macro-hotbar-slots .slot-icon-chain,.macro-hotbar-slots .btn-key{display:none}.login-screen-overlay,.char-select-overlay{--screen-ui: .7;overflow-y:auto;align-items:safe center;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-sizing:border-box}.login-screen-box,.char-select-box{zoom:var(--screen-ui)}.login-screen-box{padding:22px 32px;gap:10px;max-width:calc((100vw - 32px) / var(--screen-ui))}.char-select-box{max-width:calc((100vw - 32px) / var(--screen-ui));max-height:calc((100dvh - 16px) / var(--screen-ui))}#app-shell{min-width:0;min-height:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box}html,body{min-width:0;min-height:0;overscroll-behavior:none}.controls-hint-grip{display:none}#mini-compass-widget{zoom:calc(var(--hud-scale, 1) * .7);transform:none;top:calc(var(--hud-edge) / (var(--hud-scale, 1) * .7));right:calc(var(--hud-edge) / (var(--hud-scale, 1) * .7))}.compass-region{font-size:13px;max-width:120px}#bottom-right-cluster{top:calc(var(--hud-edge) / var(--hud-scale, 1) + 118.4px);right:calc(var(--hud-edge) / var(--hud-scale, 1));width:92.4px}#perf-stats-widget{flex-direction:column;gap:0;padding:2px 6px}#perf-stats-widget .sep{display:none}.target-hud{--threat-size: var(--hud-dock-icon-size);--threat-gap: calc(10px / var(--hud-scale, 1));top:calc((var(--hud-edge) + 50px) / var(--hud-scale, 1));left:auto;right:calc(var(--hud-edge) / var(--hud-scale, 1) + 104px);transform:none;width:auto;align-items:flex-end}.target-frame{width:calc(280px / var(--hud-scale, 1));cursor:var(--cursor-default)}#pet-bar{position:fixed;left:auto;right:calc((var(--hud-edge) + env(safe-area-inset-right)) / var(--hud-scale, 1) + 104px);top:calc(var(--hud-edge) / var(--hud-scale, 1));bottom:auto;width:auto;height:auto;max-width:none;padding:0;gap:0;background:none;border:0;border-radius:0;box-shadow:none;touch-action:none}#pet-bar .pet-bar-handle{display:none}#pet-bar-rows{flex-direction:row;align-items:center;justify-content:flex-end;gap:calc(2px / var(--hud-scale, 1))}#pet-bar .pet-row{position:relative;display:block;width:38px;height:38px;padding:0;border:0}#pet-bar .pet-bar-head{position:relative;box-sizing:border-box;flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:conic-gradient(var(--hp-color, #6fbf5a) calc(var(--hp, 100) * 1%),rgba(11,9,7,.85) 0);box-shadow:0 2px 8px #0009}#pet-bar .pet-bar-head:before{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#3a2f20,#1c1711);border:1px solid var(--brass-border)}#pet-bar .pet-bar-badge{position:relative;display:block;width:18px;height:18px;padding:0;background:none;border:0;color:var(--brass-highlight)}#pet-bar .pet-bar-info,#pet-bar .pet-cmd-label{display:none}#pet-bar .pet-row-all .pet-bar-head:after{content:"\2605";position:relative;font-size:17px;line-height:1;color:var(--brass-highlight)}#pet-bar .pet-row.orders-open .pet-bar-head{box-shadow:0 0 0 2px #ffdf82b3,0 0 14px #ffd2648c}#pet-bar .pet-bar-buttons{position:absolute;right:0;top:calc(100% + 6px / var(--hud-scale, 1));z-index:1;display:none;flex-direction:row;gap:6px}#pet-bar .pet-row.orders-open .pet-bar-buttons{display:flex;animation:pet-bubbles-in .14s ease-out}@keyframes pet-bubbles-in{0%{opacity:0;transform:translateY(-8px) scale(.85)}to{opacity:1;transform:none}}#pet-bar .pet-cmd-btn{width:40px;height:40px;padding:0;border-radius:50%;box-shadow:0 2px 8px #0009,inset 0 1px #ffffff0f;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}#pet-bar .pet-cmd-icon{width:20px;height:20px}#pet-bar .pet-cmd-btn:active{transform:scale(.9);filter:brightness(1.3)}#pet-bar .pet-cmd-countdown{top:2px;right:8px}.hud-dock{flex-direction:row;gap:calc(12px / var(--hud-scale, 1))}.player-frame{--buff-size: max(22px, calc(18px / var(--hud-scale, 1)));--buff-gap: calc(4px / var(--hud-scale, 1));top:max(calc(var(--hud-edge) / var(--hud-scale, 1)),calc(env(safe-area-inset-top) / var(--hud-scale, 1)));left:calc(var(--hud-edge) / var(--hud-scale, 1))}.player-frame-main{gap:9px;padding:4px 9px 4px 4px}.buff-bar{left:57px}.player-frame-face{width:44px;height:44px}.player-frame .vital-num{display:none}.player-frame .vital-track{width:90px}.top-left-cluster{top:calc(var(--hud-edge) / var(--hud-scale, 1) + 4px);left:calc(var(--hud-edge) / var(--hud-scale, 1) + 188px)}.left-stack{top:calc(var(--hud-edge) / var(--hud-scale, 1) + 64px + max(22px,calc(18px / var(--hud-scale, 1))) + 4px / var(--hud-scale, 1));left:calc(var(--hud-edge) / var(--hud-scale, 1))}#controls-hint button,.threat-list-btn,.gump-close-btn,.gump-icon-btn,button.gump-chip,.keybind-record-btn,.gump-window .uo-btn,.macro-tab-btn,.step-icon-btn,.lang-toggle-btn,.hud-icon-btn,.hud-dock-icon,#pet-bar .pet-cmd-btn,.hud-panel-dialog .quest-btn.tiny{position:relative}#btn-toggle-war:after,#controls-hint button:after,.threat-btn:after,.threat-list-btn:after,.gump-close-btn:after,.gump-icon-btn:after,button.gump-chip:after,.keybind-record-btn:after,.gump-window .uo-btn:after,.macro-tab-btn:after,.step-icon-btn:after,.lang-toggle-btn:after,.hud-icon-btn:after,.hud-dock-icon:after,#pet-bar .pet-cmd-btn:after,.hud-panel-dialog .quest-btn.tiny:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--hud-tap-area));height:max(100%,var(--hud-tap-area));transform:translate(-50%,-50%)}.enemy-list-header{min-height:var(--hud-tap-area);padding:0 calc(8px / var(--hud-scale, 1))}.enemy-list-tab,.enemy-row-btn{min-height:var(--hud-tap-area)}.enemy-row-btn{justify-content:center}#pet-bar .pet-row,#pet-bar .pet-bar-head{width:var(--hud-tap-area);height:var(--hud-tap-area)}#pet-bar .pet-bar-head{padding:calc(4px / var(--hud-scale, 1));background-clip:content-box;box-shadow:none}#pet-bar .pet-bar-head:before{inset:calc(8px / var(--hud-scale, 1))}#pet-bar .pet-bar-buttons{gap:calc(10px / var(--hud-scale, 1))}#pet-bar .pet-cmd-btn{width:var(--hud-dock-icon-size);height:var(--hud-dock-icon-size)}.gump-header{min-height:var(--hud-tap-area);padding-top:0;padding-bottom:0}.gump-header-controls{gap:calc(18px / var(--hud-scale, 1))}.gump-close-btn,.gump-icon-btn{width:var(--hud-control-size);height:var(--hud-control-size)}.macros-tab-btn,.macro-icon-btn,#input-macro-name,.macro-step-param-select,.macro-step-param-input{min-height:var(--hud-tap-area)}.macro-tabs-list{gap:calc(16px / var(--hud-scale, 1))}.macro-tab-btn{min-height:calc(30px / var(--hud-scale, 1))}.macro-step-actions{gap:calc(18px / var(--hud-scale, 1))}.step-icon-btn{width:var(--hud-control-size);height:var(--hud-control-size)}.keybind-row{min-height:calc(46px / var(--hud-scale, 1))}label.settings-row{min-height:var(--hud-tap-area);padding-right:12px}.settings-number,.settings-gump-window select,.settings-range{min-height:var(--hud-tap-area)}.settings-range{height:var(--hud-tap-area)}.gump-window{--hud-safe-width: calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)) ;max-width:calc((var(--hud-safe-width) - 16px) / var(--hud-scale, 1))}.char-gump-window{width:calc((var(--hud-safe-width) * .4 - 12px) / var(--hud-scale, 1))}.backpack-gump-window{width:calc((var(--hud-safe-width) * .6 - 24px) / var(--hud-scale, 1))}.placed-gump-window,.container-gump-window,.shop-gump-window,.moongate-gump-window,.guest-room-window.guest-room-desk{width:calc((var(--hud-safe-width) * .4 - 12px) / var(--hud-scale, 1))}.guest-room-window{width:calc((var(--hud-safe-width) * .7 - 12px) / var(--hud-scale, 1))}#backpack-grid,.container-grid{grid-template-columns:repeat(auto-fill,minmax(calc(60px / var(--hud-scale, 1)),1fr))}#backpack-grid .backpack-slot,.container-grid .backpack-slot{height:84px}.backpack-footer-panel:has(.backpack-item-detail:empty){display:none}.backpack-footer-panel{height:auto;overflow-y:visible;order:-1;position:sticky;top:-14px;z-index:2;background:#1b1712}.backpack-item-actions{gap:calc(18px / var(--hud-scale, 1));margin-top:calc(12px / var(--hud-scale, 1));margin-bottom:calc(8px / var(--hud-scale, 1))}.craft-row{min-height:var(--hud-tap-area)}.craft-gump-layout{grid-template-columns:minmax(0,1fr) calc(180px / var(--hud-scale, 1));gap:calc(10px / var(--hud-scale, 1))}.craft-preview{gap:4px;padding:6px}.craft-preview-icon{width:calc(56px / var(--hud-scale, 1));height:calc(56px / var(--hud-scale, 1))}.craft-make-btn{margin-top:calc(10px / var(--hud-scale, 1));margin-bottom:calc(10px / var(--hud-scale, 1))}.paperdoll-equip{grid-template-columns:calc(52px / var(--hud-scale, 1)) minmax(0,1fr) calc(52px / var(--hud-scale, 1));gap:6px}.paperdoll-preview-box{padding:4px}#paperdoll-canvas{max-width:100%;height:auto}.menu-entry-btn{min-height:48px;font-size:16px}.menu-tile{min-height:88px;font-size:13px}.menu-icon{width:28px;height:28px}.menu-entry-btn .menu-icon{width:24px;height:24px}}