/* M2Clicker screenshots inform layout and palette; artwork is original Metin2. */
:root{--bg:#0c0c0a;--panel:#1d1b16;--line:#514635;--text:#e5d9b8;--muted:#aa9f87;--gold:#d5a34f;--green:#a5b285}
body{background:radial-gradient(ellipse at 65% 0,#30291c 0,#10100d 55%,#090a08);font-size:14px}
.topbar{height:65px;background:linear-gradient(110deg,#080a08,#242016);border-bottom:1px solid #715633;position:relative;z-index:11}.brand small{letter-spacing:1.8px;color:#a59878}.crest{border-color:#856537;color:#e3b360;border-radius:2px}.gold,.brand .gold{color:#dfb66b}
.layout{grid-template-columns:180px minmax(0,1fr) 245px;max-width:1540px}.adventure{padding:0 26px 40px;min-width:0}.sidebar,.details{background:#0c0d0bd9;border-color:#493d2a}.sidebar{padding-top:30px}.details{padding-top:30px}
.player-strip{position:sticky;top:0;z-index:8;background:linear-gradient(105deg,#0d0e0b,#272218);border:0;border-bottom:1px solid #8d6837;box-shadow:0 3px 15px #0006;padding:15px 8px;margin:0 -8px 22px;gap:18px}.identity{min-width:155px}.identity strong{font:25px/1.2 Georgia,serif;color:#e9dcb7}.identity small{font-size:12px;color:#a89d84}.avatar{display:block;width:46px;height:46px;padding:3px;background:#11130e;border:1px solid #927042}.avatar img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.currency{color:#d7a44d}.currency strong{color:#d7a44d}.vitals meter{height:10px;border:1px solid #554c38;background:#080906}.vitals meter::-webkit-meter-bar{background:#090a07;border-radius:0;border:0}.vitals meter::-webkit-meter-optimum-value{background:linear-gradient(#a94c37,#843d2e)}#sp::-webkit-meter-optimum-value{background:linear-gradient(#588fa1,#3a6e83)}.experience{background:#0b0c08;border-color:#51432c;height:13px}.experience>div{background:#b08c41}.heading{margin:0 0 18px}h1{font:34px/1.2 Georgia,serif;color:#eddfb9}h2{font:29px/1.25 Georgia,serif;color:#ead9af}h3{font:23px/1.3 Georgia,serif;color:#e3cf9d}.eyebrow{color:#cd9c4e;font-size:10px;letter-spacing:1.5px}.pill{background:#17160f;border:1px solid #665332;color:#d2bc8b;font-size:10px}
.panel,.native-window,#panel-inventory{background:linear-gradient(135deg,#28241c,#171713 70%,#10110e);border:1px solid #685436;border-radius:0;box-shadow:inset 0 0 0 5px #11120e,inset 0 0 0 6px #433a29,0 7px 22px #0005;padding:26px;margin-top:24px;position:relative}.panel:before{content:'';position:absolute;top:-2px;left:-2px;width:34px;height:22px;border-top:3px solid #b48641;border-left:3px solid #b48641;pointer-events:none}.section-heading{border-bottom-color:#53452e;margin-bottom:18px}.section-heading h2,.section-heading h3{margin:0}.hint{color:#b3a58a;font-size:12px;line-height:1.7}.panel p{max-width:75ch}
button{background:linear-gradient(#302b20,#1c1b15);border-color:#725b37;color:#e4d1a2;border-radius:0;min-height:43px}button:hover{background:linear-gradient(#4a3822,#30251a);border-color:#b68c4c}.primary{background:linear-gradient(#573214,#2c190e);border-color:#ac7133;color:#f0d39b;font-weight:700;box-shadow:inset 0 0 0 2px #8a57202b}.primary:hover{background:linear-gradient(#70441d,#422814)}input,select{background:#0c0e0a;border:1px solid #615136;border-radius:0;color:#e6d4a9}.secondary{background:#25241a}.quiet{background:transparent}.scene{border:1px solid #6e5835;max-height:540px;aspect-ratio:16/10;border-radius:0;box-shadow:0 10px 30px #0008}.scene-caption{background:linear-gradient(transparent,#080a07d9);color:#e0cc9e;font-size:10px}.camera-controls button{background:#12150dde;border-color:#78633b}
body:not([data-view="farm"]) .scene{position:fixed;left:-10000px;top:0;width:640px;height:480px;pointer-events:none}body:not([data-view="farm"]) .experience{margin-bottom:24px}.mob-portrait{background:radial-gradient(#463e2b,#1b1c13);border-color:#6d5935}.mob-card{background:linear-gradient(110deg,#30291d,#171a12);border-color:#615238}.mob-info strong{color:#e5d3a5}.mob-info small,.map-card small{color:#b2a58a}.mob-action,.encounter-editor{border-color:#4e422c}.encounter-slot.selected{border-color:#daae60;box-shadow:inset 0 0 0 1px #94713d}.map-card{background:linear-gradient(135deg,#2d291c,#141711);border-color:#685638}.map-medallion{background:#302b1e;border-color:#987640;color:#e1bc74}.map-card.current{border-color:#c79b4d}.map-card p{color:#bfb08d}.travel-progress{background:#292b1a;border-color:#a68549}.shop-sell-zone{border-color:#9c793d;color:#cfb17a}.native-window{background-color:#1a1a13}.inventory-grid{background:#0b0c09;border-color:#685437;box-shadow:0 0 0 5px #171710}.slot{background-color:#171a13}.slot:hover{background-color:#5b4b2a;outline-color:#d1a64d}.segmented button{background:#1a1812;border:1px solid #55452d}.segmented button.active{background:linear-gradient(#3c2a17,#251b11);border-bottom:3px solid #ba853c;color:#ebc478}.equipment{border:1px solid #685638}.auto-potions{margin:24px 0;padding:20px 0;border-top:1px solid #5c4b30;border-bottom:1px solid #5c4b30}.auto-potions .section-heading{border:0;margin-bottom:12px}.auto-potions form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.auto-potions label{font-size:12px;color:#bfb08f}.auto-potions label>span{display:flex;align-items:center;gap:8px}.auto-potions input{width:76px;font-size:18px}.auto-potions .hint{margin-bottom:0}.character-profile{display:flex;align-items:center;gap:24px;background:radial-gradient(at 20% 40%,#443a26,#211e17);border:1px solid #695334;padding:28px;margin:20px 0}.character-profile>img{width:110px;height:110px;object-fit:contain;image-rendering:pixelated}.character-profile h2{margin:0}.character-profile p:last-child{color:#c8a56b}.stats .stat{background:#191a12;border-color:#51442d;color:#cbb68b}.attribute-table{border:1px solid #5d4c30;margin:20px 0}.attribute-table h3{margin:0;padding:10px 16px;background:#2b2517;font-size:17px;letter-spacing:1px}.attribute-table>div{display:flex;justify-content:space-between;padding:10px 16px;border-top:1px solid #3c3525}.skill{background:linear-gradient(110deg,#29261b,#141611);border:1px solid #665332;padding:18px}.skill strong{font:21px Georgia,serif;color:#dfc18a}.skill small{color:#b49662}.auth{inset:65px 0 0;background:radial-gradient(ellipse at 55% 20%,#3b3020f5,#10130ffb 70%)}.auth-card{max-width:540px}.auth h1{color:#eddfb9}.auth em{color:#d8ac62}.auth-description,.auth-footer{color:#b0a184}.character-choice button{padding:18px;border:1px solid #8a6e42;background:linear-gradient(115deg,#332e23,#1e1e17);gap:16px}.character-choice img{width:65px;height:65px;object-fit:contain}.character-choice strong{font:23px Georgia,serif}.character-choice small{color:#d4a759}.menu-toggle{font-size:22px;min-width:42px;border:0;background:none;padding:4px;color:#bd914e}.journey-drawer{position:fixed;top:0;bottom:0;left:0;width:min(340px,85vw);background:#0c0d0a;border-right:4px solid #675638;z-index:40;padding:20px;transform:translateX(-100%);transition:transform .2s;overflow:auto}.drawer-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.drawer-title strong{font:32px Georgia,serif;color:#e6ce98}.drawer-title span{color:#d39b45}.drawer-title button{font-size:28px;background:none;border:0}.journey-drawer nav{flex-direction:column;gap:12px}.journey-drawer nav button{flex-direction:row;font-size:19px!important;min-height:62px}.journey-drawer nav button span{font-size:17px}.drawer-shade{position:fixed;inset:0;background:#000b;z-index:39;display:none}.menu-open .drawer-shade{display:block}.menu-open .journey-drawer{transform:none}nav button{border-radius:0;color:#ad9f83}nav button.active{background:linear-gradient(90deg,#3a2a16,#19180f);color:#eaca87;box-shadow:inset 3px 0 #d09f50}nav button img{width:27px;height:27px;object-fit:contain}nav b{background:#473a22;color:#ead2a0}
@media(max-width:1200px){.layout{grid-template-columns:170px minmax(0,1fr)}.adventure{padding:0 20px 35px}.player-strip{flex-wrap:wrap}.vitals{min-width:150px}.auto-potions form{grid-template-columns:1fr 1fr}.auto-potions form>button{grid-column:1/-1}}
@media(max-width:700px){body{font-size:14px}.topbar{height:55px;padding:0 10px;gap:9px}.brand{font-size:20px}.crest{display:none}.connection{font-size:9px}.layout{display:block}.adventure{padding:0 12px 95px}.player-strip{top:0;margin:0 -12px 20px;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:10px}.identity{min-width:0;gap:10px}.identity strong{font-size:22px}.identity small{font-size:11px}.avatar{width:38px;height:38px}.currency{grid-column:2;grid-row:1}.currency strong{font-size:18px}.currency span{font-size:8px}.vitals{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.vitals>div{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.vitals meter{flex:1;width:60px}.vitals span{font-size:10px;width:18px}.vitals small{font-size:9px;width:100%;text-align:right}.heading h1{font-size:27px}.heading{margin-bottom:14px}.scene{margin:0 -12px;max-width:none;width:calc(100% + 24px);height:min(65dvh,530px);min-height:340px;max-height:none;aspect-ratio:auto;border-left:0;border-right:0}.scene-caption{font-size:9px}.panel,.native-window,#panel-inventory{padding:22px 15px;margin-top:24px}.section-heading h2{font-size:27px}.sidebar{background:linear-gradient(#1e1b12,#090b08);border-top:1px solid #725a33;padding:5px 2px calc(5px + env(safe-area-inset-bottom))}.sidebar nav button{min-width:0;min-height:55px;gap:4px;font-size:20px!important}.sidebar nav button span{font-size:9px;line-height:1.3}.sidebar nav button img{width:27px;height:27px}.sidebar nav button.active{background:linear-gradient(#332b1c,#11130d);box-shadow:inset 0 2px #d1a355}.auth{inset:55px 0 0}.inventory-layout{gap:28px}.inventory-layout>div{width:100%;display:flex;flex-direction:column;align-items:center}.inventory-grid{grid-template-columns:repeat(5,50px);grid-template-rows:repeat(9,50px)}.slot{width:50px;background-size:50px 50px}.inventory-layout h3{font-size:24px}.character-profile{padding:18px 12px;gap:14px}.character-profile>img{width:80px;height:90px}.character-profile h2{font-size:26px}.auto-potions .section-heading{flex-direction:column;align-items:start}.auto-potions form{gap:12px}.auto-potions label{font-size:11px}.auto-potions input{width:65px}.mob-info strong{font-size:18px}.mob-roster{max-height:520px}.shop-grid small{color:#d4a957}.merchant-layout .slot{width:29px;background-size:29px 29px}.storage-grid .slot{width:44px;background-size:44px 44px}.journey-drawer nav button{align-items:center;justify-content:start;text-align:left;padding:12px!important}.journey-drawer nav button span{font-size:17px}.character-choice button{flex-wrap:wrap}.character-choice strong{font-size:21px}.auth h1{font-size:44px}}
.skill-art{width:44px;height:44px;object-fit:contain;image-rendering:pixelated;flex:none}.skill-description{flex-basis:100%;color:#b4a282;font-size:13px;margin:10px 0 0;border-top:1px solid #50432c;padding-top:12px}.skill{flex-wrap:wrap}.currency>span:before{content:"";display:inline-block;width:14px;height:14px;background:url(/ui/assets/metin2/nav/yang.png) center/contain no-repeat;vertical-align:middle;margin-right:4px}

.mob-portrait{background:transparent;border:0}