*{box-sizing:border-box}body{margin:0;background:#151311;color:#eee0be;font:14px Arial,sans-serif}main{max-width:600px;margin:auto;padding:12px 12px calc(14px + env(safe-area-inset-bottom))}h1{margin:6px 0;font-size:22px;color:#d9b877}header p{line-height:1.5;color:#c9c1b1;font:12px Arial,sans-serif}nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:15px}button,select,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;border:0;background:transparent}nav button,.action{min-height:44px;padding:8px 10px;background-image:var(--button);background-size:100% 100%;color:#eee0be}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e4c388}#screen{min-height:360px}.source-window-wrap{margin:auto;position:relative}.source-window{position:relative;transform-origin:top left}.node,.source-tile,.source-close{position:absolute}.source-tile{pointer-events:none}.source-close{padding:0;z-index:2}.source-image{display:block;max-width:none;pointer-events:none}.source-text{white-space:nowrap;font:12px Arial,sans-serif;color:#eee0be;text-shadow:1px 1px #000,-1px -1px #000;pointer-events:none}.node{padding:0}.source-slot{position:absolute;padding:0;background:var(--slot);background-size:32px 32px;background-repeat:repeat-y;text-align:left}.source-slot:hover,.selected-item{outline:1px solid #c9b887}.item-icon{position:absolute;left:0;top:0;width:32px;max-height:none;pointer-events:none}.item-count{position:absolute;right:2px;bottom:2px;color:white;font:bold 11px Arial;text-shadow:1px 1px #000;pointer-events:none}.panel{padding:24px;border-image-source:var(--board);border-image-slice:32 fill;border-image-width:32px;border-image-repeat:repeat}h2{font-size:20px;color:#dbbd82}h3{font-size:15px}select,input{width:100%;padding:10px;background:#201d19;border:1px solid #73644a;margin:8px 0}.rows{display:grid;gap:8px}.item-row{min-height:52px;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px;background:#211e18}.item-row img{width:32px;height:auto;object-fit:contain}.muted{color:#b8b09e;font:12px/1.6 Arial,sans-serif}dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}dt{color:#b8b09e}dd{margin:0}dialog{max-width:calc(100vw - 24px);width:360px;background:#1b1917;color:#eee0be;border:1px solid #bca674;padding:18px}dialog::backdrop{background:#000a}#close-tooltip{float:right;font-size:24px;min-width:44px;min-height:44px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 monospace}#save-status{text-align:center;font:12px Arial,sans-serif;color:#c5bda9}.item-actions{display:flex;gap:8px}@media(min-width:700px){main{padding-top:24px}}

.live-stage{width:100%;height:420px;overflow:hidden;border:1px solid #73644a}.live-stage canvas{display:block;width:100%;height:100%}.farming-screen h2{margin:8px 0}

.hud-native{position:relative;width:263px;height:47px;margin:12px auto;transform:scale(1.25);transform-origin:top center}.hud-gauge-clip{position:absolute;overflow:hidden}.hud-name{font-size:18px;color:#dbbd82}.hud-values{font-size:11px;line-height:1.6;margin-top:24px}.farming-hud{padding:8px 0 12px}

.hud-vitals{background:linear-gradient(180deg,#3b3d30,#1d211b 44%,#131713);border:1px solid #988562;border-radius:4px;box-shadow:inset 0 0 0 2px #10120f,inset 0 3px 5px #ffffff12,0 1px 4px #0009}
.hud-vital-track{position:absolute;left:7px;width:146px;height:14px;overflow:hidden;background:linear-gradient(#080a09,#242820);border:1px solid #8b7958;border-radius:2px;box-shadow:0 1px 1px #000,inset 0 1px 3px #000}
.hud-vital-hp{top:7px}.hud-vital-mp{top:24px}.hud-vital-fill{height:100%;overflow:hidden}.hud-vital-fill img{display:block;width:144px;height:12px;max-width:none}
.hud-vital-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff2d6;font:bold 9px Arial;line-height:12px;text-shadow:0 1px 2px #000,0 0 2px #000;white-space:nowrap}
.hud-vital-fill{position:relative;z-index:1}.hud-vital-value{z-index:2}
.hud-vital-recovery{position:absolute;top:0;height:100%;background:linear-gradient(#e9484866,#97232377);box-shadow:inset 0 1px #ff8b8b55}
.hud-vital-mp .hud-vital-recovery{background:linear-gradient(#5295f666,#244fa477);box-shadow:inset 0 1px #9dbfff55}
.hud-exp-orbs{position:absolute;left:163px;top:9px;display:flex;gap:2px;height:27px;align-items:center;border-left:1px solid #76674b;padding-left:4px}
.hud-exp-orb{position:relative;width:21px;height:21px}.hud-exp-orb>img{display:block;width:21px;height:21px;filter:brightness(.75)}
.hud-exp-orb:after{content:'';position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffff22,#0a0b09 65%);pointer-events:none}
.hud-exp-light{position:absolute;inset:0;z-index:1;border-radius:50%;overflow:hidden}.hud-exp-light img{width:21px;height:21px;display:block;clip-path:circle(31% at 50% 50%)}
.hud-exp-moving .hud-exp-light img{animation:exp-liquid-swirl 5s ease-in-out infinite;animation-delay:var(--liquid-phase);transform-origin:center}
.hud-exp-fluid{position:absolute;inset:19%;border-radius:50%;overflow:hidden;z-index:2;pointer-events:none}
.hud-exp-surface{position:absolute;left:-50%;width:200%;height:3px;border-radius:50%;background:linear-gradient(#fff4bccc,#e9b74999,transparent);box-shadow:0 -1px 2px #ffd96955;animation:exp-liquid-wave 2.6s ease-in-out infinite;animation-delay:var(--liquid-phase)}
@keyframes exp-liquid-swirl{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}
@keyframes exp-liquid-wave{0%,100%{transform:translateY(-50%) rotate(-5deg)}50%{transform:translateY(-50%) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.hud-exp-moving .hud-exp-light img,.hud-exp-surface{animation:none}}

.source-button-text{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font:12px Arial;color:#eee0be;text-shadow:1px 1px #000}.refine-item-preview{position:absolute;left:15px;top:42px;width:220px;text-align:center;font:12px Arial}.refine-item-preview img{width:32px;margin:8px auto}.refine-item-preview strong{display:block;line-height:18px}.refine-item-preview>p{margin:0;line-height:18px}.refine-material{display:flex;align-items:center;gap:8px;font:12px Arial}.refine-material img{width:32px}.native-modal{padding:0;background:transparent;border:0;width:auto;max-width:calc(100vw - 12px)}

.farming-screen .item-actions{flex-wrap:wrap;align-items:center;margin-top:8px}.farming-screen .item-actions select{flex:1 0 100%;order:-1;margin:0}.farming-screen .item-actions button{flex:1 1 100px;min-height:44px}.farming-screen .item-actions label{display:flex;align-items:center;gap:8px;flex:1 0 100%;min-height:32px}.farming-screen .item-actions input[type=checkbox]{width:18px;height:18px;margin:0;flex:none}

.world-host{display:none}.world-mode{overflow:hidden}.world-mode main{max-width:none;padding:0}.world-mode main>header,.world-mode #build-info{display:none}.world-mode .world-host{display:block;position:fixed;inset:0 0 var(--taskbar-height,56px);background:#293638;overflow:hidden}.world-mode .world-host>canvas{display:block;width:100%;height:100%}.world-mode #screen{min-height:0}.world-mode #nav{position:fixed;bottom:0;left:0;right:0;height:var(--taskbar-height,56px);min-height:0;margin:0;padding:0 calc(4px*var(--tb,1)) 0 calc(268px*var(--tb,1));background:var(--taskbar) repeat-x left top/auto 100%,#14110d;border:0;z-index:30;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:calc(2px*var(--tb,1))}.world-mode #nav button{flex:0 0 auto;width:calc(34px*var(--tb,1));height:calc(32px*var(--tb,1));min-width:0;min-height:0;padding:0;font:bold calc(10px*var(--tb,1)) Arial;color:#f2dfb4;text-shadow:1px 1px #000;background:var(--button) center/100% 100%;border:0}.world-mode #nav .taskbar-button{width:calc(32px*var(--tb,1));font-size:0;background:var(--n) center/100% 100% no-repeat;image-rendering:auto}.world-mode #nav .taskbar-button:hover{background-image:var(--h)}.world-mode #nav .taskbar-button:active{background-image:var(--p)}.world-taskbar-gauge{display:none}.world-mode .world-taskbar-gauge{display:block;position:fixed;left:0;bottom:0;width:calc(263px*var(--tb,1));height:calc(47px*var(--tb,1));z-index:31;pointer-events:none}.world-taskbar-gauge .hud-native{position:absolute;left:0;top:0;margin:0;transform:scale(var(--tb,1));transform-origin:top left;pointer-events:auto}.world-mode .world-hud .hud-values{display:none}.world-mode #save-status[data-kind=save]{display:none}.world-mode #save-status{position:fixed;bottom:calc(52px*var(--tb,1));left:8px;max-width:calc(100vw - 16px);margin:0;font-size:11px;color:#fff0c6;text-shadow:1px 1px #000;pointer-events:none;z-index:31}.world-mode #screen.world-panel{position:fixed;top:12px;left:50%;transform:translateX(-50%);max-height:calc(100dvh - 108px);overflow:auto;width:max-content;max-width:calc(100vw - 12px);padding:24px 7px 12px;background:#181612f5;border:1px solid #8c7754;z-index:40;box-shadow:0 4px 25px #0008}.world-mode #screen.world-panel:empty{display:none}.world-panel-close{position:sticky;top:0;float:right;width:32px;height:32px;color:#fff4d7;background:#332c22;border:1px solid #827151;font-size:22px;z-index:10}.world-hud{position:absolute;left:10px;top:8px;width:263px;pointer-events:none;color:#fff0c6;text-shadow:1px 1px #000}.world-hud .hud-native{transform:none;margin:4px 0;height:47px}.world-hud .hud-name{font-size:14px}.world-hud .hud-values{margin-top:2px;line-height:1.4}.world-hud .farming-hud{padding:0}.world-minimap{position:absolute;right:10px;top:10px;width:144px;padding:5px;border:2px solid #89724c;border-radius:8px;background:#1c1b16e8;box-shadow:0 2px 7px #0008;color:#eee0be;text-align:center}.world-minimap canvas{display:block;width:130px;height:130px;border-radius:50%;border:1px solid #a39469;cursor:pointer}.world-minimap button{font-size:12px;min-height:24px}.world-minimap span{display:block;font-size:11px}.world-minimap.expanded{width:min(80vw,550px);z-index:42}.world-minimap.expanded canvas{width:100%;height:auto;aspect-ratio:4/5;border-radius:0}.world-auto{position:absolute;top:205px;right:14px;min-width:64px;min-height:44px}.world-auto.running{color:#9affb7}.world-message{position:absolute;bottom:6px;left:10px;right:10px;margin:0;text-align:center;font-size:12px;color:#fff0c6;text-shadow:1px 1px 2px #000;pointer-events:none}.world-target{position:absolute;top:14px;left:50%;transform:translateX(-50%);text-align:center;color:#ffdb9e;font-size:13px;text-shadow:1px 1px #000}.world-target progress{width:160px;height:10px;accent-color:#ac3226;display:block;margin:4px auto}.world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-mob-label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font:11px Arial;color:#ebddbd;text-shadow:1px 1px 2px #000,-1px -1px #000;padding:6px;pointer-events:auto}.world-mob-label.selected{color:#ffcf67}.world-damage{position:absolute;pointer-events:none;font:bold 22px Georgia,serif;text-shadow:1px 1px 2px #000}.world-restart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20}.world-loot{position:absolute;bottom:40px;left:10px;display:flex;flex-direction:column;gap:4px}.world-loot button{padding:7px 12px;color:#ffe79b;border:1px solid #998157;background:#1c1813da;font-size:12px}.auto-hunt-panel{position:absolute;right:12px;top:10px;width:270px;max-height:calc(100% - 20px);overflow:auto;padding:7px 10px 9px;background:#171612;border:3px double #9d885d;box-shadow:0 5px 25px #000b;z-index:45;color:#ece0c3;font:11px Arial}.auto-hunt-panel header{background-image:var(--title);background-size:100% 100%;text-align:center;min-height:26px;padding:5px 22px;position:relative;font-weight:bold}.auto-hunt-panel header button{position:absolute;right:0;top:0;min-width:26px;min-height:26px;font-size:18px;color:#fff}.auto-hunt-panel h3{font-size:11px;font-weight:normal;margin:8px 0 4px;border-bottom:1px solid #807050;background:#282219;padding:3px}.auto-slot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.auto-slot{display:block;width:100%;height:34px;padding:0;border:1px solid #8b7752;background:#080a09;box-shadow:inset 0 0 5px #75634666}.auto-slot img{width:30px;height:30px;object-fit:contain}.auto-slot:disabled{opacity:.6}.auto-slot-grid input{padding:2px;margin:2px 0 3px;height:18px;width:100%;text-align:center;font-size:10px;appearance:textfield}.auto-slot-grid input::-webkit-inner-spin-button{appearance:none}.auto-note{margin:4px 0;font-size:10px;color:#bfb59a}.auto-setting{display:flex;align-items:center;height:28px;border:1px solid #746449;margin-bottom:4px;background:#0d0f0d}.auto-setting span{flex:1;text-align:center}.auto-setting button{width:54px;align-self:stretch;border-left:1px solid #746449;background:#282923;font-size:10px}.auto-setting button[aria-pressed=true]{color:#d8efad;background:#44442d}.auto-setting button:disabled{opacity:.5}.auto-filters label{display:flex;align-items:center;justify-content:space-between;font-size:10px}.auto-filters input{width:48px;padding:3px;margin:2px 0;font-size:11px}.auto-hunt-panel footer{display:flex;gap:4px;margin-top:6px}.auto-hunt-panel footer button{flex:1;padding:6px 4px;min-height:30px;font-size:11px}
@media(max-width:600px){.world-hud{width:180px;left:6px}.world-hud .hud-native{transform:scale(.67);transform-origin:top left;width:263px;height:34px}.world-hud .hud-values{font-size:10px;margin-top:0;width:185px}.world-hud .hud-name{font-size:12px}.world-minimap{right:7px;top:7px;width:126px;padding:4px}.world-minimap canvas{width:114px;height:114px}.world-auto{top:180px;right:9px}.world-target{top:110px;left:8px;transform:none;max-width:195px;font-size:11px}.world-target progress{width:150px}.world-mob-label{font-size:10px}}

.world-mob-label.npc{color:#88e3b4}

.auto-ranks{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.auto-ranks label{justify-content:start;font-size:10px;gap:3px}.auto-ranks input{width:13px;height:13px;margin:0;flex:none}

#tooltip{width:460px;max-height:85dvh;overflow:auto;padding:20px;border:3px double #ad966c;background:#1b1913;font-size:16px;box-shadow:0 8px 40px #000b}#tooltip h2{font-size:21px;color:#ead09a;padding-right:30px}#tooltip p{line-height:1.5}.item-primary-actions{display:flex;flex-wrap:wrap;margin-top:20px}.item-primary-actions button{flex:1;min-height:48px;min-width:95px}.world-joystick{position:absolute;width:100px;height:100px;transform:translate(-50%,-50%);border:2px solid #dcc58a99;border-radius:50%;background:#15120e55;pointer-events:none;z-index:22}.world-joystick span{position:absolute;left:30px;top:30px;width:36px;height:36px;border-radius:50%;border:1px solid #d3bc88;background:#baa26f99}.world-joystick[hidden]{display:none}.npc-directory{max-height:75dvh;overflow:auto;width:min(360px,calc(100vw - 30px))}.npc-directory .item-row{border-bottom:1px solid #65573d;margin:3px 0;min-height:48px}.inventory-use-actions{max-width:280px}.inventory-use-actions h3{font-size:14px}.inventory-use-actions button{margin:5px 0;font-size:12px}

.world-mode #screen.world-panel.native-panel{background:transparent;border:0;box-shadow:none;padding:0;overflow:auto}.native-thinboard-skin{position:absolute;inset:0;pointer-events:none;background:rgba(0,0,0,.51);border-radius:12px;z-index:0}#tooltip.item-tooltip-native{position:fixed;z-index:40;width:310px;background:transparent;border:0;padding:16px;box-shadow:none;font:14px Arial;text-align:center;margin:0;left:auto;right:12px;top:12px;max-height:calc(100dvh - 105px)}#tooltip.item-tooltip-native #tooltip-body,#tooltip.item-tooltip-native #close-tooltip{position:relative;z-index:1}#tooltip.item-tooltip-native h2{font:16px Arial;color:#f2e7c1;margin:12px 0;padding:0}#tooltip.item-tooltip-native p{font:14px/1.3 Arial;color:#c2c2c2;margin:8px 0}#tooltip.item-tooltip-native .tooltip-positive{color:#8aba8e}#tooltip.item-tooltip-native .item-primary-actions{gap:4px;margin-top:12px;flex-wrap:nowrap}#tooltip.item-tooltip-native .item-primary-actions button{font-size:12px;min-width:0;padding:5px;min-height:36px}#tooltip.item-tooltip-native .item-move{min-height:32px;font-size:12px}.world-player-label{position:absolute;transform:translate(-50%,-100%);font:13px Arial;color:#fff;text-shadow:1px 1px #000,-1px -1px #000;white-space:nowrap;pointer-events:none}.native-shop{background:transparent}.native-shop .source-window-wrap{margin:0}

.world-chat{position:absolute;bottom:82px;left:8px;width:min(450px,calc(100% - 20px));z-index:8;color:white;font:13px Arial;pointer-events:none;text-shadow:1px 1px 2px #000}
.world-chat-log{height:90px;overflow:auto;scrollbar-width:thin;background:linear-gradient(transparent,#0006);padding:4px;pointer-events:auto}
.world-chat form{display:none;gap:4px;background-color:#111b;padding:4px;pointer-events:auto}.world-chat.expanded form{display:flex}.world-chat.expanded .world-chat-log{height:160px}
.world-chat input{min-width:0;flex:1;background:#0008;color:white;border:1px solid #777;font:13px Arial;padding:5px}.world-chat select,.world-chat button{font:12px Arial;min-height:28px;padding:3px;color:#e8dcc1;background:#292722;border:1px solid #777}
.world-chat-toggle{pointer-events:auto;float:left}.chat-system{color:#ffcf78}.chat-shout{color:#ff9588}
@media(max-width:600px){.world-chat{bottom:76px;width:calc(100% - 105px)}.world-chat-log{height:58px}.world-chat.expanded{width:calc(100% - 16px)} }

.source-button-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font:12px Arial;text-shadow:1px 1px #000;pointer-events:none}
.world-ground-drop{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;color:#ffe290;font:11px Arial;text-shadow:1px 1px 2px #000,-1px -1px 1px #000;padding:4px 6px;white-space:nowrap;background:transparent;border:0;min-height:0}.world-ground-drop:focus-visible{outline:1px solid #dbbf77}
.world-attack,.world-pickup{position:absolute;right:18px;bottom:105px;width:64px;height:64px;border-radius:50%;border:2px solid #b69965;background:radial-gradient(#514530,#171510);color:#ffe4ad;z-index:23;font:14px Arial;touch-action:manipulation}.world-pickup{right:92px;width:52px;height:52px;bottom:111px;font-size:12px}
@media(max-width:600px){.world-minimap{width:94px;right:8px;top:8px}.world-minimap canvas{width:82px;height:82px}.world-minimap span{display:none}.world-auto{top:132px;min-width:58px}.world-target{top:98px}.world-mode #screen.world-panel{top:auto;bottom:76px;max-height:calc(100dvh - 88px);border-radius:14px}.world-chat{bottom:139px;left:8px;width:calc(100% - 170px)}.world-chat:not(.expanded) .world-chat-log{display:none}.world-chat.expanded{bottom:192px;width:calc(100% - 16px)}.world-chat-toggle{min-width:48px;min-height:38px}.world-message{display:none}.world-loot{display:none}.world-joystick{width:112px;height:112px}.world-joystick span{left:36px;top:36px;width:36px;height:36px}}

.world-joystick{left:78px;bottom:112px;top:auto;transform:none;width:112px;height:112px;pointer-events:auto;touch-action:none}.world-joystick span{left:36px;top:36px}.world-joystick{left:18px}.world-chat{left:auto;right:12px}.world-chat-toggle{float:right}
.world-affects{display:flex;gap:2px;margin-top:3px}.world-affects img{width:22px;height:22px;pointer-events:auto}
/* hover-tip.js: original ToolTip look in the inventory skin */
.hover-tip{position:fixed;z-index:80;max-width:min(300px,calc(100vw - 8px));padding:6px 9px;border:1px solid #6d5a3a;box-shadow:inset 0 0 0 1px #000,0 4px 14px #000a;background:linear-gradient(#1d1c17f2,#14130ff2);color:#c2c2c2;font:12px/1.35 Arial,sans-serif;text-align:center;pointer-events:none}
.hover-tip[hidden]{display:none}.hover-tip p{margin:0}.hover-tip b{display:block;margin-bottom:2px;color:#f2e7c1;font-size:13px}.hover-tip hr{margin:4px 0;border:0;border-top:1px solid #5c4d33}.auto-slot.selected{border-color:#f2d27a;box-shadow:inset 0 0 0 1px #f2d27a,0 0 6px #e8c25a99}.auto-slot.blocked img{filter:grayscale(1) brightness(.6)}.auto-slot:not(.selected):not(.blocked) img{opacity:.55}

/* Original MiniMap frame (uiscript/minimap.py). */
.world-minimap,.world-minimap canvas{all:unset}.world-minimap{position:absolute;right:4px;top:4px;width:136px;z-index:6;color:#f0e2bd;font:12px Arial;text-align:center;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}
.minimap-frame{position:relative;width:136px;height:137px;background:no-repeat 0 0}.minimap-frame canvas{position:absolute;left:4px;top:5px;width:128px;height:128px;border-radius:50%;cursor:pointer}
.minimap-button{all:unset;position:absolute;z-index:2;width:15px;height:15px;cursor:pointer;background:var(--n) no-repeat 0 0/100% 100%}.minimap-button:hover{background-image:var(--h)}.minimap-button:active{background-image:var(--p)}.minimap-atlas{left:12px;top:12px}.minimap-up{left:101px;top:116px}.minimap-down{left:115px;top:103px}.minimap-hide{left:111px;top:6px;width:19px;height:20px}
.world-minimap .minimap-info{display:flex;flex-direction:column;align-items:center;line-height:14px;pointer-events:none}.minimap-tip{position:absolute;z-index:3;white-space:nowrap;padding:1px 5px;background:#000000b0;font:12px Arial;pointer-events:none}.minimap-closed{display:none;position:relative;width:132px;height:48px}.minimap-show{left:100px;top:4px;width:19px;height:20px}.world-minimap.minimap-hidden .minimap-frame,.world-minimap.minimap-hidden .minimap-info{display:none}.world-minimap.minimap-hidden .minimap-closed{display:block}
@media(max-width:600px){.world-minimap{transform:scale(.78);transform-origin:top right}.world-minimap>span{display:none}}


/* Item popup in the Auto-Hunt panel style. */
#tooltip.item-tooltip-native{position:fixed;z-index:40;inset:auto 8px calc(42px*var(--tb,1)) auto;margin:0;width:min(330px,calc(100vw - 16px));max-height:calc(100dvh - 120px);overflow:auto;padding:0 10px 10px;background:#171612;border:3px double #9d885d;border-radius:0;box-shadow:0 5px 25px #000b;color:#ece0c3;font:12px Arial;text-align:left}
#tooltip.item-tooltip-native h2{margin:0 -10px 8px;padding:6px 34px;min-height:26px;background:var(--title) 0 0/100% 100%;font:bold 13px Arial;color:#f2e7c1;text-align:center}
#tooltip.item-tooltip-native #close-tooltip{position:absolute;right:2px;top:1px;z-index:2;width:28px;height:26px;min-height:0;padding:0;font-size:18px;color:#fff;background:none;border:0}
#tooltip.item-tooltip-native .tooltip-icon{float:left;width:32px;margin:2px 10px 4px 0;padding:3px;border:1px solid #8b7752;background:#080a09;image-rendering:pixelated}
#tooltip.item-tooltip-native p{margin:3px 0;font:12px/1.35 Arial;color:#c9c0a8}
#tooltip.item-tooltip-native .item-primary-actions{clear:both;display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:4px;margin-top:10px;padding-top:8px;border-top:1px solid #4d4230}
#tooltip.item-tooltip-native .item-primary-actions button,#tooltip.item-tooltip-native>#tooltip-body>button{min-height:32px;padding:4px;font-size:11px;min-width:0}
#tooltip.item-tooltip-native .item-move{min-height:32px}
@media(min-width:900px){#tooltip.item-tooltip-native{inset:auto 330px calc(46px*var(--tb,1)) auto}}
.world-mode #screen.world-panel{bottom:calc(var(--taskbar-height,56px) + 4px);max-height:calc(100dvh - var(--taskbar-height,56px) - 8px)}.world-mode #screen.world-panel.native-panel{overflow:visible}
.minimap-frame::after{content:'';position:absolute;inset:0;background:var(--frame) no-repeat 0 0;pointer-events:none;z-index:1}.world-minimap .minimap-frame canvas{position:absolute;left:4px;top:5px;width:128px;height:128px;border:0;border-radius:50%;cursor:default}
/* Intro (login / empire / select / create): original intro_background + logo, Auto-window board. */
.intro-mode{background:linear-gradient(#0000,#000a 70%,#000),#000 var(--intro-bg) center top/cover no-repeat;min-height:100dvh}.intro-mode main>header,.intro-mode #nav,.intro-mode #build-info,.intro-mode #save-status{display:none}.intro-mode main{max-width:none;padding:0}
.intro{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;box-sizing:border-box}
.intro-logo{width:min(320px,80vw);height:auto}
.intro-board{width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:7px 12px 12px;background:#171612f2;border:3px double #9d885d;box-shadow:0 5px 25px #000b;color:#ece0c3;font:12px Arial}
.intro-board h2{position:relative;height:32px;margin:-2px -6px 10px;padding:0;background:var(--titlebar-left) left top/32px 32px no-repeat;text-align:center;font:bold 12px/30px Arial;color:#f1dfb7;text-shadow:1px 1px #000}.intro-board h2::before{content:"";position:absolute;inset:0 32px;background:var(--titlebar-center) left top/32px 32px repeat-x}.intro-board h2::after{content:"";position:absolute;right:0;top:0;width:32px;height:32px;background:var(--titlebar-left) left top/32px 32px no-repeat;transform:scaleX(-1)}.intro-board h2 span{position:relative}
.intro-form{display:flex;flex-direction:column;gap:5px}.intro-form label{font-size:11px;color:#c9b88f;margin-top:4px}
.intro-form input,.intro-form select{height:30px;padding:3px 8px;background:#0d0f0d;color:#f3e6c5;border:1px solid #746449;font-size:14px}
.intro-board .action,.intro-board .secondary{min-height:34px;padding:6px 10px;font:bold 12px Arial;color:#f2dfb4;text-shadow:1px 1px #000;border:1px solid #8c7754;background:#2d281f}
.intro-board .action{background:var(--button) center/100% 100%;border:0;margin-top:8px}.intro-board .danger{color:#ffb4a6}
.intro-board [aria-pressed=true]{outline:2px solid #e3c47c;background-color:#44442d}
.intro-actions{display:flex;gap:6px;margin-top:8px}.intro-actions>*{flex:1;margin-top:0!important}
.intro-error{min-height:14px;margin:4px 0 0;color:#ff8b78;font-size:11px}.intro-board .muted{font-size:10px;color:#9f9479;margin:4px 0 0}
.intro-scene{min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 16px;background:var(--line-pattern) left top/auto 22px repeat-x,var(--line-pattern) left bottom/auto 22px repeat-x;color:#e8dcc0;font:12px Arial}
.thinboard{position:relative;width:min(300px,calc(100vw - 32px));box-sizing:border-box;padding:12px 12px 10px;background:var(--thin-corner-lefttop) left top no-repeat,var(--thin-corner-righttop) right top no-repeat,var(--thin-corner-leftbottom) left bottom no-repeat,var(--thin-corner-rightbottom) right bottom no-repeat,var(--thin-line-top) left top repeat-x,var(--thin-line-bottom) left bottom repeat-x,var(--thin-line-left) left top repeat-y,var(--thin-line-right) right top repeat-y,#000a}
.img-button{min-width:0;min-height:0;padding:0;border:0;background:var(--n) center/100% 100% no-repeat;color:#f2dfb4;font:12px Arial;text-shadow:1px 1px #000;cursor:pointer}.img-button:hover{background-image:var(--h)}.img-button:active,.img-button[aria-pressed=true]{background-image:var(--p)}
.intro-arrows{display:flex;justify-content:center;gap:48px}.intro-arrows .img-button{width:82px;height:28px}
.btn-large{width:88px;height:21px}.btn-middle{width:61px;height:21px}.btn-small{width:43px;height:21px;font-size:11px}
.intro-board-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}
.intro-title{width:min(420px,92vw);height:auto}
.intro-stage{display:flex;flex-direction:column;align-items:center;gap:6px}
.intro-atlas{position:relative;width:min(495px,calc(100vw - 32px));aspect-ratio:495/357}.intro-atlas img{position:absolute;display:block;height:auto}.intro-atlas-map{left:0;top:0;width:100%}
.intro-area-hit{position:absolute;min-width:0;min-height:0;padding:0;background:none;border:0;cursor:pointer}
.intro-flagbar{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;background:#0008}.intro-flagbar img{width:128px;height:auto}.intro-flagbar strong{color:#f6d999}
.intro-textboard{margin-top:8px;padding:6px 8px 4px;background:#0009;border-top:1px solid #2a2521;border-left:1px solid #2a2521;border-right:1px solid #aaa6a1;border-bottom:1px solid #aaa6a1}.intro-textboard p{margin:0;min-height:78px;white-space:pre-line;line-height:1.35;font-size:11px}
.intro-pager{display:flex;justify-content:flex-end;gap:2px}
.intro-select-head{display:flex;gap:8px;align-items:center;margin-bottom:6px}.intro-select-head .intro-flag{width:76px;height:auto}.intro-select-head div{display:flex;flex-direction:column;gap:3px;flex:1}
.intro-pslot{display:block;height:18px;line-height:18px;text-align:center;background:var(--pslot) center/100% 100% no-repeat;color:#f3e6c5}
.intro-field{display:grid;grid-template-columns:70px 1fr;align-items:center;margin:4px 0}.intro-field input{height:20px;padding:0 6px;background:#0d0f0d;color:#f3e6c5;border:1px solid #746449;font-size:13px}
.intro-stat{display:grid;grid-template-columns:32px 1fr 34px;align-items:center;gap:4px;margin:3px 0}
.intro-gauge{display:block;position:relative;height:8px;padding:0 3px;background:var(--gslot-left) left/16px 8px no-repeat,var(--gslot-right) right/16px 8px no-repeat,var(--gslot-center) left/16px 8px repeat-x}.intro-gauge i{display:block;height:6px;margin-top:1px;background:var(--gauge-red) left/16px 6px repeat-x;transition:width .4s}
.intro-value{text-align:center;background:#000;border:1px solid #514939;height:15px;line-height:15px}
.intro-jobname{height:auto}
.intro-stage-name{font-size:15px;color:#f6d999;text-shadow:1px 1px #000}.intro-stage-slot{color:#b9ab89}
.intro-radio{display:flex;gap:6px}
@media (min-width:760px){.intro-select,.intro-create{flex-direction:row;gap:60px}.intro-empire{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:40px}.intro-empire .intro-title{grid-column:1/-1;justify-self:center}.intro-empire .thinboard{grid-row:2;grid-column:1}}


.intro-podium-stage{width:100%;align-self:stretch}.intro-podium-wrap{position:relative;width:min(640px,100%);margin:0 auto;height:min(36dvh,420px)}.intro-podium{display:block;width:100%;height:100%;background:#000 center 62%/cover no-repeat;border:1px solid #514939;cursor:pointer}
.intro-podium-wrap .intro-jobname{position:absolute;left:4px;top:2px;width:min(150px,38%);pointer-events:none}
.intro-scene.intro-select,.intro-scene.intro-create{justify-content:flex-start;gap:6px}
@media (min-width:760px){.intro-podium-stage{flex:1;max-width:640px}.intro-podium-wrap{height:min(70dvh,560px)}.intro-select,.intro-create{align-items:center;justify-content:center}}
.inventory-proposal [data-name="board"]{border:3px solid #78634a;border-radius:9px;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);box-shadow:inset 0 0 0 1px #b89a65,inset 0 0 0 4px #191a17,inset 0 0 18px #000,0 4px 16px #0009}
.inventory-proposal [data-name="board"]>.source-tile{display:none}
.inventory-proposal [data-name="TitleBar"]{left:5px!important;top:5px!important;width:160px!important;height:30px!important;border:1px solid #9a7546;border-radius:4px;background:linear-gradient(#734427,#452815 50%,#2c1b12);box-shadow:inset 0 1px #d3a46788,inset 0 -2px #160f0a,0 2px 5px #000}
.inventory-proposal [data-name="TitleBar"]>.source-tile{display:none}
.inventory-proposal [data-name="TitleName"]{top:6px!important;left:79px!important;font:bold 14px Georgia,serif;letter-spacing:.7px;color:#f1d4a0}
.inventory-proposal .source-close{right:4px!important;top:4px!important;width:21px;height:21px;border:1px solid #9c7a50;border-radius:3px;background:linear-gradient(#60584b,#292b28);color:#f0d6ae;font:22px/16px Arial;padding:0;box-shadow:inset 0 1px #b7a58b66}
.inventory-tools{position:absolute;left:8px;top:234px;width:154px;display:flex;gap:4px;height:28px}
.inventory-tool{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 0;border:1px solid #735a38;border-radius:3px;background:linear-gradient(#343932,#1b211d);box-shadow:inset 0 1px #a3926544;color:#e2cfab;font:8px Arial}
.inventory-tool img{width:15px;height:15px;object-fit:contain}
.inventory-tool:hover{border-color:#d0a96b;background:linear-gradient(#4b4b39,#282e24)}
.inventory-proposal [data-name^="Inventory_Tab_0"]{height:20px!important;border:1px solid #78603e;border-radius:3px;background:linear-gradient(#3c4138,#1b211c)}
.inventory-proposal [data-name^="Inventory_Tab_0"]>img{display:none}
.inventory-proposal .inventory-page-active{background:linear-gradient(#81613a,#46341f);border-color:#b58b52}
.inventory-proposal [data-name="Money_Slot"]{background:#111613;border:1px solid #6f6045;border-radius:3px}
.inventory-proposal [data-name="Money_Slot"]>img{visibility:hidden}
/* Compact revision: native window dimensions, centered equipment and no vacant button sockets. */
.inventory-proposal [data-name="board"]{border:0;box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009}
.inventory-proposal [data-name="TitleBar"]{left:8px!important;top:7px!important;height:23px!important;width:160px!important;background:linear-gradient(#464839,#252e24 50%,#171e18);border-color:#887950;border-radius:2px}
.inventory-proposal [data-name="TitleName"]{top:3px!important;left:79px!important;font:bold 12px Arial;letter-spacing:.2px;color:#e8d8b5}
.inventory-proposal .source-close{top:2px!important;right:3px!important;width:18px;height:18px;font:20px/14px Arial}
.inventory-proposal [data-name="Equipment_Base"]{background:radial-gradient(ellipse at center,#363b2c55,#151b17);border-top:1px solid #756b4844;border-bottom:1px solid #756b4844}
.equipment-socket{position:absolute;border:1px solid #8b7049;background:linear-gradient(135deg,#0e1411,#24271d);border-radius:4px;box-shadow:inset 0 0 0 1px #3d3b29,inset 0 0 9px #000}
.inventory-tool{position:absolute;display:flex;width:28px;height:28px;padding:1px;align-items:center;justify-content:center;border:1px solid #978154;border-radius:50%;background:radial-gradient(circle at 35% 25%,#596047,#242d23 70%);box-shadow:inset 0 0 0 2px #1b2119,0 1px 3px #0009}
.inventory-tool img{width:22px;height:22px;object-fit:contain}
.inventory-tool[data-tool="CostumeButton"]{left:80px;top:6px}
.inventory-tool[data-tool="DSSButton"]{left:120px;top:110px}
.inventory-tool[data-tool="MallButton"]{left:120px;top:151px}
.inventory-proposal .inventory-page-active{background:linear-gradient(#60583c,#373a29);border-color:#a58c59}

.inventory-proposal .equipment-socket{background-image:none!important;z-index:1}
.inventory-proposal .equipment-socket .item-icon{position:relative;z-index:2}

/* Inventory and item windows share the approved bronze/charcoal visual language. */
#tooltip.item-tooltip-native{padding:8px 14px 14px;border:0;border-radius:8px;background:linear-gradient(100deg,#292721,#151715 48%,#24241f);box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 5px 25px #000b}
#tooltip.item-tooltip-native h2{margin:0 -6px 14px;padding:7px 30px;border:1px solid #887950;border-radius:2px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:bold 13px Arial}
#tooltip.item-tooltip-native #close-tooltip{right:12px;top:13px;width:20px;height:20px;border:1px solid #776747;border-radius:2px;background:linear-gradient(#4b4c40,#242820);color:#dccbab;font:20px/16px Arial}
#tooltip.item-tooltip-native .tooltip-icon{width:60px;height:86px;object-fit:contain;padding:6px;margin:0 14px 12px 0;border:1px solid #8b7049;border-radius:4px;background:linear-gradient(135deg,#0e1411,#24271d);image-rendering:auto}
#tooltip.item-tooltip-native p{margin:6px 0;line-height:1.45}
#tooltip.item-tooltip-native .item-primary-actions{gap:7px;padding-top:12px;margin-top:14px;border-top:1px solid #756b4855}
#tooltip.item-tooltip-native .action,#tooltip.item-tooltip-native .item-primary-actions button{min-height:36px;padding:6px 9px;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:bold 12px Arial;box-shadow:inset 0 1px #bca77c44}
#tooltip.item-tooltip-native .action:hover{filter:brightness(1.2)}
.item-drag-ghost{position:fixed!important;width:32px!important;height:64px!important;transform:translate(-50%,-50%);z-index:999;pointer-events:none;opacity:.85;background:none!important}
.inventory-proposal .source-slot{touch-action:none}

/* Compact toolbar: shared inventory materials, native actions, HD glyphs. */
.world-mode #nav{padding-left:calc(242px*var(--tb,1));background:linear-gradient(180deg,#34372b,#1c211a 45%,#131711);border-top:1px solid #8d7957;box-shadow:inset 0 2px #ffffff0c}
.world-mode .world-taskbar-gauge{width:calc(2var(--taskbar-height,56px));height:calc(42.3px*var(--tb,1))}
.world-taskbar-gauge .hud-native{transform:scale(calc(var(--tb,1)*.9))}
.world-mode #nav button,.world-mode #nav .taskbar-button,.world-mode #nav .taskbar-button:hover,.world-mode #nav .taskbar-button:active{background:var(--toolbar-icon,none) center/75% 75% no-repeat,linear-gradient(180deg,#424535,#21281f 65%,#151b15);border:1px solid #96805a;border-radius:3px;box-shadow:inset 0 0 0 1px #11170e,inset 0 2px #ffffff12,0 1px 2px #0009}
.world-mode #nav button:hover{filter:brightness(1.2);border-color:#cfb37e}.world-mode #nav button:active{filter:brightness(.85);box-shadow:inset 0 2px 4px #0009}

/* Circular minimap aperture; the full atlas remains rectangular when expanded. */


.world-auto.action{display:flex;align-items:center;justify-content:center;gap:7px;min-width:86px;min-height:36px;padding:7px 10px;border:1px solid #96805a;border-radius:4px;background:linear-gradient(#424535,#252e24 55%,#171e18);color:#e8d8b5;font:bold 12px Arial;box-shadow:inset 0 0 0 1px #11170e,inset 0 2px #ffffff12,0 2px 5px #0008;text-shadow:1px 1px #000}
.world-auto.action::before{content:'';width:15px;height:15px;flex:none;border:1px solid #c5ab76;border-radius:50%;background:radial-gradient(circle,#c5ab76 0 2px,transparent 3px),linear-gradient(90deg,transparent 45%,#c5ab76 45% 55%,transparent 55%),linear-gradient(transparent 45%,#c5ab76 45% 55%,transparent 55%);box-shadow:0 0 0 2px #11170e}
.world-auto.action:hover{filter:brightness(1.2);border-color:#cfb37e}.world-auto.action:active{filter:brightness(.85)}
.world-auto.action.running{color:#d8efad;border-color:#9baf6c;background:linear-gradient(#46543a,#283723 55%,#192219);box-shadow:inset 0 0 0 1px #11170e,inset 0 2px #b9da7833,0 2px 5px #0008}
.world-auto.action.running::before{border-color:#bad881;filter:drop-shadow(0 0 2px #a6d56d)}

.auto-hunt-remaster{border:0;border-radius:8px;background:linear-gradient(100deg,#292721,#151715 48%,#24241f);box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 5px 25px #000b;padding:10px 14px 14px}
.auto-hunt-remaster header{background:linear-gradient(#464839,#252e24 50%,#171e18);border:1px solid #887950;border-radius:2px;min-height:32px;padding:8px 25px 8px 6px;font-size:12px;color:#e8d8b5}
.auto-hunt-remaster header button{right:4px;top:4px;min-width:22px;min-height:22px;border:1px solid #776747;background:linear-gradient(#4b4c40,#242820);color:#dccbab;font:20px/18px Arial}
.auto-hunt-remaster h3{background:none;color:#d8c398;font-weight:bold;padding:5px 0;border-color:#756b4855}
.auto-hunt-remaster .auto-slot{background:url('../../assets/ui/inventory/slot.png') center/100% 100% no-repeat;border:0;box-shadow:none;height:35px;position:relative}
.auto-hunt-remaster .auto-slot.selected{outline:1px solid #d8be75;box-shadow:inset 0 0 8px #d8be7544}.auto-hunt-remaster .auto-slot:disabled{opacity:.6}
.auto-hunt-remaster .auto-note{line-height:1.4}.auto-hunt-remaster .auto-slot-grid>div{position:relative}
.auto-hunt-remaster .auto-setting{background:#171e18;border-color:#756b48}.auto-hunt-remaster .auto-setting button,.auto-hunt-remaster footer button,.auto-picker-clear{background:linear-gradient(#464839,#252e24 50%,#171e18);border:1px solid #887950;border-radius:2px;color:#e8d8b5}
.auto-potion-picker{position:absolute;left:0;top:0;width:240px;max-height:280px;overflow:auto;padding:7px;background:#1b211b;border:1px solid #aa9265;border-radius:4px;z-index:5;box-shadow:0 4px 18px #000b}
.auto-slot-grid>div:nth-child(6n+4) .auto-potion-picker,.auto-slot-grid>div:nth-child(6n+5) .auto-potion-picker,.auto-slot-grid>div:nth-child(6n+6) .auto-potion-picker{left:auto;right:0}
.auto-picker-title{display:flex;align-items:center;justify-content:space-between;color:#e8d8b5;font-weight:bold;margin-bottom:5px}.auto-picker-title button{font-size:20px;padding:0 5px}
.auto-potion-choice{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:5px;border-bottom:1px solid #756b4855}.auto-potion-choice:hover{background:#414737}.auto-potion-choice img{width:32px;height:38px;object-fit:contain}.auto-potion-choice span{flex:1}.auto-potion-choice small{display:block;font-size:10px;line-height:1.4;color:#bfbda8;margin-top:3px}.auto-picker-clear{width:100%;padding:7px;margin-top:6px}
.auto-help{margin:9px 0;color:#c9c5af;line-height:1.45}.auto-help summary{cursor:pointer;color:#e8d8b5}.auto-help p{margin:6px 0}.auto-hunt-remaster input:disabled{opacity:.4}

/* Keep potion selection in the panel flow, independent of the selected column. */
.auto-hunt-remaster{overflow-x:hidden;max-width:calc(100vw - 24px)}
.auto-hunt-remaster .auto-slot-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.auto-hunt-remaster .auto-potion-picker{position:relative;left:auto;right:auto;top:auto;width:100%;box-sizing:border-box;max-height:280px;overflow-x:hidden;overflow-y:auto;margin:8px 0;scrollbar-width:thin;scrollbar-color:#887950 #171e18}
.auto-hunt-remaster .auto-potion-choice span{min-width:0;overflow-wrap:anywhere}
.auto-hunt-remaster .auto-picker-title{position:sticky;top:-7px;padding:5px 0;background:#1b211b;z-index:1}

/* NPC directory uses one inventory-style frame with an internal list scroll. */
.world-mode #screen.world-panel:has(.npc-directory){padding:0;border:0;background:none;box-shadow:none;overflow:visible;width:min(340px,calc(100vw - 24px))}
.npc-directory{position:relative;width:100%;padding:10px 14px 14px;border-radius:8px;background:linear-gradient(100deg,#292721,#151715 48%,#24241f);box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 5px 25px #000b;color:#e8d8b5}
.npc-directory h2{margin:0 0 10px;padding:8px 30px 8px 9px;min-height:34px;border:1px solid #887950;border-radius:2px;background:linear-gradient(#464839,#252e24 50%,#171e18);font:bold 13px Arial}
.npc-directory .world-panel-close{position:absolute;top:15px;right:19px;float:none;width:22px;height:22px;min-height:0;padding:0;border:1px solid #776747;border-radius:2px;background:linear-gradient(#4b4c40,#242820);color:#dccbab;font:20px/18px Arial}
.npc-directory-note{margin:7px 0 10px;font:12px/1.45 Arial;color:#bfbda8}
.npc-directory-list{display:grid;gap:5px;max-height:min(440px,calc(100dvh - 230px));overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#887950 #171e18}
.npc-directory-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:9px 10px;text-align:left;border:1px solid #756b4855;border-radius:3px;background:linear-gradient(#30362a,#1b231c);font:12px Arial;color:#e8d8b5}
.npc-directory-name{min-width:0;overflow-wrap:anywhere}.npc-directory-distance{flex:none;font-size:11px;color:#b8ad8c}.npc-directory-row:hover{border-color:#aa9265;background:#3b4433}.npc-directory-row:active{filter:brightness(.85)}

/* NPC shops, storage and refinement share the inventory's exact board and slots. */
.npc-service-skin .npc-service-board{border:0;border-radius:9px;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009}
.npc-service-skin .npc-service-board>.source-tile{display:none}
.npc-service-skin [data-name="TitleBar"]{width:calc(100% - 16px)!important}
.npc-service-skin [data-name="TitleName"]{left:50%!important}
.npc-service-skin .npc-service-action{border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:bold 11px Arial;box-shadow:inset 0 1px #bca77c44}
.npc-service-skin .npc-service-action>.source-image{display:none}.npc-service-skin .npc-service-action:hover{filter:brightness(1.2)}
.npc-service-skin .source-slot{background-image:var(--slot);image-rendering:auto}.npc-service-skin .source-slot:hover{outline:1px solid #d8be75}
.shop-selling{width:min(290px,calc(100vw - 36px));padding:12px;color:#e8d8b5;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);border-radius:9px;box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009;font:12px Arial;max-height:calc(100dvh - 95px);overflow:auto;box-sizing:border-box}
.shop-selling header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border:1px solid #887950;background:linear-gradient(#464839,#252e24 50%,#171e18);font-weight:bold;font-size:14px}
.shop-selling button{color:#e8d8b5;border:1px solid #887950;background:linear-gradient(#464839,#252e24 50%,#171e18);border-radius:2px;padding:5px 10px;min-height:0}.shop-selling button[aria-pressed=true]{border-color:#dec58b;box-shadow:inset 0 0 0 1px #dec58b}.shop-tabs{display:flex;gap:5px;margin:7px 0}.shop-tabs button{flex:1}.shop-hint{font-size:11px;color:#c2b998;margin:7px 0}
.shop-sale-grid{display:grid;grid-template-columns:repeat(5,1fr);position:relative;aspect-ratio:5/9;width:100%;max-width:220px;margin:auto}.shop-empty-slot{background-size:100% 100%}.shop-selling .shop-sale-item{position:absolute;width:20%;padding:0;border:0;background:none;z-index:1;border-radius:0}.shop-sale-item img{display:block;width:100%;height:100%;object-fit:contain}.shop-sale-item:hover{outline:1px solid #dec58b}.shop-sale-item .item-count{position:absolute;bottom:2px;right:3px;color:white;font-weight:bold;text-shadow:1px 1px #000}
.shop-sale-detail{padding-top:8px;margin-top:8px;border-top:1px solid #756b4855}.shop-sale-preview{display:flex;align-items:center;gap:10px;min-height:45px}.shop-sale-preview img{width:32px;height:48px;object-fit:contain}.shop-sale-detail input{width:60px;padding:5px;background:#111711;color:#e8d8b5;border:1px solid #887950;margin-right:5px}.shop-sale-confirm{width:100%;font-weight:bold}.shop-sale-message{font-size:11px;color:#ddba7d}.shop-selling button:disabled{opacity:.5;cursor:default}
/* Full-screen loading artwork; the moving bar indicates activity, not a fake percentage. */
.game-loading{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(28px,7vh,80px) 24px clamp(32px,8vh,90px);background:linear-gradient(180deg,#080d1822 20%,#080d1810 45%,#080d18e8),var(--loading-art) center/cover no-repeat,#101923;color:#e8d8b5;font:14px Arial}.loading-brand{font:bold clamp(30px,5vw,64px) Georgia,serif;letter-spacing:6px;color:#f0d6a0;text-shadow:0 2px 2px #000,0 4px 18px #000b}.game-loading section{width:min(640px,100%);padding:20px 0;text-align:center;background:none;border:0;border-radius:0;box-shadow:none}.game-loading h2{font:20px Georgia,serif;margin:0 0 12px;color:#ead6ad;text-shadow:0 2px 6px #000}.game-loading p{font:12px/1.5 Arial;color:#c7c2b6;margin:0;text-shadow:0 2px 5px #000}.loading-track{height:10px;background:#080d0add;overflow:hidden;border:1px solid #9b8457;border-radius:2px;box-shadow:0 0 0 2px #111813,inset 0 1px 5px #000,0 3px 12px #0009;margin:20px 0 0}.loading-track:after{content:'';display:block;width:35%;height:100%;background:linear-gradient(90deg,#715424,#e3c78a,#a68040);box-shadow:0 0 10px #dfc18366;animation:world-loading 1.6s ease-in-out infinite alternate}@keyframes world-loading{from{transform:translateX(-100%)}to{transform:translateX(290%)}}@media(max-width:600px){.game-loading{background-position:35% center;padding:30px 24px 50px}.loading-brand{font-size:36px;letter-spacing:4px}.game-loading h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.loading-track:after{animation:none;width:100%}}
.world-target{top:10px;left:50%;transform:translateX(-50%);width:max-content;min-width:250px;max-width:calc(100% - 24px);height:40px;display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 14px;background:#080a09cc;border:1px solid #756747;border-radius:8px;box-shadow:inset 0 0 0 2px #161915,0 2px 8px #0008;font:12px Arial;color:#eee0be;pointer-events:none;z-index:12}.world-target:empty{display:none}.world-target>div{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-target progress{appearance:none;-webkit-appearance:none;display:block;flex:none;width:130px;height:12px;margin:0;border:0;border-radius:0;background:url('../../assets/ui/target/gauge_slot_left.png') left center no-repeat,url('../../assets/ui/target/gauge_slot_right.png') right center no-repeat,url('../../assets/ui/target/gauge_slot_center.png') center repeat-x;padding:3px}.world-target progress::-webkit-progress-bar{background:#090908}.world-target progress::-webkit-progress-value{background:url('../../assets/ui/target/gauge_red.png') left center/100% 100% no-repeat}.world-target progress::-moz-progress-bar{background:url('../../assets/ui/target/gauge_red.png') left center/100% 100% no-repeat}@media(max-width:600px){.world-target{top:10px;left:50%;transform:translateX(-50%);min-width:0;max-width:calc(100vw - 24px);gap:9px;font-size:11px}.world-target>div{max-width:140px}.world-target progress{width:130px}}
.character-remaster{width:min(330px,calc(100vw - 24px));padding:12px;color:#e8d8b5;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);border-radius:9px;box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009;font:12px Arial;max-height:calc(100dvh - 80px);overflow:auto}.character-remaster header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border:1px solid #887950;background:linear-gradient(#464839,#252e24 50%,#171e18);font-weight:bold;font-size:14px}.character-remaster button{min-height:0;padding:4px 8px;border:1px solid #887950;border-radius:2px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5}.character-remaster button:disabled{opacity:.45;cursor:default}.character-remaster nav{display:flex;gap:4px;margin:10px 0 0}.character-remaster nav button{flex:1;white-space:nowrap;padding:7px 2px;font-size:11px}.character-remaster nav button[aria-pressed=true]{border-color:#dec58b;background:#414b35}.character-content{min-height:375px}.character-content h2{font-size:16px;margin:12px 0}.character-content h3{font-size:12px;padding:7px 0;border-bottom:1px solid #756b4855;margin:8px 0;color:#d8c398}.character-summary{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px}.character-summary>div{padding:8px 4px;background:#101611;text-align:center;border:1px solid #756b4855}.character-summary small,.character-summary strong{display:block}.character-summary strong{margin-top:7px}.character-summary small{font-size:10px;color:#c2b998}.character-stat-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.character-stats>div{display:flex;align-items:center;gap:6px;height:30px}.character-stats span{width:28px}.character-stats strong{flex:1;text-align:center;background:#101611;padding:4px}.character-stats button{padding:2px 6px}.character-remaster dl{grid-template-columns:1fr auto;align-items:center;margin:0;gap:7px}.character-remaster dd{background:#101611;padding:4px 6px;text-align:center;min-width:55px}.character-remaster dt{font-size:11px;color:#c2b998}.character-properties{padding-top:4px}.character-help{font:11px/1.6 Arial;color:#bfbda7}.character-skill-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #756b4855}.character-skill-row>div:nth-child(2){flex:1}.character-skill-row small{display:block;margin-top:5px;color:#c2b998}.character-icon-slot{width:38px;height:38px;flex:none;background-size:100% 100%;display:grid;place-items:center}.character-icon-slot img{width:32px;height:32px;object-fit:contain}.character-emotions{display:grid;grid-template-columns:repeat(5,38px);gap:10px;margin:12px 0}.character-remaster .character-icon-slot{border:0;padding:0;background-color:transparent}.world-mode #screen.world-panel:has(.character-remaster){padding:0;background:none;border:0;box-shadow:none;overflow:visible}

.character-identity{display:flex;gap:12px;align-items:center;margin:10px 0}.character-identity img{width:48px;height:48px;border:1px solid #887950;border-radius:3px}.character-identity h2{margin:0}
.world-chat.chat-remaster{position:fixed;left:12px;right:auto;bottom:calc(var(--taskbar-height,56px) + 8px + var(--chat-keyboard,0px));width:min(550px,calc(100vw - 24px));font:12px Arial;z-index:35}.chat-remaster .world-chat-log{height:100px;max-height:25dvh;padding:8px 10px;background:linear-gradient(transparent,#090d0ab3);line-height:1.4;text-align:left;overflow-wrap:anywhere;scrollbar-color:#887950 #111811}.chat-remaster.expanded .world-chat-log{display:block;height:180px;max-height:30dvh;border:1px solid #756b4855;border-bottom:0;background:#111811dc}.chat-remaster form{align-items:center;gap:6px;padding:5px;background-image:none!important;background:linear-gradient(#34392c,#1b231c);border:1px solid #887950;border-radius:2px;box-shadow:0 2px 8px #0008}.chat-remaster form select{flex:0 0 74px;width:74px;max-width:74px;margin:0;padding:4px;height:30px;min-height:30px;font-size:11px;background:#252e24;border-color:#756b48}.chat-remaster form input{display:block;flex:1 1 0;width:0;min-width:0;margin:0;height:30px;padding:5px 7px;border:1px solid #756b48;border-radius:2px;background:#080d0a;color:#fff3d5;font:14px Arial;outline-offset:-1px}.chat-remaster form input:focus{border-color:#dcc48c;outline:1px solid #dcc48c}.chat-remaster form button{flex:0 0 32px;width:32px;height:30px;padding:0;font-size:19px;border-color:#887950;background:linear-gradient(#464839,#252e24 50%,#171e18)}.chat-remaster .world-chat-toggle{float:none;margin-top:4px;min-height:25px;padding:4px 12px;border:1px solid #887950;border-radius:2px;background:linear-gradient(#464839,#252e24 50%,#171e18);font-size:11px}.chat-remaster.expanded .world-chat-toggle{display:none}@media(max-width:600px){.world-chat.chat-remaster{left:8px;right:auto;width:calc(100vw - 16px);bottom:calc(var(--taskbar-height,56px) + 8px + var(--chat-keyboard,0px))}.chat-remaster:not(.expanded) .world-chat-log{display:none}.chat-remaster form input{height:38px;font-size:16px}.chat-remaster form select,.chat-remaster form button{height:38px;min-height:38px}.chat-remaster .world-chat-toggle{min-height:34px}.chat-remaster.expanded .world-chat-log{height:150px}}

.world-target.target-with-drops{height:44px;padding:0 8px 0 12px;gap:10px;overflow:visible}.target-with-drops .target-name{min-width:0}.target-drop-toggle{pointer-events:auto;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;color:#e8d8b5;font:18px Arial;touch-action:manipulation;border-left:1px solid #756b4855}.target-drop-toggle:hover,.target-drop-toggle[aria-expanded=true]{background:#414b35;border-radius:3px}.world-target>.target-drop-panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);width:360px;max-width:calc(100vw - 24px);max-height:min(60dvh,460px);overflow:auto;white-space:normal;text-overflow:clip;pointer-events:auto;text-align:left;padding:12px;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);border:1px solid #aa9265;border-radius:6px;box-shadow:0 4px 20px #000b;color:#e8d8b5;scrollbar-color:#887950 #111811;overscroll-behavior:contain}.target-drop-panel[hidden]{display:none}.target-drop-panel h3{font:bold 13px Arial;margin:0 0 8px;border-bottom:1px solid #756b4855;padding-bottom:8px}.target-drop-note{font:11px/1.5 Arial;color:#bfbda7;margin:6px 0}.target-drop-list{display:grid;gap:4px}.target-drop-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid #756b4833}.target-drop-item strong{font:bold 12px Arial}.target-drop-item small{display:block;color:#bfbda7;font:10px/1.5 Arial;margin-top:3px}.target-drop-icon{width:38px;height:48px;flex:none;background:url(../../assets/ui/inventory/slot.png) center/100% 100% no-repeat;display:grid;place-items:center}.target-drop-icon img{max-width:32px;height:44px;object-fit:contain}.target-drop-unavailable{opacity:.55}@media(max-width:600px){.world-target.target-with-drops{gap:6px;padding-left:8px}.target-with-drops .target-name{max-width:140px}.target-with-drops progress{width:110px}}


.target-with-drops .target-name{white-space:normal;line-height:14px;max-height:28px}

.login-remaster{position:relative;min-height:100dvh;width:100%;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:60px;padding:clamp(24px,6vw,100px);background:linear-gradient(90deg,#070d1610,#080d1855 50%,#080d18bb),var(--login-art) center/cover no-repeat,#111b27;color:#e8d8b5}.login-hero{align-self:end;padding-bottom:clamp(40px,10vh,120px)}.login-logo{display:block;width:min(380px,100%);height:auto;filter:drop-shadow(0 4px 15px #0008)}.login-tagline{font:16px/1.6 Georgia,serif;letter-spacing:.5px;color:#ddd2b8;margin:12px 0;text-shadow:0 2px 5px #000}.intro-board.login-card{width:100%;padding:30px;border:1px solid #9d885d;border-radius:8px;background:linear-gradient(135deg,#282d28ed,#141b18f5);box-shadow:inset 0 0 0 3px #101814,0 20px 60px #0008;font:14px Arial}.login-card .login-eyebrow{font:10px Arial;letter-spacing:2px;color:#b4a17c;margin:0 0 13px}.login-card h2{height:auto;margin:0 0 24px;padding:0;background:none;text-align:left;font:28px/1.2 Georgia,serif;color:#f1e3c2;text-shadow:none}.login-card h2:before,.login-card h2:after{display:none}.login-form{display:flex;flex-direction:column;gap:8px}.login-form label{font:12px Arial;color:#c9c0a9;margin:7px 0 0}.login-form input{width:100%;height:46px;margin:0;padding:10px 12px;border:1px solid #736b54;border-radius:3px;background:#0b1411;color:#f3e6c5;font:16px Arial;box-shadow:inset 0 1px 4px #0005}.login-form input:focus{outline:1px solid #d2b878;outline-offset:0;border-color:#d2b878}.login-form input::placeholder{color:#777e72;font-size:13px}.login-password-field{position:relative}.login-password-field input{padding-right:76px}.login-password-toggle{position:absolute;right:5px;top:5px;height:36px;padding:0 8px;font:11px Arial;color:#c9b88f}.login-form .action{margin:13px 0 0;min-height:46px;border:1px solid #b49b60;border-radius:3px;background:linear-gradient(#655b3f,#424c36 55%,#273325);color:#fff0cc;font:bold 14px Arial;box-shadow:inset 0 1px #ebd69d33}.login-form .action:hover{filter:brightness(1.12)}.login-form .action:disabled{opacity:.65;cursor:wait}.login-card .login-note{margin:3px 0 0;color:#a9af9e;font:11px/1.7 Arial}.login-card .login-error{margin:0;min-height:0;color:#ffa78f;font:12px/1.5 Arial}.login-error:not(:empty){margin:6px 0!important}.login-remaster:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#7d353577,#c5a85c99,#38548177)}@media(max-width:800px){.login-remaster{grid-template-columns:1fr;gap:20px;justify-items:center;padding:28px 20px;background-position:35% center}.login-hero{align-self:auto;padding:0;text-align:center}.login-logo{width:240px;margin:auto}.login-tagline{font-size:13px;margin:2px 0}.intro-board.login-card{width:min(380px,100%);padding:24px;background:#17211bec}.login-card h2{font-size:25px;margin-bottom:18px}}@media(max-height:600px) and (min-width:801px){.login-remaster{padding:24px 6vw}.login-hero{padding-bottom:30px}.intro-board.login-card{padding:22px}}


.login-brand{display:flex;align-items:center;width:min(380px,100%)}.login-brand .login-logo{width:75.1313%;height:auto}.login-logo-two{width:24.8687%;height:auto;filter:drop-shadow(0 4px 15px #0008)}@media(max-width:800px){.login-brand{width:260px;margin:auto}.login-brand .login-logo{margin:0}}

.costume-remaster .costume-slot-label{position:absolute;left:0;width:98px;height:32px;display:flex;align-items:center;color:#d4c5a6;font:12px Arial;border-bottom:1px solid #756b4833}.costume-remaster .source-slot{background-size:100% 100%;image-rendering:auto}.inventory-proposal [data-name="Money_Icon"] img{image-rendering:auto}

.chat-remaster:not(.expanded) .world-chat-log .chat-aged{display:none}.chat-remaster:not(.expanded) .world-chat-log:has(>div):not(:has(>div:not(.chat-aged))){background:transparent}

.inventory-yang-label{position:absolute;left:23px;top:3px;font:bold 9px Arial;color:#cfbd91;pointer-events:none}.inventory-proposal [data-name="Money_Slot"]{overflow:hidden}

.game-settings{width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:12px;border:1px solid #b09c73;border-radius:8px;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);color:#e8d8b5;box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 4px #151b16,0 8px 40px #000a;font:13px Arial}.game-settings::backdrop{background:#05090588}.game-settings header{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;border:1px solid #887950;background:linear-gradient(#464839,#252e24 50%,#171e18)}.game-settings header button{width:36px;height:36px;font-size:22px;padding:0;color:#e8d8b5}.settings-content{display:grid;gap:8px;padding:12px 2px 2px}.settings-action{min-height:44px;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:13px Arial;padding:6px 12px}.settings-action:hover{border-color:#dac18a}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:40px}.settings-row select{width:150px;min-height:36px;background:#111a13;border:1px solid #887950;color:#e8d8b5;padding:5px;font:12px Arial}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:#a48d57}.settings-row input[type=range]{width:150px;min-height:36px;accent-color:#a48d57}.settings-help{font:11px/1.6 Arial;color:#bdbba5;margin:3px 0}.settings-footer{display:flex;gap:8px}.settings-footer button{flex:1}body[data-show-names=false] .world-mob-label,body[data-show-names=false] .world-player-label{visibility:hidden!important}body[data-show-damage=false] .world-damage{display:none!important}body[data-show-target=false] .world-target{display:none!important}body[data-show-chat=false] .world-chat:not(.expanded) .world-chat-log{display:none!important}

.storage-panel{width:min(540px,calc(100vw - 36px))}.storage-panes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.storage-pane h3{font:bold 12px Arial;color:#d4c398;margin:0 0 6px}.storage-pages{min-height:32px;align-items:center}.storage-pages span{color:#bdbba5;font:11px Arial}.storage-panel .shop-sale-detail{min-height:85px}.storage-panel .shop-sale-confirm{min-height:42px}.storage-panel .shop-sale-grid{max-width:220px}.storage-panel .shop-sale-message:empty{display:none}.inventory-proposal [data-name^="Inventory_Tab_0"]{overflow:hidden}.inventory-proposal [data-name^="Inventory_Tab_0"]>.source-image{width:100%;height:100%;object-fit:fill}@media(max-width:600px){.storage-panel{width:min(290px,calc(100vw - 24px))}.storage-panes{display:block}.storage-pane[data-active=false]{display:none}.storage-modes button{min-height:40px}}

.world-auto.world-offline{margin-top:48px;min-height:44px}.world-offline.action::before{border-radius:3px;background:linear-gradient(90deg,transparent 40%,#c5ab76 40% 60%,transparent 60%);box-shadow:inset 0 0 0 3px #20281f}.world-offline:disabled{opacity:.6;cursor:wait}
#tooltip.offline-dialog{inset:0;margin:auto;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:12px 16px 16px;border:0;border-radius:8px;background:linear-gradient(100deg,#292721,#151b17 48%,#24241f);box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 5px 25px #000b;color:#e8d8b5;font:13px/1.5 Arial}
#tooltip.offline-dialog h2{margin:0 24px 16px 0;padding:8px;border:1px solid #887950;border-radius:2px;background:linear-gradient(#464839,#252e24 50%,#171e18);font:bold 15px Arial;text-align:center}#tooltip.offline-dialog #close-tooltip{position:absolute;right:16px;top:13px;width:28px;height:32px;padding:0;border:1px solid #887950;background:#333c2c;color:#e8d8b5}#tooltip.offline-dialog p{margin:10px 0}.world-dialog-actions{display:flex;gap:8px;margin-top:16px}.offline-dialog .action{flex:1;min-height:44px;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:bold 13px Arial}.offline-dialog .action:focus-visible{outline:2px solid #d4bc83;outline-offset:2px}.offline-stats{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0;padding:12px;background:#101710;border:1px solid #726244}.offline-stats dd{margin:0;text-align:right;color:#edd49b}.offline-report h3{font:bold 13px Arial;margin:16px 0 8px}.offline-items{padding:0;margin:0;list-style:none}.offline-items li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #756b4833}.offline-items li>span:nth-child(2){flex:1}.offline-item-slot{display:flex;align-items:center;justify-content:center;width:40px;height:44px;flex:none;background:url('../../assets/ui/inventory/slot.png') center/100% 100%}.offline-item-slot img{max-width:32px;max-height:40px;object-fit:contain}.offline-empty{color:#aba995}@media(max-width:600px){.world-dialog-actions{flex-wrap:wrap}.world-dialog-actions button{min-width:120px}}

/* Complete window frames fit the available viewport; item/history lists keep their own scrolling. */
.world-mode #screen.world-panel.viewport-fitted{bottom:auto;max-height:none;max-width:none;overflow:visible}.auto-hunt-panel.viewport-fitted,dialog.viewport-fitted{max-height:none!important;overflow:visible!important}.world-loot{display:none!important}
.world-chat.chat-remaster{left:50%;right:auto;transform:translateX(-50%);width:min(480px,calc(100vw - 24px));bottom:calc(var(--taskbar-height,56px) + 8px + var(--chat-keyboard,0px))}.chat-remaster:not(.expanded) .world-chat-log{display:block;height:78px;max-height:16dvh;min-height:48px;background:linear-gradient(#10191044,#090d0a99);border:1px solid #756b4833;border-radius:3px;pointer-events:none}.chat-remaster:not(.expanded) .world-chat-log:has(>div):not(:has(>div:not(.chat-aged))){background:linear-gradient(#10191044,#090d0a99)}.chat-remaster .world-chat-toggle{display:block;margin:3px auto 0}.chat-remaster.expanded .world-chat-toggle{display:none}@media(max-width:600px){.world-chat.chat-remaster{left:50%;right:auto;width:calc(100vw - 24px)}.chat-remaster:not(.expanded) .world-chat-log{display:block;height:64px}}

.game-settings .settings-auto-hunt{position:static;width:100%;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;background:none;box-shadow:none;zoom:1!important}.settings-auto-hunt>header{display:none}.settings-auto-hunt footer{display:flex}.settings-auto-hunt footer button{flex:1;min-height:40px}

/* Readable settings: tabs replace shrinking the entire form. */
.game-settings{zoom:1!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}.game-settings .settings-auto-hunt{font:13px/1.45 Arial}.auto-config-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 0 12px}.auto-config-tabs button{min-height:44px;padding:4px 2px;font:12px Arial;border:1px solid #887950;background:#202a20;color:#e8d8b5}.auto-config-tabs button[aria-pressed=true]{background:#4b533a;color:#fff0c8}.settings-auto-hunt .auto-slot-grid{grid-template-columns:repeat(4,1fr);gap:8px}.settings-auto-hunt .auto-slot{height:48px;min-height:48px}.settings-auto-hunt .auto-slot-grid input{height:36px;font-size:16px;margin:4px 0 8px}.settings-auto-hunt .auto-note,.settings-auto-hunt .auto-help p{font:12px/1.5 Arial}.settings-auto-hunt .auto-setting{height:44px;margin-bottom:8px;font-size:13px}.settings-auto-hunt .auto-setting button{width:76px;min-height:44px;font-size:13px}.settings-auto-hunt .auto-filters label{min-height:44px;font-size:12px}.settings-auto-hunt .auto-filters input[type=number]{height:40px;width:70px;font-size:16px}.settings-auto-hunt .auto-ranks{grid-template-columns:repeat(2,1fr)}.settings-auto-hunt .auto-ranks input{width:22px;height:22px;margin-right:8px}.settings-auto-hunt .auto-potion-picker{position:fixed;inset:12px;margin:0;max-height:none;overflow:auto;z-index:100;background:#151e17;border:2px solid #a28d60;padding:14px;font:14px Arial;box-shadow:0 5px 30px #000b}.settings-auto-hunt .auto-picker-title{font:bold 15px Arial}.settings-auto-hunt .auto-picker-title button{min-width:44px;min-height:44px}.settings-auto-hunt .auto-potion-choice{min-height:64px;padding:8px;font-size:14px}.settings-auto-hunt .auto-potion-choice small{font:12px/1.5 Arial}.settings-auto-hunt .auto-picker-clear{min-height:44px}.auto-config-page[hidden]{display:none!important}.world-mode #screen.world-panel.fit-scroll-needed{max-height:calc(100dvh / .85 - 80px);overflow:auto}.auto-hunt-panel.fit-scroll-needed{max-height:calc(100dvh / .85 - 80px)!important;overflow:auto!important}

.settings-auto-hunt .auto-potion-picker{width:auto!important;max-width:none;box-sizing:border-box}

/* Compact Auto-Hunt layout with native square inventory slots. */
.game-settings:has(.settings-auto-hunt){width:min(350px,calc(100vw - 24px))}.settings-auto-hunt .auto-config-tabs{gap:2px;margin-bottom:10px;border-bottom:1px solid #756b4855;padding-bottom:6px}.settings-auto-hunt .auto-config-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;font-size:11px}.settings-auto-hunt .auto-config-tabs button[aria-pressed=true]{background:#394331;border-bottom-color:#b49b60}.settings-auto-hunt .auto-slot-grid{grid-template-columns:repeat(6,44px);justify-content:center;gap:6px}.settings-auto-hunt .auto-slot{width:44px;height:44px;min-height:44px;background-size:100% 100%;border:0}.settings-auto-hunt .auto-slot-grid input{width:44px;height:36px}.settings-auto-hunt .auto-config-page>h3{margin-top:0;font:bold 12px Arial;background:none;border:0}.settings-auto-hunt footer{gap:8px;padding-top:10px;margin-top:10px;border-top:1px solid #756b4855}.settings-auto-hunt .auto-potion-picker{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(370px,calc(100vw - 24px))!important;max-height:calc(100dvh - 32px);padding:12px;border:0;border-radius:8px;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 8px 40px #000a}.settings-auto-hunt .auto-picker-title{position:sticky;top:-12px;z-index:1;min-height:44px;padding:0 4px;background:linear-gradient(#464839,#252e24 50%,#171e18);border:1px solid #887950;margin-bottom:8px;font:bold 13px Arial}.settings-auto-hunt .auto-potion-choice{margin:4px 0;border:1px solid #756b4855;border-radius:3px;background:#111a13;gap:10px}.settings-auto-hunt .auto-potion-choice img{width:36px;height:44px;object-fit:contain;background:url('../../assets/ui/inventory/slot.png') center/100% 100%}.settings-auto-hunt .auto-potion-choice small{color:#bdbba5}.settings-auto-hunt .auto-picker-clear{margin-top:8px}@media(max-width:350px){.settings-auto-hunt .auto-slot-grid{grid-template-columns:repeat(5,44px)}}

/* Compact log remains at bottom center; the side button opens a centered composer. */
.chat-side-button{position:fixed;right:14px;bottom:calc(var(--taskbar-height,56px) + 12px);z-index:36;min-width:64px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:bold 12px Arial}.chat-compact-preview{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--taskbar-height,56px) + 8px);width:min(480px,calc(100vw - 180px));height:78px;overflow:hidden;padding:8px 10px;background:linear-gradient(#10191044,#090d0a99);border:1px solid #756b4833;border-radius:3px;z-index:34;pointer-events:none;font:12px/1.4 Arial;color:#eee0be;overflow-wrap:anywhere}.chat-compact-preview .chat-aged{display:none}.chat-compact-preview .chat-system{color:#ffd16d}.world-chat.chat-remaster:not(.expanded){display:none}.world-chat.chat-remaster.expanded{position:fixed;left:50%;top:var(--chat-center-y,50%);bottom:auto;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 24px));z-index:50}.chat-remaster.expanded .world-chat-log{height:180px;max-height:35dvh}.chat-remaster.expanded form{display:flex}body[data-show-chat=false] .chat-compact-preview{display:none}@media(max-width:600px){.chat-compact-preview{width:calc(100vw - 100px);left:calc(50% - 36px);height:64px}.world-chat.chat-remaster.expanded{left:50%;width:calc(100vw - 24px)}}

.world-message{display:none}.chat-compact-preview{left:50%}@media(max-width:600px){.chat-compact-preview{left:50%;width:calc(100vw - 180px)}}

.world-chat.chat-remaster.expanded{top:auto;bottom:calc(var(--taskbar-height,56px) + 12px + var(--chat-keyboard,0px));transform:translateX(-50%)}.auto-no-steal{display:flex;align-items:center;gap:10px;min-height:44px;font:13px Arial;color:#e8d8b5}.auto-no-steal input{width:22px;height:22px;accent-color:#a48d57}

.manual-controls{display:none;pointer-events:none;position:absolute;inset:0;z-index:36}.manual-controls button{pointer-events:auto;touch-action:none;user-select:none;color:#e8d8b5;border:1px solid #887950;background:linear-gradient(#464839dd,#252e24dd 50%,#171e18dd);box-shadow:inset 0 1px #c2ad7844,0 2px 6px #0008}.manual-controls-toggle{position:absolute;left:12px;bottom:12px;width:44px;height:44px;padding:0;font-size:24px;border-radius:4px}.manual-controls-pad[hidden]{display:none}.manual-joystick{position:absolute;left:16px;bottom:70px;width:112px;height:112px;border-radius:50%;padding:0;background:radial-gradient(circle,#33432b66,#101b1399)!important}.manual-joystick:before{content:'✥';font-size:70px;color:#c5b47b44}.manual-joystick-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border:1px solid #ab9564;border-radius:50%;background:radial-gradient(circle at 35% 25%,#6d7654,#2d392a);box-shadow:0 2px 8px #0008;pointer-events:none}.manual-controls-actions{position:absolute;right:12px;bottom:70px;width:min(180px,calc(100vw - 160px));display:grid;grid-template-columns:1fr 1fr;gap:8px}.manual-attack{min-height:54px;border-radius:50%;font-size:26px}.manual-pickup{min-height:48px;border-radius:4px;font:bold 12px Arial}.manual-quickslots{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,44px);justify-content:end;gap:6px}.manual-skill{width:44px;height:44px;padding:4px;background:url('../../assets/ui/inventory/slot.png') center/100% 100%!important;border:0!important}.manual-skill img{width:100%;height:100%;object-fit:contain}.manual-skill:disabled{opacity:.45}.manual-skills-empty{grid-column:1/-1;font:11px/1.4 Arial;text-align:right;color:#d4c398;text-shadow:1px 1px #000}.manual-controls button:focus-visible{outline:2px solid #eed191;outline-offset:2px}@media(pointer:coarse),(max-width:600px){body.world-view .manual-controls{display:block}}@media(max-height:500px){.manual-joystick{bottom:58px;width:100px;height:100px}.manual-controls-actions{bottom:58px}.manual-quickslots{grid-template-columns:repeat(4,44px)}.manual-controls-actions{width:200px}}

/* Inventory-style taskbar: always visible in the world, with functional desktop quickslots. */
:root{--taskbar-height:56px}.world-mode #nav{display:flex!important;visibility:visible!important;height:var(--taskbar-height);padding:4px 10px 4px 270px;gap:6px;background:linear-gradient(#3a4033,#20291f 30%,#121a15);border-top:1px solid #aa9468;box-shadow:inset 0 2px #151b16,inset 0 -2px #514c35,0 -3px 10px #0007;z-index:60}.world-mode #nav button,.world-mode #nav .taskbar-button{width:44px;height:44px;min-width:44px;min-height:44px;font:bold 9px Arial;padding:27px 0 2px;background:var(--toolbar-icon,none) center 3px/25px 25px no-repeat,linear-gradient(#424839,#212b21 65%,#151c16);border:1px solid #96805a;border-radius:4px;color:#eee0bd}.world-mode #nav button:not(.taskbar-button){padding:0;font:bold 11px Arial}.world-mode #nav button:hover{filter:brightness(1.18)}.world-mode #nav button:focus-visible,.desktop-quickbar button:focus-visible{outline:2px solid #efd191;outline-offset:1px}.world-mode .world-taskbar-gauge{height:56px;z-index:61}.world-taskbar-gauge .hud-native{top:4px!important}.hud-vitals{background:linear-gradient(#3a4033,#20291f 45%,#121a15);border-color:#aa9468}.desktop-quickbar{position:fixed;left:50%;bottom:6px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;margin:0;padding:0;z-index:61}.desktop-quickbar button{width:44px;height:44px;padding:5px;background:url('../../assets/ui/inventory/slot.png') center/100% 100%;border:0;color:#e8d8b5;font:bold 24px Arial}.desktop-quickbar button img{width:100%;height:100%;object-fit:contain}.desktop-quickbar button:disabled{opacity:.45}.quickbar-hint{width:150px;text-align:center;font:10px/1.5 Arial;color:#b8b49b}.desktop-quickbar{display:none}body.world-mode .desktop-quickbar{display:flex}@media(max-width:1050px){body.world-mode .desktop-quickbar{bottom:64px;padding:5px;border:1px solid #887950;border-radius:4px;background:#172018dd}}@media(pointer:coarse),(max-width:600px){:root{--taskbar-height:52px}body.world-mode .desktop-quickbar{display:none}.world-mode #nav{height:52px;padding-left:174px;padding-right:5px;gap:3px}.world-mode #nav button,.world-mode #nav .taskbar-button{width:44px;min-width:44px;height:44px}.world-mode .world-taskbar-gauge{width:171px;height:52px}.world-taskbar-gauge .hud-native{transform:scale(.65)!important;top:9px!important}}@media(max-width:360px){.world-mode #nav{gap:1px;padding-left:150px}.world-mode .world-taskbar-gauge{width:145px}.world-taskbar-gauge .hud-native{transform:scale(.55)!important}.world-mode #nav button,.world-mode #nav .taskbar-button{width:40px;min-width:40px}}

@media(min-width:601px) and (max-width:1200px) and (pointer:fine){:root{--taskbar-height:108px}.world-mode #nav{height:108px;align-items:flex-end;padding-bottom:6px}body.world-mode .desktop-quickbar{bottom:62px;padding:0;border:0;background:none}}

/* Native taskbar.py geometry and original artwork. */
:root{--taskbar-height:37px}.world-mode #nav{height:37px;padding:0 10px 0 263px;gap:2px;align-items:center;background:var(--taskbar) repeat-x left top/auto 37px;border:0;box-shadow:none}.world-mode #nav button,.world-mode #nav .taskbar-button,.world-mode #nav button:not(.taskbar-button){width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:0;box-shadow:none;font-size:0;background:var(--native-n) center/100% 100% no-repeat}.world-mode #nav button:hover{background-image:var(--native-h);filter:none}.world-mode #nav button:active{background-image:var(--native-p)}body.world-mode .desktop-quickbar.original-quickbar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:370px;height:37px;padding:0;margin:0;display:block;background:none;border:0}.original-quickbar button{position:absolute;background:var(--n) center/100% 100% no-repeat;border:0;padding:0;box-shadow:none;border-radius:0}.original-quickbar button:hover{background-image:var(--h)}.original-quickbar button:active{background-image:var(--p)}.original-quickbar .native-quickslot{top:3px;width:32px;height:32px;background-size:32px 32px;opacity:1}.quickslot-key{position:absolute;left:3px;top:3px;width:auto!important;height:auto!important;z-index:2}.original-quickbar .quickslot-content{width:32px;height:32px;object-fit:contain}.native-mouse-left{left:0;top:3px;width:32px;height:32px}.native-mouse-right{left:333px;top:3px;width:32px;height:32px}.native-quick-expand{left:170px;top:1px;width:14px;height:36px}.native-quick-pages{position:absolute;left:314px;top:0;width:11px;height:37px}.original-quickbar .native-page-up{left:1px;top:9px;width:9px;height:6px}.original-quickbar .native-page-down{left:1px;top:24px;width:9px;height:6px}.native-page-number{position:absolute;left:3px;top:15px;width:5px;height:7px}.world-mode .world-taskbar-gauge{height:47px}.world-taskbar-gauge .hud-native{top:0!important}:root.taskbar-stacked{--taskbar-height:74px}.taskbar-stacked .world-mode #nav{height:74px;align-items:flex-end;padding-bottom:3px}.taskbar-stacked body.world-mode .desktop-quickbar.original-quickbar{bottom:37px}@media(pointer:coarse),(max-width:600px){:root{--taskbar-height:44px}.world-mode #nav{height:44px;padding-left:174px;gap:3px}.world-mode #nav button,.world-mode #nav .taskbar-button,.world-mode #nav button:not(.taskbar-button){width:40px;min-width:40px;height:40px;min-height:40px}body.world-mode .desktop-quickbar.original-quickbar{display:none}.world-taskbar-gauge .hud-native{top:7px!important}}

/* Phone action cluster only: existing left movement and right camera gestures remain. */
.manual-controls-toggle{left:auto;right:6px;bottom:160px;width:28px;height:44px;min-width:28px;padding:0;border-radius:4px;font:24px Arial}.manual-controls-actions{right:40px;bottom:12px;width:200px;height:218px;display:block;pointer-events:none}.manual-controls-actions button{pointer-events:auto}.manual-attack{position:absolute;right:10px;bottom:44px;width:66px;height:66px;min-height:66px;border-radius:50%;font-size:30px}.manual-pickup{position:absolute;right:14px;bottom:0;width:44px;height:44px;min-height:44px;font-size:10px;border-radius:50%}.manual-quickslots{display:block;position:absolute;inset:0;pointer-events:none}.manual-skill{position:absolute;width:44px;height:44px;border-radius:50%;padding:5px;border:1px solid #a89567!important;background:radial-gradient(circle at 35% 25%,#674745,#361e27 60%,#172017)!important;box-shadow:inset 0 0 0 2px #171b16,0 2px 4px #0008}.manual-skill:nth-child(1){left:0;top:82px}.manual-skill:nth-child(2){left:18px;top:32px}.manual-skill:nth-child(3){left:68px;top:0}.manual-skill:nth-child(4){left:116px;top:28px}.manual-skill:nth-child(5){left:0;top:134px}.manual-skill:nth-child(6){left:42px;top:174px}.manual-skill:nth-child(n+7){display:none}.manual-potions{position:absolute;left:164px;top:0;display:flex;flex-direction:column;gap:6px}.manual-potion{position:relative;width:36px;height:42px;padding:3px;border-radius:50%}.manual-potion img{width:28px;height:32px;object-fit:contain}.manual-potion-count{position:absolute;right:2px;bottom:0;font:bold 10px Arial;text-shadow:1px 1px #000}@media(pointer:coarse),(max-width:600px){.chat-side-button{min-width:44px;min-height:28px;height:28px;right:6px;padding:3px 7px;font-size:10px}.chat-compact-preview{width:calc(100vw - 130px)}}@media(max-height:500px){.manual-controls-actions{bottom:8px;height:218px}.manual-controls-toggle{bottom:160px}}

/* Native arrangement, approved inventory skin and existing remastered menu icons. */
.world-mode #nav{background:linear-gradient(#3b4033,#252e24 50%,#151e18);border-top:1px solid #9d885d;box-shadow:inset 0 1px #bca77c33,inset 0 -2px #121813,0 -2px 8px #0006}.world-mode #nav button,.world-mode #nav .taskbar-button,.world-mode #nav button:hover,.world-mode #nav button:active{background:var(--toolbar-icon,none) center/80% 80% no-repeat,linear-gradient(#464839,#252e24 50%,#171e18);border:1px solid #887950;border-radius:3px;box-shadow:inset 0 1px #bca77c44;color:#e8d8b5}.world-mode #nav button:not(.taskbar-button){font:bold 10px Arial}.world-mode #nav button:hover{filter:brightness(1.15)}.original-quickbar .native-quickslot,.original-quickbar .native-quickslot:hover,.original-quickbar .native-quickslot:active{background:url('../../assets/ui/inventory/slot.png') center/32px 32px!important;border:0}.original-quickbar .quickslot-key{font:9px/1 Arial;color:#c6b587;text-shadow:1px 1px #000;left:3px;top:3px}.original-quickbar .native-mouse-left,.original-quickbar .native-mouse-left:hover,.original-quickbar .native-mouse-left:active{background:url('../../assets/ui/taskbar/attack.svg') center/28px 28px no-repeat,linear-gradient(#464839,#252e24 50%,#171e18);border:1px solid #887950;border-radius:3px}.original-quickbar .native-mouse-right,.original-quickbar .native-mouse-right:hover,.original-quickbar .native-mouse-right:active{background:url('../../assets/ui/taskbar/pickup.svg') center/26px 26px no-repeat,linear-gradient(#464839,#252e24 50%,#171e18);border:1px solid #887950;border-radius:3px}.original-quickbar .native-quick-expand,.original-quickbar .native-quick-expand:hover,.original-quickbar .native-quick-expand:active{background:linear-gradient(#464839,#252e24 50%,#171e18);border:1px solid #887950;border-radius:2px}.native-quick-expand:before{content:'›';font:18px Arial;color:#e8d8b5}.original-quickbar .native-page-up,.original-quickbar .native-page-down,.original-quickbar .native-page-up:hover,.original-quickbar .native-page-down:hover{background:none}.native-page-up:before{content:'▴';font:9px/6px Arial;color:#d6c192}.native-page-down:before{content:'▾';font:9px/6px Arial;color:#d6c192}.native-page-number{font:9px/9px Arial;color:#eadbb9}

/* Explicit native dimensions prevent generic nav button sizing from distorting the quickbar. */
:root{--taskbar-height:44px}.world-mode #nav{height:44px;padding-top:4px;padding-bottom:4px;background:linear-gradient(#333b2e,#1c271e 40%,#131c16);border-top:1px solid #8e7d58;box-shadow:inset 0 1px #cbb67e22,inset 0 -2px #0b120e}.world-mode #nav button:not(.taskbar-button),.world-mode #nav button:not(.taskbar-button):hover,.world-mode #nav button:not(.taskbar-button):active{background:linear-gradient(#414b37,#263323 55%,#19251a);border:1px solid #887950;border-radius:3px;box-shadow:inset 0 1px #bca77c33;font:bold 10px Arial;color:#e8d8b5;text-shadow:0 1px #000}.world-mode #nav button,.world-mode #nav .taskbar-button{height:34px;min-height:34px}.original-quickbar button{min-height:0!important;min-width:0!important;line-height:1;padding:0}.original-quickbar .native-quickslot{width:32px;height:32px;top:6px;background-size:32px 32px!important}.original-quickbar .quickslot-key{top:3px;left:3px;font:8px/9px Arial;color:#baaa80;opacity:.85}.original-quickbar .native-mouse-left,.original-quickbar .native-mouse-right{top:6px;width:32px;height:32px;background-size:22px 22px,100% 100%!important;border-color:#706b4e!important;box-shadow:inset 0 1px #c0b17d22}.original-quickbar .native-quick-expand{top:6px;height:32px;border-color:#706b4e!important}.original-quickbar .native-quick-pages{top:3px}body.world-mode .desktop-quickbar.original-quickbar{height:44px;background:linear-gradient(#2f392b,#1c271e);border:1px solid #5c6144;border-bottom:0;border-radius:4px 4px 0 0;box-shadow:inset 0 1px #c0b17d22,0 -2px 6px #0004}.original-quickbar .native-quickslot:hover{filter:brightness(1.3)}:root.taskbar-stacked{--taskbar-height:88px}.taskbar-stacked .world-mode #nav{height:88px;align-items:flex-end}.taskbar-stacked body.world-mode .desktop-quickbar.original-quickbar{bottom:44px;border-bottom:1px solid #5c6144;border-radius:4px}@media(pointer:coarse),(max-width:600px){.world-mode #nav button,.world-mode #nav .taskbar-button{height:40px;min-height:40px}}

.original-quickbar .native-quick-expand:before{content:'\203A'}.original-quickbar .native-page-up:before{content:'\25B4'}.original-quickbar .native-page-down:before{content:'\25BE'}

/* Keep the native divider narrow so F1 remains visible. */
.original-quickbar .native-quick-expand{width:14px;min-width:14px!important}.original-quickbar .native-mouse-right,.original-quickbar .native-mouse-right:hover,.original-quickbar .native-mouse-right:active{background:var(--n) center/32px 32px no-repeat!important}.quickslot-count{position:absolute;right:2px;bottom:2px;font:bold 11px Arial;color:#fff;text-shadow:1px 1px #000}.quickbar-camera-help{position:absolute;bottom:48px;right:0;width:250px;padding:12px;background:#1c271e;border:1px solid #887950;color:#e8d8b5;font:13px Arial}.original-quickbar .native-quickslot[data-empty="true"]{opacity:1}

.original-quickbar .native-mouse-right,.original-quickbar .native-mouse-right:hover,.original-quickbar .native-mouse-right:active{background:url("../../assets/ui/taskbar/camera.svg") center/24px 24px no-repeat,linear-gradient(#414b37,#263323 55%,#19251a)!important}

/* Phone combat cluster: large attack, six skills, two potion slots. */
.world-hud .hud-name{display:none!important}
.manual-controls-actions{right:58px;bottom:16px;width:224px;height:244px}
.manual-controls button{border:1px solid #9e885a;background:radial-gradient(circle at 35% 22%,#485240f2,#202c24f2 58%,#101b17f5);box-shadow:inset 0 0 0 3px #17221b,inset 0 0 0 4px #c6ad6b33,0 3px 10px #0008;transition:filter .12s,box-shadow .12s}
.manual-controls button:active{filter:brightness(1.35);box-shadow:inset 0 0 0 3px #17221b,0 0 12px #dac18788}
.manual-controls .manual-controls-toggle{right:8px;bottom:112px;width:44px;height:56px;min-width:44px;border-radius:18px 5px 5px 18px;font:28px Arial}
.manual-controls .manual-attack{right:0;bottom:0;width:76px;height:76px;min-height:76px;background:url('../../assets/ui/taskbar/attack.svg') center/42px 42px no-repeat,radial-gradient(circle at 35% 22%,#68674a,#343e2b 58%,#162219);border:2px solid #bd9f60}
.manual-controls .manual-pickup{right:86px;bottom:0;width:48px;height:48px;min-height:48px;background:url('../../assets/ui/taskbar/loot.svg') center/28px 28px no-repeat,radial-gradient(circle at 35% 22%,#485240,#202c24 58%,#101b17)}
.manual-controls .manual-skill{width:48px;height:48px;padding:7px;border-radius:50%;background:radial-gradient(circle at 35% 22%,#485240f2,#202c24f2 58%,#101b17f5)!important;border:1px solid #9e885a!important}
.manual-skill img{filter:drop-shadow(0 1px 2px #000)}
.manual-controls .manual-skill:nth-child(1){left:0;top:138px}
.manual-controls .manual-skill:nth-child(2){left:0;top:80px}
.manual-controls .manual-skill:nth-child(3){left:28px;top:26px}
.manual-controls .manual-skill:nth-child(4){left:86px;top:0}
.manual-controls .manual-skill:nth-child(5){left:144px;top:26px}
.manual-controls .manual-skill:nth-child(6){left:170px;top:80px}
.manual-controls .manual-skill:disabled{opacity:.55}
.manual-skill-empty:before{content:'';display:block;width:18px;height:18px;border:1px solid #c4ac7044;border-radius:50%;margin:auto}
.manual-controls .manual-potions{left:60px;top:110px;flex-direction:row;gap:8px}
.manual-controls .manual-potion{width:48px;height:48px;padding:5px;min-height:48px;border-radius:12px}
.manual-potion img{width:32px;height:36px}.manual-potion-count{right:3px;bottom:2px;font:bold 12px Arial;color:#fff}
@media(max-height:500px){.manual-controls-actions{bottom:8px}.manual-controls .manual-controls-toggle{bottom:104px}}

/* Keep the entire combat pad within the right half of a 360px phone. */
.manual-controls-actions{right:12px;bottom:48px;width:164px;height:244px}
.manual-controls .manual-controls-toggle{bottom:304px;right:8px;width:44px;height:44px;border-radius:8px}
.manual-controls .manual-quickslots{inset:auto;left:0;top:0;width:164px;display:grid;grid-template-columns:repeat(3,48px);gap:10px;justify-content:end}
.manual-controls .manual-skill:nth-child(n){position:relative;left:auto;top:auto;display:block}
.manual-controls .manual-potions{left:auto;right:0;top:116px;gap:10px}
.manual-controls .manual-attack{right:0;bottom:0;width:70px;height:70px;min-height:70px}
.manual-controls .manual-pickup{right:82px;bottom:0}
@media(max-height:500px){.manual-controls-actions{bottom:40px}.manual-controls .manual-controls-toggle{bottom:294px}}

/* User sketch: shortcuts above, six skills wrapping the attack button. */
.manual-controls-actions{right:6px;bottom:40px;width:180px;height:280px}
.manual-controls .manual-quickslots{inset:0;width:auto;display:block}
.manual-controls .manual-skill:nth-child(n){position:absolute;width:44px;height:44px;padding:5px}
.manual-controls .manual-skill:nth-child(1){left:100px;top:236px}
.manual-controls .manual-skill:nth-child(2){left:42px;top:200px}
.manual-controls .manual-skill:nth-child(3){left:4px;top:146px}
.manual-controls .manual-skill:nth-child(4){left:14px;top:88px}
.manual-controls .manual-skill:nth-child(5){left:64px;top:58px}
.manual-controls .manual-skill:nth-child(6){left:120px;top:82px}
.manual-controls .manual-attack{right:12px;bottom:56px;width:80px;height:80px;min-height:80px;background-size:46px 46px,100% 100%}
.manual-controls .manual-potions{left:12px;right:auto;top:0;gap:8px}
.manual-controls .manual-pickup{left:124px;right:auto;top:0;bottom:auto;width:48px;height:48px;border-radius:12px}
.manual-controls .manual-controls-toggle{right:6px;bottom:328px}
.manual-controls .manual-skill-empty{font:12px Arial;color:#d1bd87;opacity:.65}
.manual-controls .manual-skill-empty:before{display:none}
@media(max-height:500px){.manual-controls-actions{bottom:36px}.manual-controls .manual-controls-toggle{bottom:324px}}

@media(max-height:500px){.manual-controls .manual-controls-toggle{bottom:36px;right:194px}}

.world-name-level{color:#98ff33}.world-ground-drop{color:#fff;font:12px Arial;padding:1px 3px;border:1px solid #000;background:rgba(0,0,0,.3);border-radius:0;line-height:15px}.world-ground-drop span{display:block}.world-ground-drop .ground-owner{color:#ffff00;margin-bottom:2px}.restart-panel{position:relative;width:200px;height:88px;padding:0;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);border:0;border-radius:9px;box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009;color:#e8d8b5;font:12px Arial}.restart-panel button{position:absolute;left:10px;top:17px;width:180px;height:25px;min-width:180px;min-height:25px;padding:0;border:1px solid #887950;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:12px Arial;border-radius:3px;box-shadow:inset 0 1px #bca77c44}.restart-panel button[data-mode=town]{top:47px}.restart-panel button:hover:enabled{filter:brightness(1.2)}.restart-panel button:disabled{opacity:.55}

.world-mob-label,.world-mob-label:hover,.world-mob-label:active{background:transparent;border:0;box-shadow:none;min-height:0;padding:3px 5px;font:12px Arial}

.world-stones{top:253px}.world-offline{top:301px!important}
@media(max-width:600px){.world-stones{top:228px}.world-offline{top:276px!important}}
.manual-controls-actions{height:288px}
.manual-controls .manual-skill:nth-child(1){left:110px;top:244px}
.manual-controls .manual-skill:nth-child(2){left:58px;top:227px}
.manual-controls .manual-skill:nth-child(3){left:26px;top:183px}
.manual-controls .manual-skill:nth-child(4){left:26px;top:129px}
.manual-controls .manual-skill:nth-child(5){left:58px;top:85px}
.manual-controls .manual-skill:nth-child(6){left:110px;top:68px}
.manual-controls .manual-attack{left:92px;right:auto;top:138px;bottom:auto}
.manual-controls .manual-controls-toggle{bottom:336px;font:20px Arial;background:transparent;border:0;box-shadow:none;isolation:isolate}
.manual-controls-toggle:before{content:'';position:absolute;inset:6px 8px;background:linear-gradient(#414b37,#19251a);border:1px solid #887950;border-radius:5px;z-index:-1}
@media(max-height:500px){.manual-controls .manual-controls-toggle{bottom:36px;right:194px}}

.world-auto.world-offline{margin-top:0}

.blacksmith-panel,.blacksmith-confirm{width:min(340px,calc(100vw - 32px));padding:14px;background:linear-gradient(120deg,#30362b,#19221b);border:1px solid #a38b5e;border-radius:6px;box-shadow:inset 0 0 0 3px #101a14,0 8px 28px #0009;color:#eadbbb;font:14px Arial}.blacksmith-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #887950;padding-bottom:8px}.blacksmith-panel header button{width:36px;height:36px;padding:0}.blacksmith-selection,.blacksmith-preview{display:grid;justify-items:center;gap:6px;padding:12px;text-align:center}.blacksmith-selection img,.blacksmith-preview img{width:64px;height:80px;object-fit:contain}.blacksmith-selection small{color:#b8b99f}.blacksmith-preview{margin-top:10px;border:1px solid #686449;background:#101a1466}.blacksmith-panel p{margin:4px 0;line-height:1.5}.blacksmith-action{min-height:44px;padding:8px 12px;border:1px solid #887950;border-radius:3px;background:linear-gradient(#414b37,#263323);color:#eadbbb;font:14px Arial}.blacksmith-panel>.blacksmith-action{width:100%;margin-top:8px}.blacksmith-action:disabled{opacity:.45}.blacksmith-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:240px;overflow:auto;margin-top:8px}.blacksmith-choices[hidden]{display:none}.blacksmith-choice{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;background:#152019;border:1px solid #887950;color:#eadbbb;font:12px Arial;min-height:96px}.blacksmith-choice img{width:40px;height:48px;object-fit:contain}.blacksmith-choice small{font-size:10px;color:#b8b99f}.blacksmith-result{padding:10px;margin-top:10px;border:1px solid #b07966;background:#382521}.blacksmith-result[data-success=true]{border-color:#83956a;background:#283924}.blacksmith-result small{color:#ccb99b}.blacksmith-material{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:12px}.blacksmith-material img{width:32px;height:32px;object-fit:contain}.blacksmith-material span{flex:1}.blacksmith-material[data-missing=true],.blacksmith-warning{color:#efae9b}.blacksmith-confirm::backdrop{background:#05090599}.blacksmith-confirm>div{display:flex;gap:8px;margin-top:14px}.blacksmith-confirm button{flex:1}

.blacksmith-native{width:340px;max-width:calc(100vw - 24px);padding:10px;background:transparent;border:0;box-shadow:none}.blacksmith-native header{border:0;padding:4px 0 8px;font-size:18px}.blacksmith-native>.blacksmith-action{margin:0 0 8px;font-size:13px;min-height:38px}.blacksmith-native .blacksmith-selection[hidden],.blacksmith-native button[hidden]{display:none}.blacksmith-native .source-window-wrap{margin:0 auto}.blacksmith-native .blacksmith-result{margin:0 0 8px}.blacksmith-native .blacksmith-material{font-size:11px;padding:3px 0}.blacksmith-native .blacksmith-material img{width:26px;height:26px}

.refine-result-popup{padding:0;border:0;background:transparent;width:max-content;max-width:calc(100vw - 16px);box-shadow:none}.refine-result-popup::backdrop{background:#0005}.refine-result-popup .source-window-wrap{margin:0}.refine-result-popup button.node{min-height:35px}.refine-result-popup [data-name="message"]{white-space:nowrap}

.refine-result-popup .npc-service-board{background:linear-gradient(120deg,#30362b,#19221b)!important;border:1px solid #a38b5e!important;border-radius:6px;box-shadow:inset 0 0 0 3px #101a14,0 6px 24px #0009}.refine-result-popup .npc-service-action{background:linear-gradient(#414b37,#263323)!important;border:1px solid #887950!important;border-radius:3px;color:#eadbbb}.refine-confirm-fallback{padding:18px;background:#19221b;border:1px solid #a38b5e;color:#eadbbb}.refine-confirm-fallback button{min-height:44px;margin:6px;padding:8px 18px}

/* Native popupdialog.py and questiondialog2.py dimensions. */
.refine-result-popup button.node,.refine-result-popup .npc-service-action{width:61px!important;height:21px!important;min-width:61px!important;min-height:21px!important;padding:0!important;font:12px Arial!important}.refine-result-popup .source-button-text{font:12px Arial}.refine-confirm-fallback button{min-height:21px;height:21px;min-width:61px;padding:0 5px;font:12px Arial}

.shop-sale-question{position:fixed;inset:0;margin:auto;width:340px;height:105px;max-width:none;padding:0;border:0;border-radius:9px;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009;color:#e8d8b5;font:12px Arial}.shop-sale-question p{position:absolute;left:10px;right:10px;top:31px;margin:0;text-align:center;line-height:15px}.shop-sale-question button{position:absolute;top:63px;left:99.5px;width:61px;height:21px;min-width:61px;min-height:21px;padding:0;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:12px Arial;box-shadow:inset 0 1px #bca77c44}.shop-sale-question button:last-child{left:179.5px}.shop-sale-question button:hover{filter:brightness(1.2)}.shop-sale-question.has-details{height:fit-content;max-height:calc(100vh - 24px);overflow:auto;padding:14px 12px 12px}.shop-sale-question.has-details h2{text-align:center}.shop-sale-question.has-details p{position:static;line-height:15px}.shop-sale-question.has-details>p{margin:8px 0 0}.shop-sale-actions{display:flex;justify-content:center;gap:18px;margin-top:10px}.shop-sale-question .shop-sale-actions button{position:static}.shop-sale-batch p{margin:6px 0}.shop-sale-batch button{width:100%}

.refine-item-stats p,.blacksmith-item-stats p{margin:0;line-height:18px;font:12px/18px Arial}.refine-item-stats .tooltip-positive,.blacksmith-item-stats .tooltip-positive{color:#a8e69b}.blacksmith-item-stats{grid-column:1/-1;text-align:left;width:100%}.blacksmith-choice{flex-wrap:wrap}

/* Native QuestDialog 350x300; uiquest.py answer buttons 200x26, 32px spacing. */
.world-mode #screen.world-panel:has(.teleport-panel){width:350px;max-width:calc(100vw - 16px);padding:0;border:0;background:none;box-shadow:none;overflow:visible;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%)}.teleport-panel{position:relative;width:350px;max-width:100%;min-height:300px;margin:0;padding:20px 15px 17px;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);border:0;border-radius:9px;box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009;color:#e8d8b5;font:12px Arial}.teleport-panel h2{margin:0 15px 12px;font:bold 14px Arial;color:#e8d8b5}.teleport-panel p{margin:0 15px 20px;line-height:16px}.teleport-panel>.action,.teleport-panel>.teleport-cancel{display:block;width:200px;height:26px;min-width:200px;min-height:26px;margin:0 auto 6px;padding:0;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:12px Arial;box-shadow:inset 0 1px #bca77c44}.teleport-panel>.action:hover:enabled,.teleport-panel>.teleport-cancel:hover{filter:brightness(1.2)}.teleport-panel>.action:disabled{opacity:.5}.teleport-panel>.world-panel-close{position:absolute;top:10px;right:10px;float:none;width:21px;height:21px;min-width:21px;min-height:21px;font:18px Arial;padding:0;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5}

.attribute-dialog{position:fixed;inset:0;margin:auto;width:340px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 90px);overflow:auto;padding:12px;border:0;border-radius:9px;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009;color:#e8d8b5;font:12px Arial;z-index:120}.attribute-dialog header{position:relative;padding:5px 28px;text-align:center;font-weight:bold;background:linear-gradient(#464839,#171e18);border:1px solid #887950;margin-bottom:10px}.attribute-dialog header button{position:absolute;right:2px;top:2px;width:21px;height:21px;padding:0;font:18px Arial}.attribute-target{width:100%;min-height:64px;padding:8px;display:flex;align-items:center;gap:8px;background:#101713;border:1px solid #887950;flex-wrap:wrap}.attribute-target img,.attribute-tool img,.attribute-choice img{width:32px;height:48px;object-fit:contain}.attribute-target small{width:100%}.attribute-stats{padding:8px;text-align:center}.attribute-stats p{margin:2px 0;line-height:16px}.attribute-dialog .tooltip-positive{color:#a8e69b}.attribute-tool,.attribute-choice{display:flex;align-items:center;gap:8px;text-align:left;width:100%;min-height:54px;margin:4px 0;padding:5px;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);font:12px Arial}.attribute-tool small,.attribute-choice small{display:block;line-height:16px;color:#c6bd9f}.attribute-tool:disabled{opacity:.5}.attribute-tool.chosen-tool{border-color:#d4bd80}.attribute-choice{flex-wrap:wrap}.attribute-choice small{width:100%;color:#a8e69b}.attribute-target-picker{max-height:180px;overflow:auto}.attribute-target-picker[hidden]{display:none}.attribute-status{color:#e7c77e;line-height:16px;min-height:16px}.attribute-hint{font:11px/16px Arial;color:#c6bd9f}

#tooltip.item-tooltip-native .tooltip-icon{float:none;display:block;margin:0 auto 10px;width:48px;height:72px;padding:4px}#tooltip.item-tooltip-native #tooltip-body>p{text-align:center}#tooltip.item-tooltip-native .item-primary-actions{clear:both}#tooltip.item-tooltip-native .item-primary-actions button{min-height:25px;height:25px;padding:0 8px;font:12px Arial}

.attribute-dialog{width:280px;padding:10px}.attribute-target{min-height:58px;background:transparent;border:0;justify-content:center;flex-direction:column;gap:4px;padding:4px}.attribute-target img{height:48px}.attribute-stats{padding:6px 0 10px}.attribute-tool-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding-top:10px;border-top:1px solid #756b4855}.attribute-tool-slot{position:relative;width:44px;height:44px;padding:3px;background:#101713;border:1px solid #887950;border-radius:3px}.attribute-tool-slot img{width:32px;height:32px;object-fit:contain}.attribute-tool-slot .item-count{position:absolute;bottom:1px;right:2px;font:bold 11px Arial;color:#f4e7c7;text-shadow:1px 1px #000}.attribute-tool-slot[data-unusable=true]{opacity:.45}.attribute-tool-slot[aria-pressed=true]{border-color:#e0c78c;box-shadow:inset 0 0 0 1px #b09c73;opacity:1}.attribute-tool-info{text-align:center;margin-top:8px;font:12px/16px Arial}.attribute-tool-info p{margin:4px 0}.attribute-status{text-align:center;min-height:0;margin:5px 0}.attribute-status:empty{display:none}.attribute-use{display:block;min-height:26px;height:26px;min-width:140px;max-width:100%;margin:8px auto 2px;padding:0 10px;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:12px Arial}.attribute-use:disabled{opacity:.5}
.socket-row{display:flex;gap:4px;justify-content:center;margin:4px 0}.socket-slot{width:34px;height:34px;display:grid;place-items:center;background:#101713;border:1px solid #887950;border-radius:50%}.socket-slot[data-kind=gold]{border-color:#e0c78c;box-shadow:inset 0 0 0 1px #b09c73}.socket-slot[data-kind=broken]{background:#2a1714;border-color:#7a4a3a}.socket-slot img{width:30px;height:30px;object-fit:contain}.socket-compare{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #756b4855}.socket-compare section{flex:1;min-width:0}.socket-compare h3{margin:0;text-align:center;font:bold 12px Arial;color:#e0c78c}.socket-compare .item-details{font-size:11px}.socket-actions{display:flex;gap:6px;justify-content:center}.socket-actions .attribute-use{min-width:0;flex:1;height:44px;min-height:44px;margin:8px 0 2px}

.slot-rank{position:absolute;right:2px;bottom:1px;color:#fff;font:bold 11px Arial;text-shadow:1px 1px 2px #000,-1px -1px #000;pointer-events:none;z-index:3}.slot-cooldown{position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:2}.slot-cooldown[hidden]{display:none}.manual-skill{position:relative}

.auto-slot-caption{display:block;font:9px Arial;text-align:center;color:#c6bd9f;white-space:nowrap}

.social-window,.social-target,.social-party-member{box-sizing:border-box;color:#e8d8b5;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);border:0;border-radius:8px;box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009;font:12px Arial}.social-window{position:fixed;inset:0;margin:auto;padding:8px;width:280px;max-width:calc(100vw - 12px);max-height:calc(100dvh - 56px);overflow:hidden;z-index:125}.social-window header{height:23px;position:relative;padding:4px 24px;text-align:center;border:1px solid #887950;background:linear-gradient(#464839,#171e18);font:bold 12px Arial}.social-window button,.social-target button,.social-party button{min-height:21px;padding:0 5px;border:1px solid #887950;border-radius:3px;background:linear-gradient(#464839,#252e24 50%,#171e18);color:#e8d8b5;font:11px Arial}.social-window header button{position:absolute;right:1px;top:1px;width:19px;height:19px;min-height:19px;padding:0;font:17px Arial}.social-target{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:375px;max-width:calc(100vw - 16px);height:65px;text-align:center;padding:8px;z-index:48}.social-target[hidden]{display:none}.social-target>div{display:flex;justify-content:center;gap:3px;margin-top:7px}.social-target button{padding:0 4px}.social-whisper{width:280px;height:200px}.social-whisper-log{height:126px;overflow:auto;padding:4px;overflow-wrap:anywhere}.social-whisper-log p{margin:3px 0}.social-window form{display:flex;gap:4px;margin-top:5px}.social-window input{width:100%;min-width:0;height:21px;margin:0;padding:0 4px;background:#0d1510;border:1px solid #887950;font:11px Arial}.social-window form button{height:21px;flex-shrink:0}.social-friends{width:170px;height:300px}.social-friend-list{height:225px;overflow:auto}.social-friend-list>div{display:flex;gap:3px;margin-top:5px}.social-friend-list>div button:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.social-friend-list .online{color:#a8e69b}.social-friend-list .offline{color:#938e7c}.social-friends-toggle{position:absolute;right:10px;bottom:calc(var(--taskbar-height,56px) + 34px);width:61px;height:21px;background:linear-gradient(#464839,#171e18);border:1px solid #887950;color:#e8d8b5;font:11px Arial;z-index:48}.social-party{position:absolute;left:8px;top:85px;z-index:48}.social-party-member{position:relative;width:106px;height:36px;margin-bottom:3px;padding:5px 7px}.social-party-member>button:first-child{padding:0;border:0;background:none;text-align:left;font:10px Arial;max-width:84px;overflow:hidden;white-space:nowrap}.social-party-member progress{display:block;width:80px;height:6px;accent-color:#ba3530}.social-party-kick{position:absolute;right:4px;top:5px;width:14px;padding:0!important}.social-exchange{width:282px;height:167px;padding:8px}.social-exchange-grid{position:absolute;top:33px;width:128px;height:96px}.social-exchange-slot{position:absolute;width:32px;height:32px;padding:0!important;background-size:32px 32px!important;background-color:#0c120f!important;border:0!important}.social-exchange-item{position:absolute;width:32px;padding:0!important;border:0!important;background:#101713!important}.social-exchange-item img{width:32px;height:100%;object-fit:contain}.social-exchange-item .item-count{position:absolute;bottom:0;right:1px;font:bold 11px Arial;text-shadow:1px 1px #000}.social-exchange-gold{position:absolute;top:135px;width:83px;height:21px;font:10px Arial!important}.social-exchange-accept{position:absolute;top:135px;width:42px;height:21px}.social-exchange-accept.accepted{color:#a8e69b;background:#34462c}.social-trade-picker{width:280px;height:300px}.social-item-list{height:250px;overflow:auto}.social-item-list button{display:block;width:100%;text-align:left;min-height:40px;margin-top:4px}.social-item-list img{width:32px;height:32px;object-fit:contain;vertical-align:middle}.social-item-list small{display:block;color:#a8e69b}.social-gold{width:180px;height:76px}.social-message{position:absolute;top:80px;left:50%;transform:translateX(-50%);color:#e7c77e;z-index:50;pointer-events:none}.social-message:empty{display:none}

.social-window header{touch-action:none;cursor:move}.social-offer{height:auto;text-align:center}.social-offer>img{display:block;width:32px;max-height:96px;object-fit:contain;margin:8px auto}.social-offer p{margin:5px 0}.social-offer .tooltip-positive{color:#a8e69b}

.player-selected .world-target{display:none}

.manual-controls .manual-attack{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.social-mail-buttons{position:absolute;right:14px;top:28%;display:flex;flex-direction:column;gap:12px;z-index:48}.social-mail-buttons button{width:42px;height:42px;padding:0;border:1px solid #887950;border-radius:5px;background:linear-gradient(#464839,#171e18);color:#eadbbb}.social-mail-buttons img{max-width:36px;max-height:36px;object-fit:contain}.social-mail-buttons .unread{animation:whisper-unread 1s ease-in-out infinite}@keyframes whisper-unread{50%{filter:brightness(1.7);box-shadow:0 0 7px #cfad69}}.social-trade-picker{width:212px;height:auto;max-height:calc(100dvh - 56px);overflow:auto}.social-trade-picker .shop-tabs{display:flex;justify-content:center;margin:6px 0}.social-trade-picker .shop-sale-grid{width:160px;height:288px;margin:0 auto 6px}.social-trade-picker .shop-sale-item{position:absolute;width:20%;padding:0;border:0;background:none;z-index:1;border-radius:0}.social-trade-picker .shop-sale-item:disabled{opacity:.35}@media(prefers-reduced-motion:reduce){.social-mail-buttons .unread{animation:none;border-color:#e4cb86}}

@media(pointer:coarse),(max-width:600px){.world-mode #nav .taskbar-button{width:34px;min-width:34px}.world-mode #nav{gap:2px}}
/* Claude UI: whisper minimize like uiwhisper minimizebutton; the chat lines box shows only while it has fresh lines and sits on the taskbar (original chat log) */
.social-window header .social-minimize{right:22px}
.chat-compact-preview{bottom:calc(var(--taskbar-height,56px) + 2px)}
.chat-compact-preview:not(:has(>:not(.chat-aged))){display:none}
.world-ride{top:349px}@media(max-width:600px){.world-ride{top:324px}}.world-ride.action::before{border-radius:3px 9px 3px 3px}
.social-mail-buttons{top:400px;max-height:calc(100% - 420px);flex-wrap:wrap-reverse;align-content:flex-end}@media(pointer:coarse),(max-width:600px){.social-mail-buttons{right:auto;left:8px;top:40%;gap:8px;max-height:25%;flex-wrap:wrap;align-content:flex-start}}
.social-window.social-trade-picker{height:fit-content}
.item-detail-line{margin:3px 0!important;font:12px/16px Arial!important;text-align:center}.item-socket-line{display:flex;align-items:center;gap:8px;margin:6px 8px;text-align:left;font:12px/16px Arial}.item-socket-slot{flex:none;width:32px;height:32px;border:1px solid #887950;border-radius:3px;background:#101713;display:grid;place-items:center;overflow:hidden}.item-socket-slot img{width:32px;height:32px;object-fit:contain}.item-socket-line b{display:block;font-weight:normal;color:#c2c2c2}.item-socket-line small{display:block;font-size:12px}.item-details{width:100%;margin:4px 0}.shop-sale-question .item-details,.shop-sale-question>div:first-child{margin-bottom:6px}

/* Phone HUD layout (Claude, 2026-10-13): one tidy action column under the minimap, chat away from the skill ring */
@media(max-width:600px) and (orientation:portrait){
 body .world-host .world-auto{top:122px;right:6px;min-width:0;min-height:40px;height:40px;padding:0 10px;font-size:12px}
 body .world-host .world-stones{top:168px}body .world-host .world-ride{top:214px}body .world-host .world-offline{top:260px!important;margin-top:0}
 body .chat-side-button{left:8px;right:auto;bottom:calc(var(--taskbar-height,44px) + 8px);height:34px;min-height:34px;min-width:56px;font-size:11px}
 body .opening-letter{max-width:46vw;min-height:40px;padding:6px 10px;font-size:13px;left:6px}
 body .opening-letter.kingdom-notices{top:180px}
 body .manual-controls .manual-skill-empty{opacity:.4}
}
@media(max-height:500px) and (orientation:landscape){
 body .world-host .world-auto{top:8px;right:118px;min-width:0;width:84px;min-height:40px;height:40px;padding:0 6px;font-size:12px}
 body .world-host .world-stones{right:208px}body .world-host .world-ride{right:298px;width:96px}body .world-host .world-offline{top:8px!important;right:400px;margin-top:0}
 body .opening-letter{top:96px;max-width:30vw;min-height:40px;padding:6px 10px;font-size:13px}
 body .opening-letter.kingdom-notices{top:142px}
 body .chat-side-button{left:136px;right:auto;bottom:calc(var(--taskbar-height,44px) + 6px)}
 body .manual-controls .manual-skill-empty{opacity:.4}
}
/* Phone right cluster (Claude, 2026-10-13): skills keep 44px, spread on two arcs round the attack button; Ride beside Pickup */
@media(max-width:600px) and (orientation:portrait){
 body .world-host .world-ride{position:fixed;top:auto!important;right:68px!important;bottom:328px!important;width:72px;min-width:0;height:44px;min-height:44px;padding:0 6px;font-size:12px}
}
/* Quest tracker (Claude, 2026-10-13): letter buttons become a small objective card with a gold "Quest" tag and a go arrow */
body .opening-letter{display:block;padding:5px 26px 6px 10px!important;border:1px solid #6f6142;border-left:3px solid #c9a55a;border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,rgba(28,32,24,.92),rgba(38,43,31,.72));box-shadow:0 2px 6px rgba(0,0,0,.45);color:#efe3c3;font:13px/17px Georgia,serif;text-align:left;text-shadow:0 1px 1px #000}
body .opening-letter::before{content:'Quest';display:block;margin-bottom:1px;color:#d8b46a;font:bold 10px/12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
body .opening-letter.kingdom-notices::before{content:'Kingdom'}
body .opening-letter::after{content:'›';position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#d8b46a;font:20px/1 Georgia,serif}
body .opening-letter:active{filter:brightness(1.25)}
.world-host .world-ride[hidden]{display:none!important}
/* Ride button on phones: left side above the joystick (Claude, 2026-10-13) */
@media(max-width:600px) and (orientation:portrait){body .world-host .world-ride{right:auto!important;left:16px!important;bottom:250px!important}}
@media(max-height:500px) and (orientation:landscape){body .world-host .world-ride{position:fixed;top:auto!important;right:auto!important;left:16px!important;bottom:190px!important;width:84px}}

/* Townsfolk chatter (townsfolk-chatter.js): small text-only bubble over the speaker, in the HUD tooltip skin. */
.townsfolk-speech{position:absolute;z-index:30;transform:translate(-50%,-100%);margin:0;padding:5px 9px;max-width:230px;background:#111b;border:1px solid #6f6244;color:#e6dbc0;font-size:12px;line-height:1.3;text-align:center;pointer-events:none;text-shadow:0 1px 1px #000}
body.npc-conversation .townsfolk-speech{display:none}
.world-mode #screen.world-panel :is([data-name="TitleBar"],[data-name="TitleName"],h2,header,.window-title),#tooltip.item-tooltip-native h2{cursor:move;touch-action:none;user-select:none}.window-dragging{transition:none!important}
.world-target.target-npc progress,.world-target.target-npc .target-drop-toggle{display:none}

/* Active auto potion slot like uiinventory.py ActivateSlot: PythonSlotWindow m_pSlotActiveEffect, 13 frames of
   slotactiveeffect at 4 updates each (~15 fps), RENDERING_MODE_SCREEN, drawn at the slot's top-left. */
.slot-active-effect{position:absolute;left:0;top:0;width:32px;height:32px;pointer-events:none;mix-blend-mode:screen;background-size:100% 100%;animation:slot-active-effect .867s steps(1) infinite;z-index:1}
@keyframes slot-active-effect{0.0%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/00.png')}7.69%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/01.png')}15.38%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/02.png')}23.08%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/03.png')}30.77%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/04.png')}38.46%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/05.png')}46.15%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/06.png')}53.85%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/07.png')}61.54%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/08.png')}69.23%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/09.png')}76.92%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/10.png')}84.62%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/11.png')}92.31%{background-image:url('../../assets/original/ymir work/ui/public/slotactiveeffect/12.png')}}
.original-quickbar .native-mouse-left,.original-quickbar .native-mouse-left:hover,.original-quickbar .native-mouse-left:active{background:var(--n) center/32px 32px no-repeat!important;border:0!important}.original-quickbar .native-mouse-left:hover{background-image:var(--h)!important}.original-quickbar .native-mouse-left:active{background-image:var(--p)!important}.native-mouse-modes{position:absolute;left:-4px;bottom:100%;margin-bottom:2px;display:flex;flex-direction:column;gap:2px;padding:4px;background:linear-gradient(#2f392b,#1c271e);border:1px solid #887950;border-radius:3px;box-shadow:0 -2px 6px #0006}.native-mouse-modes[hidden]{display:none}.original-quickbar .native-mouse-modes button{position:static;width:32px;height:32px;background:var(--n) center/32px 32px no-repeat!important;border:0;outline:0}.original-quickbar .native-mouse-modes button:hover{background-image:var(--h)!important}.original-quickbar .native-mouse-modes button.selected{background-image:var(--p)!important;outline:1px solid #d6c192}
/* Original chat (uichat.py ChatWindow/ChatLine, ChatLogWindow, TipBoard, BigBoard, chat tails) */
.mchat{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--taskbar-height,56px) + 8px + var(--chat-keyboard,0px));width:min(560px,calc(100vw - 20px));z-index:35;font:12px/16px Arial,sans-serif;color:#fff;text-shadow:0 1px 1px #000,0 0 2px #000;pointer-events:none}
.mchat-board{max-height:calc(15 * 16px + 8px);overflow:hidden;padding:4px 6px;overflow-wrap:anywhere;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.mchat-line{white-space:pre-wrap;transition:opacity .4s;max-width:100%;box-sizing:border-box;padding:1px 10px 1px 6px;border-left:2px solid #b09c7366;background:linear-gradient(90deg,#0d110dcc,#0d110d99 75%,#0d110d00)}.mchat[data-mode=view] .mchat-line.stale{display:none}.mchat[data-mode=edit] .mchat-line{background:none;border-left-color:transparent;padding:0 2px}
.mchat[data-mode=edit] .mchat-board{display:block;overflow-y:auto;pointer-events:auto;height:calc(15 * 16px);padding:6px 8px;background:linear-gradient(115deg,#292a28f2,#151917f2 45%,#242622f2);border-radius:6px 6px 0 0;box-shadow:inset 0 0 0 1px #625e50,inset 0 0 0 2px #b09c73,inset 0 0 0 4px #151b16,0 3px 10px #0009;scrollbar-width:thin;scrollbar-color:#8a754e #151917}
.mchat-talking{color:#fff}.mchat-info{color:rgb(255,200,200)}.mchat-notice{color:rgb(255,230,186)}.mchat-party{color:rgb(0,255,228)}.mchat-guild{color:rgb(253,255,124)}.mchat-shout{color:rgb(167,255,212)}.mchat-whisper{color:rgb(74,225,74)}
.mchat-input{display:none;align-items:center;gap:5px;height:30px;padding:0 6px;background:linear-gradient(#2b2d27,#171c17);border:1px solid #b09c73;border-radius:0 0 6px 6px;box-shadow:inset 0 0 0 1px #151b16,inset 0 0 0 2px #625e50,0 3px 10px #0009;pointer-events:auto}.mchat-log .mchat-input{border-radius:4px}
.mchat[data-mode=edit] .mchat-input,.mchat-log .mchat-input{display:flex}
.mchat-mode{flex:none;width:60px;height:22px;min-height:0;padding:0;border:1px solid #8a754e;border-radius:3px;background:linear-gradient(#4a4a3a,#2a3127 50%,#1a201a);color:#f1e3bd;font:bold 11px Arial;text-shadow:0 1px #000;cursor:pointer}.mchat-mode:hover{border-color:#d6c192}
.mchat-field{position:relative;flex:1;min-width:0;display:flex;border:1px solid #6e6346;border-radius:3px;background:#0b0f0b;box-shadow:inset 0 1px 3px #000}.mchat-field:focus-within{border-color:#b09c73}.mchat-field input{flex:1;min-width:0;height:22px;padding:0 5px;border:0;background:transparent;color:#fff;font:12px Arial;outline:none;text-shadow:none}
.mchat-mark{position:absolute;left:5px;top:4px;color:#ff0;pointer-events:none;font:12px Arial}
.mchat-img{flex:none;width:20px;height:18px;min-height:0;padding:0;border:0;background:var(--up) center/100% 100% no-repeat;cursor:pointer}.mchat-img:hover{background-image:var(--over)}.mchat-img:active{background-image:var(--down)}
.mchat-extra{display:flex;align-items:center;gap:3px}
.mchat-close{flex:none;width:22px;height:22px;min-height:0;padding:0;border:1px solid #8a754e;border-radius:3px;background:linear-gradient(#4a4a3a,#1a201a);color:#f1e3bd;font:bold 13px/18px Arial;text-shadow:none;cursor:pointer}.mchat-close:hover{border-color:#d6c192}
.mchat[data-mode=edit]~.world-chat-toggle{display:none}
body[data-show-chat=false] .mchat:not([data-mode=edit]){display:none}
.mchat-tip{position:fixed;left:50%;top:70px;transform:translateX(-50%);width:min(370px,calc(100vw - 20px));min-height:20px;display:none;flex-direction:column;justify-content:center;padding:2px 8px;box-sizing:border-box;background:#00000080;color:rgb(255,230,186);font:12px/16px Arial;text-align:center;text-shadow:1px 1px #000;z-index:60;pointer-events:none}.mchat-tip.on{display:flex}
.mchat-big{position:fixed;left:50%;top:150px;transform:translateX(-50%);width:min(512px,calc(100vw - 20px));min-height:55px;display:none;flex-direction:column;justify-content:center;padding:8px 14px;box-sizing:border-box;background:linear-gradient(#141912e6,#090d0ae6);border:1px solid #b09c73;box-shadow:inset 0 0 0 2px #151b16,inset 0 0 0 3px #625e50,0 3px 10px #0009;color:#ffe9b0;font:bold 18px/24px Arial;text-align:center;text-shadow:1px 1px 2px #000;z-index:61;pointer-events:none}.mchat-big.on{display:flex}
.mchat-log{position:fixed;right:20px;top:90px;width:min(560px,calc(100vw - 20px));height:260px;min-width:min(450px,calc(100vw - 20px));min-height:120px;max-width:100vw;max-height:80dvh;resize:both;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding:0 4px 4px;color:#e8d8b5;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);border-radius:6px;box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009;z-index:55;font:12px/15px Arial}.mchat-log[hidden]{display:none}
.mchat-log-head{display:flex;align-items:center;justify-content:space-between;height:26px;margin:0 -4px;padding:0 8px;background:var(--bar-left) left/auto 100% no-repeat,var(--bar-right) right/auto 100% no-repeat,var(--bar-middle) center/auto 100% repeat-x;cursor:move;touch-action:none;user-select:none}.mchat-log-head strong{font:bold 12px Arial;color:#f1e3bd}
.mchat-log-filters{display:flex;flex-wrap:wrap;gap:3px;padding:4px 2px}.mchat-log-filters button{min-height:22px;padding:1px 8px;border:1px solid #6e6346;border-radius:2px;background:#1b211b;color:#a99f86;font:11px Arial;cursor:pointer}.mchat-log-filters button[aria-pressed=true]{background:linear-gradient(#5a4c2c,#3a3220);border-color:#d6c192;color:#f1e3bd}
.mchat-log-list{flex:1;min-height:0;overflow-y:auto;padding:2px 6px;background:#00000080;color:#fff;text-shadow:-1px 0 #000,1px 0 #000,0 -1px #000,0 1px #000;overflow-wrap:anywhere;scrollbar-width:thin}
.mchat-log .mchat-input{margin-top:3px}
.chat-tail{position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);width:max-content;max-width:220px;padding:2px 6px;background:#000000a0;border-radius:3px;color:#fff;font:12px/15px Arial;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none}
.social-whisper-name{display:flex;gap:6px;padding:10px}.social-whisper-name input{flex:1;min-width:0;min-height:30px;padding:2px 6px;border:1px solid #6e6346;background:#0d110d;color:#fff;font:12px Arial}.social-whisper-name button{min-width:44px;min-height:30px}
@media(pointer:coarse),(max-width:600px){.mchat{width:calc(100vw - 16px)}.mchat-input{height:auto;min-height:44px;flex-wrap:wrap;padding:4px 6px;row-gap:4px}.mchat-field{flex:1 1 100%;order:-1}.mchat-input>.mchat-mode{margin-right:auto}.mchat-mode{height:36px;width:64px}.mchat-field input{height:34px;font-size:16px}.mchat-mark{top:9px;font-size:16px}.mchat-img,.mchat-close{width:36px;height:36px}.mchat[data-mode=edit] .mchat-board{height:calc(9 * 16px)}.mchat-log-filters button{min-height:32px}.mchat-tip{top:56px}.mchat-big{top:110px;font-size:15px;line-height:20px}}

.minimap-atlas-board{position:fixed;right:calc(136px + 10px);top:0;z-index:44;box-sizing:border-box;padding:0 7px;color:#e8d8b5;background:linear-gradient(115deg,#292a28,#151917 45%,#242622);border-radius:6px;box-shadow:inset 0 0 0 2px #625e50,inset 0 0 0 3px #b09c73,inset 0 0 0 5px #151b16,0 3px 10px #0009;font:12px Arial}.minimap-atlas-title{display:flex;align-items:center;justify-content:space-between;height:26px;margin-bottom:4px;cursor:move;touch-action:none;user-select:none;font-weight:bold;color:#f1e3bd}.minimap-atlas-close{all:unset;width:22px;height:22px;text-align:center;line-height:20px;border:1px solid #8a754e;border-radius:3px;background:linear-gradient(#4a4a3a,#1a201a);cursor:pointer}.minimap-atlas-view{position:relative;cursor:pointer}.minimap-atlas-view canvas{display:block;width:100%;height:100%}
@media(pointer:coarse){.minimap-button{min-width:0}.minimap-atlas-close{width:36px;height:36px;line-height:34px}.minimap-atlas-board{right:auto;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.6);transform-origin:center}}
.world-minimap .minimap-tip:not([hidden]){display:block}.social-window.social-guild{width:330px;height:auto;max-height:calc(100dvh - 56px);display:flex;flex-direction:column}.social-guild-ask{width:220px;height:auto}.guild-tabs{display:flex;gap:2px;margin:5px 0}.guild-tabs button{flex:1;padding:0 2px}.guild-tabs button[aria-pressed=true]{color:#f3e2a6;background:linear-gradient(#5f5a3e,#2c3424);border-color:#c8ad6e}.guild-body{flex:1;min-height:0;overflow:auto}.guild-row,.guild-member,.guild-skill,.guild-grade,.guild-comment{display:flex;align-items:center;gap:4px;padding:3px 2px;border-bottom:1px solid #3a3a30}.guild-row span{flex:1;color:#b9ad8f}.guild-member>span,.guild-skill>span,.guild-comment>span{flex:1;min-width:0;overflow-wrap:anywhere}.guild-member small,.guild-skill small,.guild-grade small{color:#938e7c;font-size:10px}.guild-member{flex-wrap:wrap}.guild-member small{flex-basis:100%;order:2}.guild-member.online>span{color:#a8e69b}.guild-member select{background:#0d1510;color:#e8d8b5;border:1px solid #887950;font:11px Arial;max-width:110px}.guild-comment.notice>span{color:#f0d27a}.guild-actions{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.guild-war{margin:4px 0;padding:4px;border:1px solid #4d4a3a}.guild-war p{margin:3px 0}.guild-list{max-height:290px;overflow:auto}.guild-grade{flex-wrap:wrap}.guild-grade-name{min-width:70px}.guild-auth{display:inline-flex;align-items:center;gap:2px;font-size:10px}.guild-note{color:#b9ad8f;margin:6px 2px}.social-guild-open{display:block;width:100%;margin-top:6px}
@media(pointer:coarse){.social-guild button,.social-guild-ask button,.social-guild select,.social-guild-open{min-height:44px;min-width:44px}.social-guild-ask input{height:44px}.guild-auth input{width:22px;height:22px}}

/* The source client's bronze ring, enlarged for the current world view. */
.world-minimap{right:12px;top:10px;width:180px;filter:drop-shadow(0 4px 9px #000b)}
.minimap-frame{transform:scale(1.3);transform-origin:top left;margin-bottom:43px}
.minimap-frame::after{background-size:136px 137px}
.world-minimap .minimap-frame canvas{left:12px;top:12.5px;width:112px;height:112px}
.minimap-button{all:unset;position:absolute;z-index:2;display:grid;place-items:center;box-sizing:border-box;width:32px;height:32px;isolation:isolate;cursor:pointer;color:#f6dc9c;font:bold 17px Georgia,serif;text-shadow:0 1px 2px #000,0 0 4px #000}
.minimap-button::before{content:'';position:absolute;z-index:-1;inset:4px;border:1px solid #b69256;border-radius:50%;background:radial-gradient(circle at 38% 26%,#977a51 0,#504436 38%,#20241f 72%);box-shadow:inset 0 0 0 1px #2b241c,0 1px 3px #000c}
.minimap-button:hover{color:#fff0bd;background:none}.minimap-button:hover::before{border-color:#e0c181;background:radial-gradient(circle at 38% 26%,#b69760,#5d4b33 42%,#262a22 75%)}
.minimap-button:active{background:none;transform:translateY(1px)}.minimap-button:focus-visible{outline:2px solid #ffe2a1;outline-offset:1px}
.minimap-atlas{left:1px;top:1px}.minimap-up{left:92px;top:106px}.minimap-down{left:108px;top:87px}
.minimap-hide{left:103px;top:0}
.world-minimap .minimap-info{position:relative;z-index:1;gap:2px;margin:0 8px;padding:6px 4px;border:1px solid #7c6845;border-radius:3px;background:linear-gradient(125deg,#282a24ed,#151a18f0);box-shadow:inset 0 0 0 1px #393b30,0 3px 8px #0008;line-height:1.2}
.world-minimap .minimap-server{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3ddaa;font-weight:bold}
.world-minimap .minimap-position{color:#b5b5a3;font-variant-numeric:tabular-nums}
.world-minimap.minimap-hidden{width:72px}.minimap-closed{width:72px;height:42px;border:1px solid #7c6845;border-radius:4px;background:linear-gradient(#34362a,#141a17);box-shadow:inset 0 0 0 1px #1c201b}
.minimap-show{left:15px;top:3px;width:42px;height:36px}
.world-minimap .minimap-tip{max-width:200px;white-space:normal;overflow-wrap:anywhere;box-shadow:0 2px 8px #000a}

/* Regional atlas: retain the original map art and markers, with a readable frame. */
.minimap-atlas-board{right:205px;top:18px;height:auto!important;padding:0 13px 12px;border:1px solid #a38a59;border-radius:5px;background:linear-gradient(145deg,#353729,#20251f 32%,#131816 100%);box-shadow:inset 0 0 0 2px #131916,inset 0 0 0 3px #5b5a40,0 12px 30px #000c}
.minimap-atlas-title{height:56px;margin:0;gap:12px;border-bottom:1px solid #65583c;text-align:left}
.minimap-atlas-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.minimap-atlas-heading small{color:#ad996c;font:10px Arial;letter-spacing:1.8px}.minimap-atlas-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0deba;font:17px Georgia,serif}
.minimap-atlas-close{flex:0 0 36px;width:36px;height:36px;line-height:34px;font-size:22px;text-align:center}
.minimap-atlas-view{margin-top:10px;overflow:hidden;border:1px solid #85714b;background:#0b100f;box-shadow:0 0 0 2px #101714,inset 0 0 18px #000b}
.minimap-atlas-view canvas{display:block;width:100%;height:100%}
.minimap-atlas-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;color:#c9b990;font:11px Arial}
.minimap-atlas-legend{display:flex;flex-wrap:wrap;gap:9px}.minimap-legend-item{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.minimap-legend-key{width:8px;height:8px;box-shadow:0 0 0 1px #111,0 0 0 2px #9c8b64}
.minimap-atlas-coordinates{color:#f0ddae;font-variant-numeric:tabular-nums;white-space:nowrap}.minimap-atlas-coordinates::before{content:'Poziție ';color:#b2a482}
@media(max-width:600px){.world-minimap{right:4px;top:4px;transform:scale(.82);transform-origin:top right}.world-minimap .minimap-info span{display:block}.minimap-atlas-board{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);max-height:calc(100dvh - 20px)}.minimap-atlas-title{height:48px}.minimap-atlas-footer{font-size:10px}}
@media(pointer:coarse){.minimap-button{min-width:42px;width:42px;height:42px}.minimap-button::before{inset:9px}.minimap-atlas{left:-4px;top:-4px}.minimap-hide{left:98px;top:-5px}.minimap-up{left:86px;top:107px}.minimap-down{left:108px;top:69px}.minimap-show{left:8px;top:0;width:54px;height:42px}.minimap-atlas-board{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);transform-origin:center}.minimap-atlas-close{width:44px;height:44px;line-height:42px}.minimap-atlas-view{touch-action:manipulation}}
.npc-chat{width:300px;max-width:calc(100vw - 16px);padding:4px 8px 8px;margin:0;left:50%;top:50%;transform:translate(-50%,-50%)}.npc-chat[style*="left"]{transform:none}.npc-chat-log{height:160px;overflow:auto;padding:4px;overflow-wrap:anywhere;background:#0d151088;border:1px solid #756b4855}.npc-chat-log p{margin:3px 0;line-height:1.35}.npc-chat-me{color:#e8d8b5}.npc-chat-npc{color:#f0d68a}.npc-chat-npc b,.npc-chat-me b{font-weight:bold}.npc-chat-note{color:#a39f8c;font-style:italic}.npc-chat-action{color:#c9b98a;font-style:italic}.npc-chat-title,.world-npc-title{display:block;font-size:10px;line-height:12px;color:#c9a46a;letter-spacing:.04em}.npc-chat-dots{display:inline-block;animation:npc-chat-dots 1.2s infinite steps(4)}@keyframes npc-chat-dots{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}.npc-chat-mood{min-height:15px;margin-top:3px;font-size:11px;color:#c9c1a5}.npc-chat-mood[data-mood=warm]{color:#a8e69b}.npc-chat-mood[data-mood=neutral]{color:#e8d8b5}.npc-chat-mood[data-mood=wary]{color:#e6c26b}.npc-chat-mood[data-mood=hostile]{color:#e67b6b}.world-target .target-talk{pointer-events:auto;min-height:44px;padding:0 10px;border:0;border-left:1px solid #756b4855;background:transparent;color:#e8d8b5;font:12px Arial;cursor:pointer}.world-target .target-talk:hover{background:#414b35}.world-target .target-talk[hidden]{display:none}@media (pointer:coarse),(max-width:600px){.npc-chat input,.npc-chat form button{min-height:44px;height:44px}.npc-chat-log{height:140px}}