*{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-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 calc(37px*var(--tb,1));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:calc(37px*var(--tb,1));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}.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-atlas{position:absolute;left:12px;top:12px;width:15px;height:15px;padding:0;border:0;min-height:0;background:var(--n) no-repeat 0 0}.minimap-atlas:hover{background-image:var(--h)}.minimap-atlas:active{background-image:var(--p)}
.world-minimap>button{all:unset;display:block;margin:1px auto 0;cursor:pointer;font:12px Arial}.world-minimap>span{display:block;font-size:11px}
@media(max-width:600px){.world-minimap{transform:scale(.78);transform-origin:top right}.world-minimap>span{display:none}}
.world-minimap.expanded{transform:none;width:min(92vw,550px);background:#000d;border:1px solid #6b5a3c;padding:4px;z-index:42}.world-minimap.expanded .minimap-frame{width:auto;height:auto;background:none}.world-minimap.expanded canvas{position:static;display:block;width:100%;height:auto;aspect-ratio:4/5;border-radius:0}.world-minimap.expanded .minimap-atlas{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(37px*var(--tb,1) + 4px);max-height:calc(100dvh - 37px*var(--tb,1) - 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}.minimap-atlas{z-index:2}.world-minimap.expanded .minimap-frame::after{display:none}
/* 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(237px*var(--tb,1));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-minimap:not(.expanded) .minimap-frame canvas{width:128px;height:128px;border-radius:50%;clip-path:circle(50% at 50% 50%)}
.world-minimap.expanded .minimap-frame canvas{clip-path:none}
.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(37px*var(--tb,1) + 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(37px*var(--tb,1) + 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-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}