/* Original Metin2 slot/equipment art; compact expedition panels. */
:root{--bg:#12140e;--panel:#22261a;--line:#55583b;--text:#e1dbc1;--muted:#a6ae91;--gold:#c5aa6b;--green:#9ba96b}
body{background:radial-gradient(ellipse at 45% 0,#343623,#14190f 65%);font-size:13px}.topbar{height:72px;background:linear-gradient(#2b2e20,#171e12);border-bottom:2px solid #77714b;padding:0 24px}.brand{font-size:24px}.brand small{font-size:8px}.layout{grid-template-columns:190px minmax(0,1fr) 245px;max-width:1600px}.sidebar{background:#151c11e8;border-color:#4b5135;padding:24px 9px}nav button{min-height:42px;padding:10px;font-size:12px;border-radius:2px}nav button.active{background:linear-gradient(90deg,#525436,#29321d);color:#ead6a2}.adventure{padding:20px 22px}.heading{margin-bottom:12px}h1{font-size:26px;color:#e8d6a5}h2{font-size:22px;color:#dac28b}h3{color:#cab47d}.eyebrow{font-size:9px;color:#b4a06a}.pill{border-radius:3px;border-color:#74764c;background:#29321c}.panel,.native-window{background:linear-gradient(135deg,#2e3221,#1a2416);border:1px solid #71714d;border-radius:3px;box-shadow:inset 0 0 0 1px #11190d,0 5px 15px #0006;padding:18px;margin-top:16px}.section-heading{padding-bottom:12px;border-bottom:1px solid #555839}.scene{border:2px solid #84805a;border-radius:3px;aspect-ratio:16/8;max-height:420px;box-shadow:0 5px 20px #0007}.scene-caption{font-size:9px}.player-strip{background:linear-gradient(#323d24,#1c2917);border:1px solid #626e43;padding:11px 14px}.experience{margin:0 0 12px;height:15px;background:#151d0f;border:1px solid #5c663b}.experience span{font-size:8px;top:0;right:5px}.vitals meter{height:9px}.currency strong{color:#e6cd72}.details{border-color:#53583a;background:#182111e8;padding:24px 17px}button{border-radius:2px;min-height:38px;padding:7px 12px;background:linear-gradient(#424b30,#2b361f);border-color:#6d734b;box-shadow:inset 0 1px #ffffff09;color:#e5dfc2}button:hover{background:linear-gradient(#59613e,#3b492a);border-color:#a9aa70}.primary{background:linear-gradient(#a48e54,#6f693c);border-color:#c7b777;color:#fff4ce;text-shadow:0 1px #4b4125}.primary:hover{background:linear-gradient(#bdaa69,#887d46)}input,select{background:#172010;color:#e1dfc5;border-color:#646e43;border-radius:2px}.auth{inset:72px 0 0;background:radial-gradient(ellipse at center,#3c442ae8,#10190f 75%)}.auth h1{color:#e1d2a9}.auth em{color:#d0b477}.camera-controls{right:8px;top:8px}.camera-controls button{min-width:36px;min-height:36px;font-size:18px;background:#1c2914ec}.camera-controls .active{border-color:#d8c084}.camera-controls span{font-size:9px}
.encounter-editor{margin-top:18px;border-top:1px solid #545a36;padding-top:14px}#encounter-slots{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px}.encounter-slot{padding:5px;min-width:90px;flex:1;max-width:145px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px}.encounter-slot.selected{border-color:#e0ca81;box-shadow:inset 0 0 0 1px #998451}.encounter-slot .mob-portrait{width:54px;height:54px}.mob-portrait{width:91px;height:91px;flex:none;object-fit:contain;background:radial-gradient(#525b32,#293c21 75%);border:1px solid #737c4e;border-radius:2px}.model-pending{display:flex;align-items:center;justify-content:center;font-size:8px;color:#b4be99;text-align:center}.mob-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;max-height:630px;overflow-y:auto;padding-right:4px}.mob-card{display:flex;align-items:center;gap:12px;padding:10px;text-align:left;background:linear-gradient(110deg,#3a4129,#28391f);border-color:#6a7549;min-width:0}.mob-info{display:flex;flex-direction:column;gap:5px;min-width:0}.mob-info strong{font:16px Georgia,serif;color:#e2d19e}.mob-info small{font-size:10px;color:#b6c29d}.mob-action{font-size:9px;color:#c7bc93;border-top:1px solid #5a653e;padding-top:6px}.more-mobs{grid-column:1/-1}.world-maps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.map-card{display:flex;flex-wrap:wrap;align-items:center;gap:13px;background:#303c22;border:1px solid #6a7649;padding:16px}.map-card.current{border-color:#d2ba72}.map-card h3{margin:0 0 5px}.map-card small{font-size:10px;color:#b6c39a}.map-card p{font-size:11px;color:#d0c7a3}.map-card button{width:100%}.map-medallion{font-size:31px;width:49px;height:55px;display:grid;place-items:center;border:1px solid #92905c;background:#414f2d;color:#dec98a}.travel-progress{padding:18px;border:1px solid #c3ad68;background:#455333;color:#f0dea6;margin-bottom:15px}.village-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.village-services button{min-height:63px;font-family:Georgia,serif;font-size:16px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.shop-grid button{display:grid;justify-items:center;align-content:center;gap:5px;font-size:10px;min-height:130px}.shop-grid img{height:56px;width:40px;object-fit:contain}.shop-grid small{color:#e0c47d}.shop-sell-zone{padding:20px;margin-top:12px;border:1px dashed #b29455;text-align:center;color:#d8be83}.storage-grid{display:grid;grid-template-columns:repeat(5,44px);grid-auto-rows:44px;gap:0;max-height:440px;overflow-y:auto;width:max-content;max-width:100%}#village-inventory{max-width:260px;margin:16px auto}.inventory-layout{grid-template-columns:230px 234px;justify-content:center;gap:32px}.inventory-grid{grid-template-columns:repeat(5,44px);grid-template-rows:repeat(9,44px);gap:1px;width:max-content;background:#111b0e;padding:4px;border:1px solid #8a895a;box-shadow:inset 0 0 0 2px #2b3a20}.slot{min-width:0;min-height:0;width:44px;border:0;border-radius:0;background:#263b20 url('/ui/assets/metin2/slot32.png') repeat-y center top;background-size:44px 44px;padding:0;box-shadow:none;position:relative;touch-action:pan-y;user-select:none}.slot.occupied{touch-action:none}.slot:hover{background-color:#536539;outline:1px solid #c9bd7e;z-index:1}.slot img{width:100%;height:100%;object-fit:contain;pointer-events:none}.slot b{position:absolute;right:2px;bottom:1px;font-size:11px;color:white;text-shadow:1px 1px 2px black}.equipment{position:relative;display:block;width:218.4px;height:263.2px;background:url('/ui/assets/metin2/equipment.png') no-repeat center/100% 100%;margin:10px auto 20px}.equipment button{position:absolute;padding:0;border:0;background:transparent;box-shadow:none;min-height:0;width:44.8px;height:44.8px;touch-action:none}.equipment button:hover{outline:1px solid #d0c48a;background:#afbd6430}.equipment button>span{display:none}.equipment img{max-width:100%;width:100%;height:100%;max-height:100%;object-fit:contain}.equipment [data-wear="90"]{left:58.8px;top:56px;height:89.6px}.equipment [data-wear="91"]{left:58.8px;top:7px}.equipment [data-wear="92"]{left:58.8px;top:207.2px}.equipment [data-wear="93"]{left:109.2px;top:98px}.equipment [data-wear="94"]{left:8.4px;top:8.4px;height:134.4px}.equipment [data-wear="95"]{left:163.8px;top:121.8px}.equipment [data-wear="96"]{left:163.8px;top:77px}.equipment [data-wear="97"]{left:7px;top:162.4px}.equipment [data-wear="98"]{left:109.2px;top:162.4px}.equipment [data-wear="99"]{left:163.8px;top:5.6px}.equipment [data-wear="100"]{left:109.2px;top:53.2px}.drag-ghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);padding:3px;filter:drop-shadow(0 3px 4px #000);opacity:.9}.drag-ghost img{max-width:60px;max-height:130px;object-fit:contain}.item-dragging,.item-dragging *{cursor:grabbing!important;user-select:none!important}.segmented button{min-width:43px}.segmented button.active{color:#f0d89d;border-color:#cfb974}.hint{font-size:11px;color:#b3bd9b}.native-window h3{margin:0}.native-window{padding:15px}#storage-login small{font-size:10px;color:#bbc7a1}
@media(max-width:1200px){.layout{grid-template-columns:170px minmax(0,1fr)}.inventory-layout{gap:20px}.adventure{padding:19px}.mob-card{gap:8px}.mob-portrait{width:72px;height:80px}.mob-info strong{font-size:14px}}
@media(max-width:700px){.topbar{height:64px;padding:0 12px}.brand{font-size:21px}.brand small{display:none}.layout{display:block}.adventure{padding:15px 10px 85px}.auth{inset:64px 0 0}.auth h1{font-size:40px}.sidebar{overflow-x:auto;padding:4px 2px calc(4px + env(safe-area-inset-bottom));background:#26321b;border-top-color:#909459}nav{min-width:410px}nav button{min-width:56px;min-height:47px;font-size:15px!important}nav button span{font-size:7px}.scene{aspect-ratio:4/3;max-height:310px;min-height:215px}.camera-controls span{display:none}.camera-controls button{min-width:33px;min-height:35px}.heading h1{font-size:23px}.panel{padding:14px 11px}.player-strip{padding:9px 5px;gap:8px}.identity{min-width:85px;font-size:10px}.vitals small,.vitals span{font-size:8px}.currency strong{font-size:13px}.inventory-layout{grid-template-columns:1fr;gap:10px;justify-items:center}.inventory-layout h3{text-align:center}.inventory-grid{grid-template-columns:repeat(5,46px);grid-template-rows:repeat(9,46px)}.slot{width:46px;background-size:46px 46px}.equipment{margin-bottom:5px}.mob-roster{grid-template-columns:1fr;max-height:530px}.mob-card{padding:9px;gap:12px}.mob-portrait{width:83px;height:83px}.mob-info strong{font-size:16px}.encounter-slot{min-width:67px;font-size:8px;max-width:100px}.encounter-slot .mob-portrait{width:42px;height:42px}.world-maps{grid-template-columns:1fr}.village-services,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-grid{grid-template-columns:repeat(5,44px)}.storage-grid .slot{width:44px}.experience{margin-bottom:10px}.section-heading{gap:8px}.section-heading h2{font-size:21px}#encounter-slots{gap:4px}.native-window{padding:10px}.scene-caption{padding:16px 9px 9px;font-size:8px}.camera-controls{top:5px;right:5px;gap:3px}}

.merchant-layout{display:grid;grid-template-columns:minmax(0,1fr) 234px;gap:15px;align-items:start}.merchant-layout .native-window{min-width:0}.merchant-layout #village-inventory{margin:24px 0 0}.merchant-layout .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:344px;overflow-y:auto}.merchant-layout .storage-grid{margin:auto}.merchant-layout .shop-sell-zone{padding:12px}
@media(max-width:700px){.merchant-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.merchant-layout .native-window{padding:5px}.merchant-layout .section-heading{flex-wrap:wrap}.merchant-layout h3{font-size:15px}.merchant-layout .inventory-grid,.merchant-layout .storage-grid{grid-template-columns:repeat(5,29px);grid-auto-rows:29px;grid-template-rows:repeat(9,29px);gap:0;padding:0}.merchant-layout .slot,.merchant-layout .storage-grid .slot{width:29px;background-size:29px 29px}.merchant-layout .shop-grid{grid-template-columns:1fr;max-height:270px}.merchant-layout .shop-grid button{min-height:90px}.merchant-layout .shop-grid img{height:35px}.merchant-layout .hint{font-size:9px}.merchant-layout #village-inventory{margin-top:24px}}

#panel-inventory,.native-window{background-image:url('/ui/assets/metin2/pattern/board_corner_lefttop.png'),url('/ui/assets/metin2/pattern/board_corner_righttop.png'),url('/ui/assets/metin2/pattern/board_corner_leftbottom.png'),url('/ui/assets/metin2/pattern/board_corner_rightbottom.png'),url('/ui/assets/metin2/pattern/board_base.png');background-position:top left,top right,bottom left,bottom right,center;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;border-color:#797365;color:#e2d8bc}.segmented button{background:#30322b url('/ui/assets/metin2/tab-small-1.png') center/100% 100%;border:0;color:#bbb9a2}.segmented button.active{background-image:url('/ui/assets/metin2/tab-small-2.png');color:#f1d995}.native-window .section-heading{border-bottom-color:#786f5e}

@media(max-width:700px){.sidebar nav{min-width:0}.sidebar nav button{min-width:0;overflow-wrap:anywhere}.sidebar nav button span{font-size:7px}}