/* Classic Metin2 SUB crops; reference_only / rights_unverified. See assets/hud/classic/manifest.json. */
.hud-item{position:relative;display:inline-flex;flex-shrink:0;pointer-events:none}
.hud-sprite{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:2px;background:transparent;color:#f5e8c7;touch-action:manipulation;cursor:pointer;pointer-events:auto;flex-shrink:0}
.hud-sprite::before{content:'';width:32px;height:32px;display:block;background-image:var(--sprite-normal);background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}
@media(hover:hover){.hud-sprite:hover::before{background-image:var(--sprite-hover,var(--sprite-normal))}}
.hud-sprite:focus-visible{outline:2px solid #f4cf84;outline-offset:2px}.hud-sprite:focus-visible::before{background-image:var(--sprite-hover,var(--sprite-normal))}
.hud-sprite.is-pressed::before,.hud-sprite[aria-expanded=true]:not(.map-hide):not(.map-show)::before{background-image:var(--sprite-pressed,var(--sprite-normal))}.hud-sprite:disabled{opacity:.45;cursor:default}
.hud-tooltip{display:none;position:absolute;z-index:50;bottom:calc(100% + 6px);right:0;width:max-content;max-width:min(210px,calc(100vw - 24px));padding:6px 9px;border:1px solid #89745a;border-radius:2px;background:#171613f5;color:#f5e8c7;font-size:12px;line-height:1.4;pointer-events:none;box-shadow:0 3px 9px #0006}
.hud-item.show-note>.hud-tooltip,.hud-sprite:focus-visible+.hud-tooltip{display:block}@media(hover:hover){.hud-sprite:hover+.hud-tooltip{display:block}}
.classic-taskbar{--taskbar-height:37px;position:absolute;z-index:12;left:0;right:0;bottom:0;min-height:var(--taskbar-height);height:calc(var(--taskbar-height) + env(safe-area-inset-bottom));box-sizing:border-box;display:grid;grid-template-columns:158px minmax(0,1fr);grid-template-rows:var(--taskbar-height);align-items:center;column-gap:8px;padding:0 max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(0px,env(safe-area-inset-left));background:#141412;box-shadow:inset 0 1px #ab9b77,inset 0 3px #403d32,0 -1px 2px #000;pointer-events:auto}
.classic-taskbar::before{content:'';position:absolute;left:158px;right:0;top:0;height:2px;background:url('assets/hud/classic/game/taskbar/quickslot_button_board.png') repeat-x;pointer-events:none}
.game-hud,.taskbar-actions{position:static;display:flex;align-items:center;gap:2px;pointer-events:none}.game-hud{justify-content:flex-end}.taskbar-actions{justify-content:center}

.classic-taskbar #game-run{position:absolute;left:5px;top:1px;width:44px;height:44px;margin:0;border:0;background:transparent;border-radius:50%;color:#dccb9b;pointer-events:auto;min-height:0}
.classic-taskbar #game-run[aria-pressed=true]{color:#ffe4a6;filter:drop-shadow(0 0 3px #95702c)}.classic-taskbar #game-run:focus-visible{outline:2px solid #f4cf84;outline-offset:-3px}.classic-taskbar #game-run[data-movement-mode=walk] svg{opacity:.6}

.character-summary{display:grid;gap:6px;margin-bottom:16px}.character-summary strong{font-size:20px}.character-summary span{font-size:14px;color:var(--ui-muted)}#game-character-panel .hud-experience{display:grid;gap:6px;width:100%;font-size:14px;margin-bottom:18px}
@media(pointer:coarse){.classic-taskbar{--taskbar-height:48px}.classic-taskbar .hud-sprite{width:44px;height:44px}.minimap{--map-size:160px;--map-hit:32px}}
@media(max-width:600px){
 .classic-taskbar{--bar-hit:clamp(40px,11vw,44px);--taskbar-height:48px;grid-template-columns:96px minmax(0,1fr);grid-template-rows:var(--taskbar-height);column-gap:2px;padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}
 
 .classic-taskbar #game-run{left:0;top:2px;width:40px;height:40px}
 
 
 .classic-taskbar::before{left:96px}
 .classic-taskbar .hud-sprite{width:var(--bar-hit);height:44px}
 .classic-taskbar .hud-sprite::before{width:28px;height:28px}
 .game-hud,.taskbar-actions{gap:0;flex-wrap:nowrap;justify-content:flex-end}
 .game-touch{bottom:calc(64px + env(safe-area-inset-bottom))}
}

.hud-sprite.character{--sprite-normal:url("assets/hud/classic/game/taskbar/character_button_01.png?v=5206d775f730");--sprite-hover:url("assets/hud/classic/game/taskbar/character_button_02.png?v=b647b55548fb");--sprite-pressed:url("assets/hud/classic/game/taskbar/character_button_03.png?v=95b9ae64708a");}
.hud-sprite.inventory{--sprite-normal:url("assets/hud/classic/game/taskbar/inventory_button_01.png?v=6afce39138b7");--sprite-hover:url("assets/hud/classic/game/taskbar/inventory_button_02.png?v=584e27814928");--sprite-pressed:url("assets/hud/classic/game/taskbar/inventory_button_03.png?v=b49f7fb6d30f");}
.hud-sprite.friends{--sprite-normal:url("assets/hud/classic/game/taskbar/community_button_01.png?v=7d30d381b41b");--sprite-hover:url("assets/hud/classic/game/taskbar/community_button_02.png?v=e4b5330141a5");--sprite-pressed:url("assets/hud/classic/game/taskbar/community_button_03.png?v=b1f3e547ac53");}
.hud-sprite.settings{--sprite-normal:url("assets/hud/classic/game/taskbar/system_button_01.png?v=d77952f3a09a");--sprite-hover:url("assets/hud/classic/game/taskbar/system_button_02.png?v=65833473f6a9");--sprite-pressed:url("assets/hud/classic/game/taskbar/system_button_03.png?v=76d954dca6c5");}
.hud-sprite.camera{--sprite-normal:url("assets/hud/classic/game/taskbar/mouse_button_camera_01.png?v=1119fa1801e7");--sprite-hover:url("assets/hud/classic/game/taskbar/mouse_button_camera_02.png?v=f635eb2bd2bc");--sprite-pressed:url("assets/hud/classic/game/taskbar/mouse_button_camera_03.png?v=53c98738b87d");}
.hud-sprite.map-atlas{--sprite-normal:url("assets/hud/classic/minimap/atlas_open_default.png?v=f3e7ecd6c224");--sprite-hover:url("assets/hud/classic/minimap/atlas_open_over.png?v=a44f28dc53f9");--sprite-pressed:url("assets/hud/classic/minimap/atlas_open_down.png?v=cef2a40a4210");}
.hud-sprite.map-hide{--sprite-normal:url("assets/hud/classic/minimap/minimap_close_default.png?v=6a602c4eb585");--sprite-hover:url("assets/hud/classic/minimap/minimap_close_over.png?v=f480af34d954");--sprite-pressed:url("assets/hud/classic/minimap/minimap_close_down.png?v=6af0b23c2fb2");}
.hud-sprite.map-zoom-in{--sprite-normal:url("assets/hud/classic/minimap/minimap_scaleup_default.png?v=b83f77d2afe7");--sprite-hover:url("assets/hud/classic/minimap/minimap_scaleup_over.png?v=96314489036f");--sprite-pressed:url("assets/hud/classic/minimap/minimap_scaleup_down.png?v=98414c431784");}
.hud-sprite.map-zoom-out{--sprite-normal:url("assets/hud/classic/minimap/minimap_scaledown_default.png?v=92f30ef0764b");--sprite-hover:url("assets/hud/classic/minimap/minimap_scaledown_over.png?v=f85a6532af32");--sprite-pressed:url("assets/hud/classic/minimap/minimap_scaledown_down.png?v=b0ac3c71370a");}
.hud-sprite.map-show{--sprite-normal:url("assets/hud/classic/minimap/minimap_open_default.png?v=6a99d1f65510")}


.hud-sprite[data-unavailable]{opacity:.65}

/* Stage1 GUI: own CSS frame inspired by the supplied reference, not its bitmap. */
.game-nameplate,.game-npc-nameplate{z-index:8}
.game-nameplate>.gm-badge{display:block;width:28px;height:auto;align-self:center;object-fit:contain}
.minimap{z-index:20;background:none;border:0;border-radius:0;isolation:isolate}



.classic-taskbar #game-run{background:radial-gradient(circle,#25251f,#11120f);box-shadow:inset 0 0 0 1px #716348}



.game-window{border:2px solid #806747;outline:1px solid #211a10;background:linear-gradient(135deg,#3b2a1626,transparent),#15130ffb;border-radius:4px;box-shadow:inset 0 0 0 2px #292015,0 8px 24px #000b;max-height:calc(100dvh - 160px)}
.game-window button,.game-window select,.player-target button{color:#f0e3c7;background:linear-gradient(#322c22,#17150f);border:1px solid #7b6745;border-radius:3px;min-height:36px;padding:5px 8px}.game-window button:focus-visible,.player-target button:focus-visible{outline:2px solid #eed494}.game-window button:disabled,.player-target button:disabled{opacity:.55;cursor:default}
#game-inventory-panel{width:min(580px,calc(100% - 24px))}.inventory-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.inventory-bag{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.inventory-slots>span,.inventory-bag>span,.inventory-cell{border:1px solid #675638;background:#100f0c;min-height:44px;padding:4px;font-size:11px;overflow-wrap:anywhere;min-width:0}.inventory-cell img{width:28px;height:28px;object-fit:contain;display:block;margin:auto}.inventory-cell[aria-pressed=true]{outline:2px solid #d6ad66}#inventory-detail{border-top:1px solid #77603d;padding-top:8px;margin-top:8px}#inventory-detail p{font-size:12px}#inventory-detail select{width:100%}
.trade-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:80px;background:repeating-linear-gradient(0deg,transparent 0 24px,#655235 25px 26px),repeating-linear-gradient(90deg,#13120f 0 24px,#655235 25px 26px);border:1px solid #655235;margin:12px 0}
.player-target{position:absolute;z-index:24;top:max(8px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(470px,calc(100% - 360px));padding:8px;border:2px solid #8b714a;background:#17130ffb;color:#f1dfbd;font:12px/1.4 Arial,sans-serif;pointer-events:auto}.player-target header{display:flex;align-items:center;justify-content:space-between;gap:8px}.player-target>div{display:flex;flex-wrap:wrap;gap:4px}.player-target p:empty{display:none}
@media(max-width:600px){.game-touch{bottom:calc(86px + env(safe-area-inset-bottom))}.game-window{top:12px;transform:none;max-height:calc(100dvh - 98px - env(safe-area-inset-bottom));left:8px;right:8px;width:auto;max-width:none}.inventory-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.player-target{top:calc(206px + env(safe-area-inset-top));left:12px;right:12px;transform:none;width:auto}}

.field-error{color:#ffb4a8}

/* Original EXP board/point crops: fill clips a native19px sprite from the bottom. */
.classic-taskbar{--taskbar-height:48px;--bar-hit:32px;--orb-scale:1;grid-template-columns:max-content minmax(0,1fr);column-gap:6px}
.classic-taskbar::before{left:0}
.taskbar-exp-group{display:flex;align-items:center;gap:2px;min-width:0;position:relative;pointer-events:none}
.classic-taskbar #game-run{position:relative;left:auto;top:auto;width:44px;height:44px;flex-shrink:0}
.exp-info-wrap{position:relative;pointer-events:auto;flex-shrink:0}
#exp-info{position:relative;display:block;width:calc(105px * var(--orb-scale));height:44px;padding:0;border:0;background:none;color:#f3d17e;touch-action:manipulation}
.exp-orbs{position:absolute;left:0;top:50%;width:105px;height:37px;transform:translateY(-50%) scale(var(--orb-scale));transform-origin:left center;background:url('assets/hud/exp/exp-gauge-board.png') center/105px 37px no-repeat;pointer-events:none}
.exp-point{position:absolute;top:9px;width:19px;height:19px;background:url('assets/hud/exp/exp-gauge-point.png') center/19px 19px no-repeat;clip-path:inset(100% 0 0 0)}
.orb-0{left:5px}.orb-1{left:30px}.orb-2{left:55px}.orb-3{left:80px}
.exp-wait{display:none;font:10px Arial,sans-serif}#exp-info[aria-busy=true] .exp-orbs{visibility:hidden}#exp-info[aria-busy=true] #exp-max{display:none}#exp-info[aria-busy=true] .exp-wait{display:inline}#exp-max{position:absolute;right:3px;bottom:1px;font:8px Arial,sans-serif;color:#ffe09b;text-shadow:1px 1px #000}
#exp-info-note{display:none;position:absolute;bottom:calc(100% + 5px);left:0;z-index:50;width:max-content;max-width:min(280px,calc(100vw - 80px));padding:7px 9px;border:1px solid #8a714b;background:#17130f;color:#f6e6bc;font:12px/1.4 Arial,sans-serif;pointer-events:none}
.show-exp-info #exp-info-note,#exp-info:focus-visible+#exp-info-note{display:block}
@media(hover:hover){#exp-info:hover+#exp-info-note{display:block}}
@media(hover:hover){}
.classic-taskbar .game-hud .hud-sprite{width:var(--bar-hit);height:44px}
.game-screen .game-nameplate[data-map-occluded=true],.game-screen .game-npc-nameplate[data-map-occluded=true]{visibility:hidden!important}
@media(pointer:coarse){.classic-taskbar{--bar-hit:44px}}
@media(max-width:600px){.classic-taskbar{--taskbar-height:48px;--bar-hit:clamp(32px,10vw,44px);--orb-scale:.9;grid-template-columns:max-content minmax(0,1fr);padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}.game-touch{bottom:calc(64px + env(safe-area-inset-bottom))}}
@media(max-width:389px){.classic-taskbar{--orb-scale:.8}}
@media(max-width:359px){.classic-taskbar{--orb-scale:.64}}
/* Fully opaque viewport cover. Only its real retry/error controls remain above it. */
.game-loading{position:fixed;inset:0;width:100%;height:100%;min-height:100dvh;z-index:1000;opacity:1;background:#141923;isolation:isolate;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(120px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:auto}
.game-screen[data-loading=true]>:not(#game-loading):not(.game-status){visibility:hidden!important;pointer-events:none!important}
.game-screen[data-loading=true]>.game-status{visibility:visible;position:fixed;z-index:1001;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:32dvh;overflow:auto;pointer-events:none}
.game-screen[data-loading=true]>.game-status button{pointer-events:auto}
.game-screen[data-loading=true] .game-loading-card{max-height:60dvh;overflow:auto;background:#181b23}
.game-reconnect{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(9,14,22,.28);pointer-events:auto;overscroll-behavior:contain;touch-action:none;padding:16px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.game-reconnect-card{max-width:min(420px,100%);max-height:85dvh;overflow:auto;text-align:center;color:#fff;text-shadow:0 1px 3px #000;font-size:14px}
.game-reconnect-card .loading-spinner{display:inline-block;width:22px;height:22px}
.game-reconnect-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}
.game-reconnect-actions button{white-space:normal;max-width:100%;min-height:36px}
.game-screen[data-reconnecting=waiting]>.game-status,.game-screen[data-reconnecting=failed]>.game-status{visibility:hidden!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){.game-reconnect .loading-spinner{animation:none}}

/* Reconstructed window chrome from MT2009 references; original MT2009 atlases unavailable. */
.game-window,.classic-dialog{color:#d8d4c8;font:12px/1.4 Arial,sans-serif;border:1px solid #9b9887;border-radius:6px;padding:4px;background:#191b1a;box-shadow:inset 0 0 0 1px #080a09,inset 0 0 0 3px #4d5048,0 3px 5px #000b;outline:1px solid #090c0b;isolation:isolate}
.game-window{position:absolute;z-index:60;display:flex;flex-direction:column;left:auto;right:24px;top:max(20px,env(safe-area-inset-top));transform:none;width:min(310px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 90px - env(safe-area-inset-bottom));overflow:hidden}
.game-window:focus-within{z-index:61}.classic-dialog>header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:23px;margin:0 0 5px;padding:1px 3px 1px 10px;border:1px solid #10110e;border-radius:4px;background:repeating-linear-gradient(24deg,#0004 0 1px,transparent 1px 3px),linear-gradient(#7e4828,#442513 48%,#5c341d);box-shadow:inset 0 0 0 1px #ad8d66,inset 0 2px 2px #000b;color:#e5dbbd;text-shadow:1px 1px #000}.classic-dialog header h2{font:12px/20px Arial,sans-serif;margin:0;font-weight:400}.classic-dialog header button{width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0;padding:0;font:19px/16px Arial;border:1px solid #c0bba8;border-radius:3px;background:linear-gradient(#666a63,#333832);box-shadow:inset 0 0 0 1px #171e19,inset 1px 1px 2px #b6b6a7;color:#eee8d7;text-shadow:1px 1px #000}
.game-window>.window-body,.classic-dialog>.window-body{overflow:auto;min-height:0;overscroll-behavior:contain;padding:4px 5px 6px;scrollbar-width:thin;scrollbar-color:#8c816b #161714}
.game-window p,.classic-dialog p{margin:6px 0;overflow-wrap:anywhere}.game-window h3{margin:8px 0 5px;padding:1px 5px;font-size:12px;background:repeating-linear-gradient(45deg,#74766410 0 1px,transparent 1px 5px),#171c17;border-top:1px solid #5b604d;border-bottom:1px solid #080b08;color:#e1d8b8}
.game-window button,.classic-dialog button,.game-window select{min-height:25px;padding:3px 7px;border:1px solid #828579;border-radius:2px;background:linear-gradient(#44483e,#282b25);box-shadow:inset 0 0 0 1px #11160e,inset 0 2px #6d7162;color:#dedbc8;font:11px/1.3 Arial,sans-serif;text-shadow:1px 1px #000}
.game-window button:hover:not(:disabled),.classic-dialog button:hover:not(:disabled){filter:brightness(1.2);color:#fff5bc}.game-window button:active:not(:disabled),.classic-dialog button:active:not(:disabled){box-shadow:inset 1px 2px 3px #000;background:#272a23;transform:translateY(1px)}
.game-window button:disabled,.classic-dialog button:disabled{opacity:.48;cursor:not-allowed}.game-window button:focus-visible,.classic-dialog button:focus-visible{outline:2px solid #e6d6a6;outline-offset:1px}
.game-window input,.game-window textarea,.game-window select{max-width:100%;min-width:0;background:#080c08;color:#e1dfd1;border:1px solid #666d5b;font-size:12px;padding:5px}.game-window textarea{resize:vertical}
.game-window small,.game-window .input-hint{color:#b2b2a0;font-size:10px}.game-window details{margin:7px 0}.game-window summary{cursor:pointer;color:#d8d3be}
.game-window.settings-menu{width:220px;left:50%;right:auto;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);max-height:calc(100dvh - 80px - env(safe-area-inset-bottom))}.settings-menu .window-body{display:flex;flex-direction:column;gap:6px;padding:4px 8px 8px}.settings-menu .menu-button{width:100%;min-height:26px}.system-identity{text-align:center;font-size:10px;color:#c4bb9c}
#game-inventory-panel{width:260px}.equipment-board{position:relative;height:222px;border:1px solid #777360;background:repeating-conic-gradient(#343630 0 25%,#20251f 0 50%) 0 0/14px 14px;overflow:hidden}
.inventory-slots{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,39px);gap:3px;padding:5px;height:100%}.inventory-slots>[data-slot]{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:0;padding:1px;font-size:8px;background:#090d09a6;border:1px solid #857d5d;box-shadow:inset 0 0 0 2px #191d16;color:#c2bd9f;overflow:hidden}
.inventory-slots>[data-slot=helmet]{grid-column:3;grid-row:1}.inventory-slots>[data-slot=weapon]{grid-column:1;grid-row:2/4}.inventory-slots>[data-slot=armor]{grid-column:3;grid-row:2/4}.inventory-slots>[data-slot=shield]{grid-column:5;grid-row:2}.inventory-slots>[data-slot=bracelet]{grid-column:1;grid-row:4}.inventory-slots>[data-slot=necklace]{grid-column:4;grid-row:1}.inventory-slots>[data-slot=earrings]{grid-column:5;grid-row:1}.inventory-slots>[data-slot=boots]{grid-column:3;grid-row:4}.inventory-slots>[data-slot=belt]{grid-column:2;grid-row:4}.inventory-slots>[data-slot=finger]{grid-column:5;grid-row:4}
.bag-tabs{display:flex;margin-top:5px;gap:2px}
.inventory-bag{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:5px 0}.inventory-bag>span,.inventory-bag>button{aspect-ratio:1;min-height:0;padding:2px;border:1px solid #6f715a;background:linear-gradient(135deg,#30392a 0 5%,#090d09 5% 95%,#30392a 95%);box-shadow:inset 0 0 0 2px #11170f}
.inventory-cell{position:relative;min-width:0;overflow:hidden}.inventory-cell img{width:30px;height:30px;max-width:100%;object-fit:contain;margin:auto;display:block}.inventory-cell .item-caption{font-size:9px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inventory-cell.has-icon .item-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.item-quantity{position:absolute;right:2px;bottom:0;color:#fff!important;font-size:10px!important}.item-plus{position:absolute;left:2px;top:0;color:#e4d4a0!important;font-size:8px!important}.inventory-cell[aria-pressed=true]{outline:1px solid #f3de85;outline-offset:-2px;box-shadow:inset 0 0 6px #c6ad53!important}.inventory-wallet{border:1px solid #686a58;background:#070b07;padding:3px;text-align:right;font-size:10px}#inventory-detail{border-top:1px solid #6d725d;font-size:11px}#inventory-detail h3{font-size:12px}#inventory-detail p{font-size:11px}
#game-character-panel{width:300px}.character-summary{display:flex;align-items:center;gap:8px;border-bottom:1px solid #686c58;padding-bottom:5px}.character-summary img{width:48px;height:52px;object-fit:cover;object-position:center;border:2px solid #777a65}.character-summary strong{display:block;background:#070b07;border:1px solid #616852;padding:3px 6px;text-align:center}.character-summary span{display:block;font-size:10px;margin-top:3px}.character-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;text-align:center;margin-top:5px}.character-progress-grid>span{background:#080b08;padding:3px;color:#d3b077;font-size:10px}.character-progress-grid b{display:block;color:#f0ecdc;overflow-wrap:anywhere}.character-attributes{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:5px 0}.character-attributes>div{display:flex;justify-content:space-between;border-bottom:1px solid #666a57}.character-attributes dt{font-weight:bold}.character-attributes dd{background:#070b07;min-width:40px;margin:0;text-align:center}.training-actions{display:flex;gap:3px}.training-actions>button{flex:1}#hud-progress{width:100%;height:7px}.character-tabs{display:flex;margin-top:9px;gap:1px}.unavailable-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.unavailable-grid>span{aspect-ratio:1;border:1px solid #5d654c;background:#090e09;box-shadow:inset 0 0 0 3px #191f15;opacity:.55}.unavailable-note{font-size:11px;color:#b8b3a1}.quest-paper{min-height:260px;padding:12px;border:1px solid #645f48;background:repeating-linear-gradient(#d1be8930 0 30px,#b9a67620 30px 60px),#222719;color:#ded9c3;overflow:auto}.quest-paper p{padding:5px}
#game-social-panel{width:260px}.social-section>summary{background:#181d17;border-bottom:1px solid #61684f;padding:3px}.social-section>p{padding-left:12px}#friend-list button{width:100%;text-align:left;font-size:11px}#friend-list>div{margin:3px 0}#friend-invite{display:flex;align-items:end;gap:4px}#friend-invite label{min-width:0;flex:1}#friend-invite input{width:100%}.social-toolbar{display:flex;gap:4px;border-bottom:1px solid #626851;padding-bottom:5px}.social-toolbar button{min-width:26px}#chat-history{max-height:190px;overflow:auto;background:#090d09;border:1px solid #5a624b;padding:5px;overflow-wrap:anywhere}#chat-send textarea{width:100%}#chat-send label{display:block}.server-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border:1px solid #535b45;background:#0e130e}.server-columns button{width:100%;text-align:left}.server-columns [aria-pressed=true]{background:#343045;color:#e5d5a0}.server-columns h3{margin-top:0}.classic-dialog{width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}.classic-dialog[open]{display:flex;flex-direction:column}.classic-dialog::backdrop{background:#0009}.entry-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px;padding-bottom:env(safe-area-inset-bottom)}.entry-links button{color:#d1c6a7;background:#21271e;border:1px solid #787c68;padding:6px 10px}.in-game .entry-links{display:none}
@media(max-width:600px){.game-window,.game-window.settings-menu{left:max(8px,env(safe-area-inset-left));right:auto;top:max(8px,env(safe-area-inset-top));transform:none;width:min(310px,calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 76px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}#game-inventory-panel{width:min(276px,calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)))}#game-social-panel{width:min(310px,calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.game-window button,.classic-dialog button{min-height:32px}.classic-dialog header button{min-height:28px;min-width:28px;width:28px;height:28px}.game-window .inventory-bag>button,.game-window .inventory-slots>button{min-height:0}.character-tabs{flex-wrap:wrap}.game-window.settings-menu .menu-button{min-height:32px}}
.game-window>.character-tabs,.game-window>.social-toolbar{flex-shrink:0;margin:3px 5px 1px;background:#1a1e18;padding:3px 0}.game-window>.social-toolbar{border-top:1px solid #656b58;border-bottom:0}

/* Native SAFlux/m2x-client UI pixels; provenance in assets/hud/windows/manifest.json. */
.game-window,.classic-dialog{border:0;outline:0;border-radius:0;box-shadow:none;padding:8px;background:url("assets/hud/windows/pattern/board_corner_lefttop.png") left top no-repeat,url("assets/hud/windows/pattern/board_corner_righttop.png") right top no-repeat,url("assets/hud/windows/pattern/board_corner_leftbottom.png") left bottom no-repeat,url("assets/hud/windows/pattern/board_corner_rightbottom.png") right bottom no-repeat,url("assets/hud/windows/pattern/board_line_left.png") left top repeat-y,url("assets/hud/windows/pattern/board_line_right.png") right top repeat-y,url("assets/hud/windows/pattern/board_line_top.png") left top repeat-x,url("assets/hud/windows/pattern/board_line_bottom.png") left bottom repeat-x,url("assets/hud/windows/pattern/board_base.png") repeat;color:#dedaca}.classic-dialog>header{position:relative;height:32px;min-height:32px;padding:0 26px 0 12px;margin:0 -2px 2px;border:0;border-radius:0;box-shadow:none;background:url("assets/hud/windows/pattern/titlebar_left.png") left top no-repeat,url("assets/hud/windows/pattern/titlebar_right.png") right top no-repeat,url("assets/hud/windows/pattern/titlebar_center.png") left top repeat-x}.classic-dialog header h2{font:12px/32px Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ddd8c4;text-shadow:1px 1px #000}.classic-dialog header button{position:absolute;right:2px;top:4px;width:22px;height:24px;min-height:24px;min-width:22px;padding:0;border:0;box-shadow:none;background:none;font-size:0;color:transparent;transform:none}.classic-dialog header button:hover{outline:1px solid #d5c397}.classic-dialog header button:active{background:#ffffff20;box-shadow:none;transform:none}
.game-window button,.classic-dialog button,.game-window select{border:5px solid transparent;border-image:url("assets/hud/windows/public/large_button_01.png") 5 fill / 5px / 0 repeat;background:none;box-shadow:none;border-radius:0;min-height:25px;padding:1px 3px;color:#dedaca;text-shadow:1px 1px #000;font-size:11px}
.game-window button:hover:not(:disabled),.classic-dialog button:hover:not(:disabled){border-image-source:url("assets/hud/windows/public/large_button_02.png");filter:none}.game-window button:active:not(:disabled),.classic-dialog button:active:not(:disabled){border-image-source:url("assets/hud/windows/public/large_button_03.png");transform:none;box-shadow:none}.classic-dialog header button{border:0;border-image:none;background:none}
.game-window .window-body,.classic-dialog .window-body{scrollbar-width:auto;scrollbar-color:auto}.game-window ::-webkit-scrollbar,.classic-dialog ::-webkit-scrollbar{width:15px}.game-window ::-webkit-scrollbar-thumb,.classic-dialog ::-webkit-scrollbar-thumb{background:url("assets/hud/windows/public/scrollbar_middle_button_01.png") center repeat-y}.game-window ::-webkit-scrollbar-button:vertical:decrement,.classic-dialog ::-webkit-scrollbar-button:vertical:decrement{height:16px;background:url("assets/hud/windows/public/scrollbar_up_button_01.png")}.game-window ::-webkit-scrollbar-button:vertical:increment,.classic-dialog ::-webkit-scrollbar-button:vertical:increment{height:16px;background:url("assets/hud/windows/public/scrollbar_down_button_01.png")}
.game-window ::-webkit-scrollbar-button:vertical:decrement:hover,.classic-dialog ::-webkit-scrollbar-button:vertical:decrement:hover{background-image:url("assets/hud/windows/public/scrollbar_up_button_02.png")}
.game-window ::-webkit-scrollbar-button:vertical:increment:hover,.classic-dialog ::-webkit-scrollbar-button:vertical:increment:hover{background-image:url("assets/hud/windows/public/scrollbar_down_button_02.png")}
.game-window ::-webkit-scrollbar-button:vertical:decrement:active,.classic-dialog ::-webkit-scrollbar-button:vertical:decrement:active{background-image:url("assets/hud/windows/public/scrollbar_up_button_03.png")}
.game-window ::-webkit-scrollbar-button:vertical:increment:active,.classic-dialog ::-webkit-scrollbar-button:vertical:increment:active{background-image:url("assets/hud/windows/public/scrollbar_down_button_03.png")}
#game-inventory-panel{width:190px}.equipment-board{width:156px;height:188px;margin:auto;border:0;background:url("assets/hud/windows/game/windows/equipment_base.png") center no-repeat;overflow:visible;margin-bottom:4px}.inventory-slots{position:relative;display:block;height:188px;padding:0}.inventory-slots>[data-slot]{position:absolute;border:0;box-shadow:none;background:none;font-size:0;min-height:0;padding:0;display:block}.inventory-slots>.inventory-cell:not(.has-icon) .item-caption{font-size:8px}.inventory-slots>[data-slot]::after{content:none}
.inventory-slots>[data-slot=weapon]{left:4px;top:4px;width:32px;height:96px}
.inventory-slots>[data-slot=helmet]{left:41px;top:4px;width:32px;height:32px}
.inventory-slots>[data-slot=armor]{left:41px;top:39px;width:32px;height:64px}
.inventory-slots>[data-slot=shield]{left:80px;top:39px;width:32px;height:32px}
.inventory-slots>[data-slot=earrings]{left:118px;top:4px;width:32px;height:32px}
.inventory-slots>[data-slot=necklace]{left:118px;top:56px;width:32px;height:32px}
.inventory-slots>[data-slot=bracelet]{left:118px;top:89px;width:32px;height:32px}
.inventory-slots>[data-slot=boots]{left:41px;top:148px;width:32px;height:32px}
.inventory-slots>[data-slot=finger]{left:4px;top:114px;width:32px;height:32px}
.inventory-slots>[data-slot=belt]{left:80px;top:114px;width:32px;height:32px}



.inventory-bag{grid-template-columns:repeat(5,32px);gap:0;justify-content:center}.inventory-bag>span,.inventory-bag>button{width:32px;height:32px;padding:0;border:0;border-image:none;box-shadow:none;background:url("assets/hud/windows/public/slot_base.png") center no-repeat}.inventory-cell img{width:30px;height:30px}.inventory-slots>.inventory-cell{border-image:none}.inventory-slots>.inventory-cell img{max-height:100%;object-fit:contain}
#game-character-panel{width:253px}.character-summary img{box-sizing:content-box;width:43px;height:43px;padding:5px;border:0;background:url("assets/hud/windows/game/windows/box_face.png") center no-repeat;object-fit:cover}.character-attributes dd{background:url("assets/hud/windows/public/parameter_slot_00.png") center repeat-x}.character-progress-grid>span{background:url("assets/hud/windows/public/parameter_slot_03.png") center repeat-x}.unavailable-grid{grid-template-columns:repeat(5,32px);gap:3px}.unavailable-grid>span{width:32px;height:32px;border:0;box-shadow:none;background:url("assets/hud/windows/public/slot_base.png") center no-repeat}
#character-skills .unavailable-grid:first-of-type{background:url("assets/hud/windows/game/windows/skill_board.png") left top no-repeat;gap:6px}.quest-paper{background:url("assets/hud/windows/pattern/board_base.png") repeat;border:0;box-shadow:none}
#game-social-panel{width:200px}#game-social-panel:has(#conversation:not(.hidden)){width:290px}.settings-menu .menu-button{background:url("assets/hud/windows/public/xlarge_button_01.png") center no-repeat;border-image:none;min-height:25px}.settings-menu .menu-button:hover:not(:disabled){background-image:url("assets/hud/windows/public/xlarge_button_02.png")}.settings-menu .menu-button:active:not(:disabled){background-image:url("assets/hud/windows/public/xlarge_button_03.png")}
#social-invite-focus{border:0;border-image:none;width:27px;height:24px;font-size:0;background:url("assets/hud/windows/game/windows/messenger_add_friend_01.png") center no-repeat}
#social-invite-focus:hover{background-image:url("assets/hud/windows/game/windows/messenger_add_friend_02.png");border-image:none}
#social-invite-focus:active{background-image:url("assets/hud/windows/game/windows/messenger_add_friend_03.png");border-image:none}
#social-invite-focus:disabled{background-image:url("assets/hud/windows/game/windows/messenger_add_friend_04.png");border-image:none}
#social-whisper-focus{border:0;border-image:none;width:27px;height:24px;font-size:0;background:url("assets/hud/windows/game/windows/messenger_whisper_01.png") center no-repeat}
#social-whisper-focus:hover{background-image:url("assets/hud/windows/game/windows/messenger_whisper_02.png");border-image:none}
#social-whisper-focus:active{background-image:url("assets/hud/windows/game/windows/messenger_whisper_03.png");border-image:none}
#social-whisper-focus:disabled{background-image:url("assets/hud/windows/game/windows/messenger_whisper_04.png");border-image:none}
#social-block-unavailable{border:0;border-image:none;width:27px;height:24px;font-size:0;background:url("assets/hud/windows/game/windows/messenger_delete_01.png") center no-repeat}
#social-block-unavailable:hover{background-image:url("assets/hud/windows/game/windows/messenger_delete_02.png");border-image:none}
#social-block-unavailable:active{background-image:url("assets/hud/windows/game/windows/messenger_delete_03.png");border-image:none}
#social-block-unavailable:disabled{background-image:url("assets/hud/windows/game/windows/messenger_delete_04.png");border-image:none}
.social-section>summary{list-style:none;background:url("assets/hud/windows/game/windows/messenger_list_close.png") left center no-repeat;padding-left:18px}.social-section[open]>summary{background-image:url("assets/hud/windows/game/windows/messenger_list_open.png")}#friend-list button[data-online=true]{background-image:url("assets/hud/windows/game/windows/messenger_list_online.png");background-position:left center;background-repeat:no-repeat;padding-left:18px}#friend-list button[data-online=false]{background-image:url("assets/hud/windows/game/windows/messenger_list_offline.png");background-position:left center;background-repeat:no-repeat;padding-left:18px}
#exp-info{width:calc(105px * var(--orb-scale) + 12px)}.exp-orbs{left:12px}.npc-actions{display:flex;flex-wrap:wrap;gap:4px}#game-npc-panel label{display:block}#game-npc-panel select,#game-npc-panel input[type=number]{width:100%}
@media(max-width:600px){#game-inventory-panel{width:206px}#game-character-panel{width:min(280px,calc(100vw - 16px))}#game-social-panel{width:min(280px,calc(100vw - 16px))}.game-window button,.classic-dialog button{min-height:32px}.classic-dialog header button{min-height:24px;width:24px}.classic-taskbar{--orb-scale:.76;column-gap:0}.taskbar-exp-group{gap:0}.inventory-bag>button,.inventory-slots>button{min-height:0}}

.character-summary strong{background:url('assets/hud/windows/public/parameter_slot_01.png') center repeat-x}.game-window .compact-action,.npc-actions button{border-image-source:url('assets/hud/windows/public/middle_button_01.png')}.game-window .compact-action:hover,.npc-actions button:hover:not(:disabled){border-image-source:url('assets/hud/windows/public/middle_button_02.png')}.game-window .compact-action:active,.npc-actions button:active:not(:disabled){border-image-source:url('assets/hud/windows/public/middle_button_03.png')}
.game-window,.classic-dialog{background-color:#171914}.classic-dialog>header{padding-left:32px;padding-right:32px}.classic-dialog>header h2{flex:1;text-align:center;min-width:0}.classic-dialog>header button{right:3px;top:3px;width:26px;height:26px;min-width:26px;min-height:26px}.classic-dialog>header button:active{background:transparent}
@media(max-width:600px){.classic-dialog>header button{right:2px;top:1px;width:30px;height:30px;min-width:30px;min-height:30px}}
/* Protected reference pixels remain authenticated. Guest documents retain a plain readable fallback. */
body.auth-screen .classic-dialog{background-image:none;border:1px solid #8b8c80}body.auth-screen .classic-dialog>header{background:none;border-bottom:1px solid #686d5a}body.auth-screen .classic-dialog header button{font-size:19px;color:#eee8d7;border:1px solid #9a9c8d;background:#272b25}

/* The native 52x19 tab has complete edges, not a flexible flat background.
   Nine-slice keeps its 5px edges intact; only the middle follows the label width. */
.game-window .character-tabs,.game-window .bag-tabs{display:flex;flex-wrap:nowrap;gap:2px;padding:2px 0;background:none}
.game-window .character-tabs>button,.game-window .bag-tabs>button{position:relative;isolation:isolate;flex:1 1 0;min-width:0;height:28px;min-height:28px;padding:0 3px;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;font:11px/19px Arial,sans-serif;white-space:nowrap;color:#dedbc8;text-align:center;transform:none;filter:none}
.game-window .character-tabs>button[data-character-tab=skills]{flex-grow:1.65}
.game-window .character-tabs>button::before,.game-window .bag-tabs>button::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:50%;height:19px;box-sizing:border-box;transform:translateY(-50%);border:5px solid transparent;border-image:url('assets/hud/windows/game/windows/tab_button_middle_01.png') 5 fill / 5px / 0 stretch}
.game-window .character-tabs>button:hover::before,.game-window .bag-tabs>button:hover::before{border-image-source:url('assets/hud/windows/game/windows/tab_button_middle_02.png')}
.game-window .character-tabs>[aria-selected=true]::before,.game-window .bag-tabs>[aria-pressed=true]::before,.game-window .character-tabs>button:active::before,.game-window .bag-tabs>button:active::before{border-image-source:url('assets/hud/windows/game/windows/tab_button_middle_03.png')}
.game-window .character-tabs>button:hover,.game-window .bag-tabs>button:hover,.game-window .character-tabs>button:active,.game-window .bag-tabs>button:active{background:none;box-shadow:none;transform:none;filter:none}
#game-character-panel{width:min(280px,calc(100% - 16px))}
.character-summary>div{min-width:0;flex:1}
.game-window #game-character{font:600 13px/1.3 Arial,sans-serif;padding:3px;overflow-wrap:anywhere}
.character-summary #game-character-details{line-height:1.3}
.game-window .character-progress-grid{grid-template-columns:minmax(0,1fr);gap:2px;text-align:left}
.game-window .character-progress-grid>span{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:baseline;gap:4px}
.game-window .character-progress-grid b{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.character-attributes>div{align-items:baseline;min-width:0;gap:4px}
.character-attributes>div:nth-last-child(-n+2){grid-column:1 / -1}
.character-attributes dt{white-space:nowrap;font-size:11px}
.character-attributes dd{flex:0 0 40px;line-height:20px}
/* Own shirt symbol: not a native Metin2 asset. Slot/frame graphics remain native. */
.game-window #wardrobe-toggle{position:absolute;left:80px;top:4px;width:30px;height:32px;min-height:32px;padding:3px;border:1px solid #8b8263;background:#171914;border-image:none;box-shadow:none}
#wardrobe-toggle svg{width:22px;height:22px;fill:#d6c8a0;stroke:#111;stroke-width:1.5}
#inventory-wardrobe{margin:4px 0;padding:4px;border:1px solid #8b8263;background:#171914}
#inventory-wardrobe>header{display:flex;align-items:center;justify-content:space-between;padding:0;border:0}
#wardrobe-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:4px}
#wardrobe-slots>[data-slot]{display:flex;align-items:center;justify-content:center;min-width:0;height:40px;padding:2px;font-size:8px;text-align:center;background:url('assets/hud/windows/public/slot_base.png') center no-repeat}
#wardrobe-slots .inventory-cell img{height:30px;width:30px;object-fit:contain}
@media(max-width:600px){.game-window .character-tabs>button,.game-window .bag-tabs>button{height:32px;min-height:32px}}

/* Current layout: level in the old running-control position; four uniformly scaled native orbs. */
.classic-taskbar{--orb-scale:1.4;--bar-hit:40px;--taskbar-height:60px;column-gap:4px}
.taskbar-exp-group{gap:2px;flex-wrap:nowrap}
#exp-info{width:calc(105px * var(--orb-scale));height:var(--taskbar-height);overflow:visible}
.exp-orbs{left:0}
#exp-lock{position:relative;display:grid;place-items:center;width:32px;height:44px;flex:0 0 32px;pointer-events:auto;touch-action:manipulation;background:none;border:0;padding:4px;color:#8e8878}
#exp-lock svg{width:17px;height:23px;fill:currentColor;stroke:#211b13;stroke-width:1.4;pointer-events:none}
#exp-lock[aria-pressed=true]{color:#f1d279;filter:drop-shadow(0 0 3px #b78b37)}
#exp-lock[aria-pressed=mixed],#exp-lock:disabled{opacity:.55;cursor:wait}
#exp-lock:hover:not(:disabled){color:#d7c494}
#exp-lock:focus-visible{outline:2px solid #f4cf84;outline-offset:-2px}
@keyframes minimap-person{from{transform:translateY(1px) rotate(-5deg)}to{transform:translateY(-1px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){}
@media(max-width:600px){.classic-taskbar{--orb-scale:1.18;--bar-hit:clamp(24px,7.5vw,40px);--taskbar-height:54px;column-gap:0}.taskbar-exp-group{gap:0}#exp-lock{width:26px;flex-basis:26px}}
@media(max-width:360px){.classic-taskbar{--orb-scale:1.05;--taskbar-height:50px}}
/* Separate native tiles stop full-width edge layers painting under transparent corners. */
.game-window{background:none;background-color:transparent}
/* Native normal close pixels cover the formerly baked{top:3px;right:1px;width:26px;height:26px;min-height:26px;min-width:26px;background:url('assets/hud/windows/public/close_button_01.png') center/15px 15px no-repeat;border:0;border-image:none;box-shadow:none;font-size:0;color:transparent;outline:none;transform:none}
#game-social-panel #friend-invite,#game-social-panel #chat-send{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px}
#game-social-panel #friend-invite label,#game-social-panel #chat-send label{display:grid;gap:2px;margin:0;min-width:0;font:10px/14px Arial,sans-serif}
#game-social-panel #friend-invite input,#game-social-panel #chat-send textarea{box-sizing:border-box;width:100%;height:30px;min-height:30px;margin:0;padding:5px;font:12px/18px Arial,sans-serif;border-width:1px;resize:none}
#game-social-panel #friend-invite button,#game-social-panel #chat-send button{box-sizing:border-box;min-height:30px;height:30px;margin:0;padding:5px 6px;font:11px/18px Arial,sans-serif}
.inventory-page-controls{position:relative;flex-shrink:0;padding:0 5px 4px;border-bottom:1px solid #645b45}
.game-window .inventory-page-controls .bag-tabs{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.game-window .inventory-page-controls .bag-tabs>button{height:30px;min-height:30px;font-size:12px}
.inventory-page-controls>[id=bag-capacity]{display:block;text-align:center;font:10px/15px Arial,sans-serif;color:#ded0a4}
/* RGB050101 is the native EXP board's most common dark base, not an orb texture tiled over the bar. */
.classic-taskbar{background:#050101;background-image:none;box-shadow:inset 0 1px #3a3533;column-gap:2px}
.classic-taskbar::before{content:none}
.taskbar-exp-group,.game-hud{background:none}
@media(max-width:600px){.classic-taskbar{--bar-hit:clamp(32px,10vw,40px)}.classic-taskbar .game-hud .hud-sprite::before{width:32px;height:32px}.game-hud{gap:0}.classic-taskbar{padding-left:max(2px,env(safe-area-inset-left));padding-right:max(2px,env(safe-area-inset-right))}}
.gm-tools{font:12px/1.4 Arial,sans-serif;color:#e1dac7}
#game-gm-menu{width:292px;max-width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:8px;background:url('assets/hud/windows/pattern/board_base.png') repeat;border:1px solid #84765b;backdrop-filter:none}
.gm-tools button{border:1px solid #81745a;background:#25251f;color:#e1dac7;font:12px/20px Arial,sans-serif;padding:3px 6px;min-height:28px;border-radius:0}
.gm-tools button:hover:not(:disabled){background:#3a3528;color:#fff1c5}
.gm-tools button:disabled{opacity:.7;cursor:wait}
#game-gm-menu button[aria-pressed=true]{outline:1px solid #e0bd72;background:#4b402a;color:#fff1c5}
.gm-speed-row{display:flex;align-items:center;gap:6px;white-space:nowrap}
.gm-speeds{display:flex;gap:2px;flex:1}
.gm-speeds button{flex:1;padding:3px 4px}
#gm-npc-open{display:block;margin:8px 0}
.gm-flight-row{display:flex;align-items:center;gap:6px;white-space:nowrap}
#gm-noclip-state{font-size:10px;color:#d7c59c}
#npc-list{max-height:180px;overflow:auto;margin:5px 0}
#npc-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;margin:3px 0}
#npc-list button:first-child{text-align:left;white-space:normal}
#npc-list [aria-pressed=true]{outline:1px solid #e0bd72}
#npc-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px;border:0;padding:0;margin:0;min-width:0}
#npc-fields label{margin:0;min-width:0}
#npc-fields label:has([type=range]),#npc-map-pick,#npc-save{grid-column:1 / -1}
#npc-fields input{width:100%}
#npc-map-pick[aria-pressed=true]{outline:1px solid #e0bd72}
#game-costume-shop{width:min(270px,calc(100% - 16px))}
#costume-shop-icon{object-fit:contain;display:block;margin:auto}

/* Player sidebar replaces the complete horizontal taskbar. Existing window IDs/handlers stay authoritative. */
.player-menu{position:absolute;z-index:15;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));width:min(190px,calc(100vw - 174px));max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;background:var(--ui-overlay);border:1px solid var(--ui-border);border-radius:3px;color:var(--ui-text);pointer-events:auto;box-shadow:0 4px 16px #0006}
.player-menu-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:4px}.player-menu-head img{width:calc(100% - 30px);max-height:66px;object-fit:contain}.player-menu-head button{min-width:30px;min-height:36px;background:var(--ui-soft);border:1px solid var(--ui-border);color:var(--ui-text);font-size:24px}
#player-menu-content{overflow:auto;overscroll-behavior:contain;padding:4px;min-height:0}.player-menu nav{display:grid;gap:3px}.player-menu-action{display:flex;align-items:center;gap:7px;width:100%;min-height:38px;border:1px solid transparent;background:none;color:var(--ui-text);text-align:left;padding:3px;font:12px/1.3 Arial,sans-serif}.player-menu-action .hud-sprite{pointer-events:none}.player-menu-action:hover,.player-menu-action[aria-expanded=true]{background:var(--ui-selected);border-color:var(--ui-accent)}.player-menu-action[aria-expanded=true] .hud-sprite::before{background-image:var(--sprite-pressed)}
.player-menu.compact{width:52px}.player-menu.compact .player-menu-label,.player-menu.compact .player-menu-head img,.player-menu.compact .taskbar-exp-group,.player-menu.compact .menu-vitals{display:none}.player-menu.compact .player-menu-head{justify-content:center}.player-menu.compact .player-menu-action{justify-content:center;padding:0}
.player-menu .taskbar-exp-group{--orb-scale:1;--taskbar-height:42px;display:flex;align-items:center;flex-wrap:wrap;margin-top:5px;gap:2px;position:relative}.player-menu #exp-info{height:42px;max-width:100%}.player-menu #exp-info-note{position:static;max-width:100%;width:100%;font-size:10px;padding:3px;white-space:normal}.player-menu .exp-info-wrap{max-width:100%}.player-menu .menu-vitals{font:10px/1.4 Arial,sans-serif;color:var(--ui-muted);padding:3px;margin:4px 0}
.game-touch{left:calc(8px + env(safe-area-inset-left));bottom:calc(64px + env(safe-area-inset-bottom))}.training-interact{bottom:calc(12px + env(safe-area-inset-bottom))}.game-window{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.game-status{bottom:calc(115px + env(safe-area-inset-bottom))}.in-game .toast{bottom:calc(12px + env(safe-area-inset-bottom))}
@media(pointer:coarse){.player-menu{max-height:calc(100dvh - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.player-menu-action{min-height:42px}}
.game-loading{padding:0;display:block;background-color:#10120f;background-size:cover;background-position:center;opacity:1}
.game-screen[data-loading=true] .game-loading-card,.game-loading-card{position:absolute;left:0;right:0;bottom:calc(65px + env(safe-area-inset-bottom));width:100%;max-height:50dvh;overflow:auto;border:0;box-shadow:none;background:none;padding:12px 20px;color:#e9e5cb;font:11px/1.4 Arial,sans-serif;text-shadow:1px 1px 1px #000,-1px -1px #000}
.game-loading-card .loading-logo{display:block;width:min(230px,48vw);height:auto;object-fit:contain;margin:0 auto 10px}.game-loading-card h2,.game-loading-card p{font:11px/1.4 Arial,sans-serif;margin:4px}.game-loading-card .loading-spinner{display:inline-block;width:14px;height:14px;border-width:2px}.game-loading-card progress{width:min(230px,80%);height:5px;display:block;margin:8px auto}.game-screen[data-loading=true]>.game-status{font-size:11px;bottom:calc(4px + env(safe-area-inset-bottom));max-height:60px}.game-screen[data-loading=true]>.game-status p{font-size:11px;margin:0;padding:3px}
.game-loading[data-wallpaper=warrior]{background-image:url("assets/ui/entry/warrior-desktop.webp")}
.game-loading[data-wallpaper=sura]{background-image:url("assets/ui/entry/sura-desktop.webp")}
.game-loading[data-wallpaper=ninja]{background-image:url("assets/ui/entry/ninja-desktop.webp")}
.game-loading[data-wallpaper=shaman]{background-image:url("assets/ui/entry/shaman-desktop.webp")}
@media(max-width:700px) and (orientation:portrait){
.game-loading[data-wallpaper=warrior]{background-image:url("assets/ui/entry/warrior-mobile.webp");background-position:center top}
.game-loading[data-wallpaper=sura]{background-image:url("assets/ui/entry/sura-mobile.webp");background-position:center top}
.game-loading[data-wallpaper=ninja]{background-image:url("assets/ui/entry/ninja-mobile.webp");background-position:center top}
.game-loading[data-wallpaper=shaman]{background-image:url("assets/ui/entry/shaman-mobile.webp");background-position:center top}
}

.game-loading-card h2,.game-loading-card p{font:400 12px/16px Arial,sans-serif;color:#dccb9b;text-shadow:0 1px 2px #171009}

/* Runda12: shared window chrome/layout and compact currency, no per-title offsets. */
.player-menu:not(.compact){width:min(232px,calc(100vw - 32px))}
.player-menu-head{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:10px;padding:5px 10px 5px 6px;min-height:42px}
.player-menu-head img{width:100%;max-height:42px}.player-menu-head button{display:grid;place-items:center;padding:0;width:32px;height:32px;min-height:32px;line-height:1}
.player-menu .taskbar-exp-group{justify-content:center;width:100%;gap:8px}
#exp-info-note{display:none!important}#exp-info{cursor:default}
.game-window{max-width:calc(100% - 24px);max-height:calc(100% - 24px);overflow:hidden;display:flex;flex-direction:column}
.game-window>.window-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.inventory-wallet{display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:100%;width:max-content;margin:4px 0 0 auto;padding:3px 5px;font-variant-numeric:tabular-nums}
.inventory-wallet img{width:16px;height:16px;object-fit:contain}
#specialization-panel{display:grid;gap:8px}.specialization-skills{display:grid;gap:6px}.specialization-skill{display:flex;align-items:center;gap:8px}.specialization-skill img{width:32px;height:32px;image-rendering:auto}
@media(max-width:600px){.player-menu:not(.compact){width:min(216px,calc(100vw - 32px))}.game-window{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}

/* Natural content height; viewport/safe-area limits are supplied by the shared window placer. */
.game-window,.game-window.settings-menu{height:auto;min-height:0;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.game-window>.window-body{height:auto;max-height:none;min-height:0;flex:0 1 auto;overflow:auto;overscroll-behavior:contain}
#npc-list{height:auto;max-height:none;overflow:visible;margin:5px 0}
.npc-search-controls{display:flex;align-items:center;gap:6px}.npc-search-controls input{min-width:0;flex:1;width:100%}#npc-search-result{font-size:11px;margin:5px 0}
/* Native 32px image: red field occupies y=2..18 (center10.5){--native-title-center:10.5px;position:relative;height:26px;min-height:26px;flex:0 0 26px;padding:0 32px;margin:0 -2px 2px;overflow:visible;display:block;background:url('assets/hud/windows/pattern/titlebar_left.png') left top no-repeat}
.gm-tools{top:auto;left:calc(8px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100% - 16px);z-index:18}
#game-gm-menu{width:min(310px,calc(100% - 16px));padding:8px;overflow:hidden}
#game-gm-menu .window-body{font:12px/1.4 Arial,sans-serif;color:#e1dac7}
#game-gm-menu .window-body button{border:1px solid #81745a;background:#25251f;color:#e1dac7;font:12px/20px Arial,sans-serif;padding:3px 6px;min-height:28px;border-radius:0}
#game-gm-menu .window-body button[aria-pressed=true]{outline:1px solid #e0bd72;background:#4b402a}
#game-gm-menu .window-body button:hover:not(:disabled){background:#3a3528}
#game-gm-menu .window-body button:disabled{opacity:.6}
@media(pointer:coarse),(max-width:850px){.gm-tools{bottom:calc(184px + env(safe-area-inset-bottom))}}

.game-loading-card #game-loading-exit,.game-loading-card #load-trace-save{display:block;margin:10px auto;min-height:44px}

.game-loading-card #game-loading-exit.hidden{display:none!important}

/* Compact header and list share their actual content axis, including scrollbar gutter. */
.player-menu.compact{width:58px}
.player-menu.compact #player-menu-content{scrollbar-width:thin}
.player-menu.compact .player-menu-head{display:flex;justify-content:center;align-items:center;gap:0;width:calc(100% - var(--player-menu-gutter,0px));min-height:48px;padding:2px}
.player-menu.compact .player-menu-action{justify-content:center;align-items:center}
#player-menu-toggle{display:grid;place-items:center;font-size:0}
.player-menu.compact #player-menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px}
#player-menu-toggle svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(180deg)}
.player-menu.compact #player-menu-toggle svg{transform:none}
.camera-orbit{position:absolute;z-index:16;right:calc(16px + env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));display:grid;place-items:center;width:64px;height:64px;min-width:64px;padding:12px;border:1px solid #b8a476;border-radius:50%;background:#111923d9;color:#e8d4a6;box-shadow:0 3px 10px #0006;touch-action:none;user-select:none;cursor:grab}
.camera-orbit svg{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.camera-orbit[aria-pressed=true]{background:#3c3a30;cursor:grabbing}
.camera-orbit:focus-visible{outline:2px solid #f1d496;outline-offset:3px}
.game-screen[data-loading=true]>.camera-orbit,.game-screen[data-reconnecting=waiting]>.camera-orbit,.game-screen[data-reconnecting=failed]>.camera-orbit{visibility:hidden;pointer-events:none}