/* Menu destinations: compact, readable forest surfaces. */
.leaderboard-win .rank-medal{display:inline-grid;place-items:center;min-width:25px;height:25px;background:#23392c;border:1px solid #607355;border-radius:3px;font:700 12px 'Outfit',sans-serif;color:#c5d2bc}
.leaderboard-win .rank-1{color:#ffe0a0;border-color:#c7a65d;background:#50442c}
.leaderboard-win .rank-2{color:#e2eaf0;border-color:#98aab6;background:#33424a}
.leaderboard-win .rank-3{color:#f0c5a7;border-color:#b18261;background:#49372c}
.tut-ic .gi{image-rendering:pixelated}
#news-overlay .news-remake,#tut-overlay .tut-card{
 box-sizing:border-box;width:min(700px,94vw);max-width:94vw;max-height:88vh;
 background:radial-gradient(circle at 1px 1px,#ffffff09 .5px,transparent 1px) 0 0/7px 7px,#192820;
 border:1px solid #a18b5d;border-radius:4px;color:#dce3d4;
 box-shadow:0 20px 60px #000a,inset 0 0 0 3px #101c17;
 font-family:'Outfit',system-ui,sans-serif;
}
#news-overlay .news-remake{display:flex;flex-direction:column;padding:0;overflow:hidden}
.news-remake .news-title{display:flex;align-items:center;gap:10px;margin:0;padding:18px 22px;border-bottom:1px solid #657454;color:#ecd59f;font:700 23px 'Outfit',sans-serif}
.news-remake .news-archive{overflow:auto;min-height:0;padding:16px 20px}
.news-remake .news-entry{margin:0 0 10px;padding:0;border:1px solid #495f4e;background:#11201980;border-radius:3px}
.news-remake .news-head{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px;list-style:none}
.news-remake .news-head::after{content:'+';color:#d9bd7f;font-size:21px}
.news-remake details[open]>.news-head::after{content:'−'}
.news-remake .news-h{font:700 15px 'Outfit',sans-serif;color:#e7d6af}
.news-remake .news-date{font:11px 'Outfit',sans-serif;color:#a7b9a8;margin-left:auto}
.news-remake .news-list{padding:0 22px 16px 34px;margin:0;line-height:1.65;font-size:13px}
.news-remake .news-list li{padding:6px 0;border-bottom:1px solid #68785822}
.news-remake .news-ok{align-self:flex-end;margin:12px 20px 16px;min-width:120px;background:#365140;border:1px solid #a68e59;color:#f0dfb3}
#win-lb.leaderboard-win{width:min(660px,94vw);max-width:94vw}
#win-lb.leaderboard-win .win-body{min-width:0;max-width:none;width:auto;max-height:62vh;padding:14px}
.leaderboard-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:12px;margin:0;background:#14231d;border-bottom:1px solid #586a50}
.leaderboard-tabs .lb-tab{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;font:600 12px 'Outfit',sans-serif;cursor:pointer}
.lb-heading{display:flex;align-items:center;gap:12px;padding:2px 4px 14px;border-bottom:1px solid #607153;margin-bottom:10px}
.lb-heading div{display:flex;flex-direction:column;gap:3px}.lb-heading b{color:#ecd39d;font-size:20px}.lb-heading small{color:#9eb29f;font-size:11px}
.leaderboard-win .lb-row{display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid #4b5e4b;border-radius:3px;margin-bottom:5px;background:#14241d}
.leaderboard-win .lb-row.top{background:#35432b;border-color:#a38c59}
.leaderboard-win .lb-name{flex:1;min-width:0;overflow-wrap:anywhere;font:600 13px 'Outfit',sans-serif}
.leaderboard-win .lb-val{margin-left:auto;font:700 12px 'Outfit',sans-serif;color:#ead4a0;font-variant-numeric:tabular-nums}
.leaderboard-win .lb-eye{background:#293d30;border:1px solid #708361;border-radius:3px;min-width:30px;min-height:30px}
.leaderboard-win .sr-dungeon{padding:12px;background:#15251e;border:1px solid #53674e;border-radius:3px;margin-bottom:10px}
.leaderboard-win .sr-dungeon-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
html body .leaderboard-win .sr-dungeon-tab{flex:1 1 150px;min-height:44px;padding:10px 12px;background:#132b1f url('/assets/ui/clan/button-normal-texture-v1.png') repeat!important;background-size:128px 128px!important;border:1px solid #53674e!important;color:#e7dfc5!important;font:700 12px/1.35 Cinzel,MedievalSharp,serif;white-space:normal}
html body .leaderboard-win .sr-dungeon-tab:hover{background-image:url('/assets/ui/clan/button-hover-texture-v1.png')!important;border-color:#c9a35c!important}
html body .leaderboard-win .sr-dungeon-tab.active{background-image:url('/assets/ui/clan/button-selected-texture-v1.png')!important;border-color:#e1c77d!important;color:#e1c77d!important;box-shadow:inset 0 -2px 0 #c9a35c}
.leaderboard-win .sr-dungeon-tab:focus-visible{outline:2px solid #e1c77d;outline-offset:2px}
.leaderboard-win .sr-h{color:#e3c88d}.leaderboard-win .sr-row{padding:8px 0;border-bottom:1px solid #697b4e33}
.win.graphics-remake{width:min(650px,94vw);max-width:94vw}
.graphics-remake .win-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:76vh;min-width:0;max-width:none}
.graphics-remake .graphics-section{margin:0!important;padding:15px!important;border:1px solid #52664f!important;border-radius:3px;background:#13241dbb;min-width:0}
.graphics-remake .graphics-section-title{font:700 15px 'Outfit',sans-serif!important;color:#e6cf99!important;border-bottom:1px solid #52664f;padding-bottom:10px;margin-bottom:12px!important}
.graphics-remake label{color:#d1ddca!important;line-height:1.5;padding:6px 0}
.graphics-remake input[type=checkbox]{appearance:auto;width:18px!important;height:18px!important;flex:0 0 18px;accent-color:#a6c895}
.graphics-remake input[type=range]{accent-color:#c8ad70;min-height:24px}
.graphics-remake button{background:#2e4535;border:1px solid #8a9664;color:#ebdab5;border-radius:3px}

/* Settings hub: one clear category at a time instead of a long mixed grid. */
.win.graphics-remake{width:min(790px,96vw);max-width:96vw}
.graphics-remake .win-body{display:block;padding:0!important;max-height:min(78vh,650px);overflow:hidden;background:#0d1915}
.settings-shell{display:grid;grid-template-columns:190px minmax(0,1fr);height:min(650px,78vh);min-height:420px;font-family:'Outfit',system-ui,sans-serif}
.settings-nav{display:flex;flex-direction:column;gap:5px;padding:14px 10px;background:#101e19;border-right:1px solid #50604b;overflow-y:auto}
.settings-tab{display:grid!important;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:58px;padding:8px 9px!important;text-align:left!important;background:transparent!important;border:1px solid transparent!important;border-radius:7px!important;color:#aebcab!important;text-transform:none!important;letter-spacing:0!important;text-shadow:none!important}
.settings-tab:hover{background:#1b3026!important;border-color:#405443!important}
.settings-tab.active{background:#304537!important;border-color:#c0a362!important;color:#f1dfb8!important;box-shadow:inset 3px 0 #d6b66d!important}
.settings-tab-icon{display:grid;place-items:center;width:28px;height:28px;color:#e4c67f;font-size:17px}
.settings-tab>span:last-child{display:flex;flex-direction:column;min-width:0;gap:2px}
.settings-tab b{font:700 13px/1.2 'Outfit',sans-serif}
.settings-tab small{font:10px/1.25 'Outfit',sans-serif;color:#829187;white-space:normal}
.settings-tab.active small{color:#b8c4b6}
.settings-tab-chevron,.settings-mobile-intro,.settings-mobile-back{display:none}
.settings-pages{min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:18px}
.settings-page{display:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px}
.settings-page.active{display:grid}
.settings-page-head{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:0 2px 13px;border-bottom:1px solid #50604b}
.settings-page-head>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #7b7654;border-radius:8px;background:#22362a;color:#ecd18e;font-size:20px}
.settings-page-head h3{margin:0;color:#efdaa9;font:700 20px/1.15 'Outfit',sans-serif}
.settings-page-head p{margin:3px 0 0;color:#8fa095;font:11px/1.3 'Outfit',sans-serif}
.graphics-remake .graphics-section{margin:0!important;padding:14px!important;border:1px solid #465a48!important;border-radius:8px!important;background:#13231d!important;min-width:0;align-self:start}
.graphics-remake .graphics-section-title{display:flex;align-items:center;min-height:27px;font:700 14px 'Outfit',sans-serif!important;color:#e6cf99!important;border-bottom:1px solid #435646!important;padding-bottom:9px;margin-bottom:9px!important}
.graphics-remake .graphics-section label{margin:0!important;padding:7px 0!important;border-bottom:1px solid #ffffff0a;color:#cbd7c7!important;font-size:12px!important}
.graphics-remake .graphics-section label:last-of-type{border-bottom:0}
.graphics-remake select{min-height:36px!important;background:#0c1814!important;border:1px solid #62715a!important;color:#e8dcc4!important}
.graphics-remake input[type=range]{width:100%!important;min-width:80px;accent-color:#d0ae65}
.graphics-remake .hud-editor-settings{grid-column:1/-1}
.graphics-remake .hud-editor-settings>div:last-child{flex-wrap:wrap}
.settings-zoom-controls{display:grid!important;grid-template-columns:40px minmax(54px,1fr) 40px 48px;gap:6px!important}
.settings-zoom-controls button{min-height:38px;padding:6px!important}
.settings-perf-log-title{margin-top:18px;padding-top:14px;border-top:1px solid #52664f;color:#e6cf99;font:700 14px 'Outfit',sans-serif}
.settings-perf-log-hint{display:block;margin:6px 0;color:#a9b9a9;font:11px/1.4 'Outfit',sans-serif}
.settings-perf-log-summary{margin:10px 0;padding:10px;border:1px solid #405444;background:#0d1c16;color:#d7e1d2;font:12px/1.5 'Outfit',sans-serif;overflow-wrap:anywhere}
.settings-perf-log-actions{display:flex;flex-wrap:wrap;gap:8px}
.settings-perf-log-actions button{min-height:40px;padding:8px 10px!important;font:700 12px 'Outfit',sans-serif!important}

@media(max-width:650px){
 .settings-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:min(82vh,650px);min-height:360px}
 .settings-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:7px;border-right:0;border-bottom:1px solid #50604b}
 .settings-tab{display:flex!important;justify-content:center;flex:1 0 auto;width:auto;min-width:62px;min-height:48px;padding:6px 8px!important}
 .settings-tab>span:last-child small{display:none}.settings-tab-icon{width:22px;height:22px}.settings-tab b{font-size:11px}
 .settings-tab.active{box-shadow:inset 0 -3px #d6b66d!important}
 .settings-pages{padding:10px}.settings-page{grid-template-columns:1fr;gap:8px}.settings-page-head{padding-bottom:8px}.settings-page-head>span{width:32px;height:32px}.settings-page-head h3{font-size:17px}
 .graphics-remake .graphics-section,.graphics-remake .hud-editor-settings{grid-column:1;padding:11px!important}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:600px){
 .win.graphics-remake{width:min(900px,96vw)}
 .graphics-remake .win-body{max-height:calc(100dvh - 62px)}
 .settings-shell{grid-template-columns:150px minmax(0,1fr);grid-template-rows:1fr;height:calc(100dvh - 62px);min-height:0}
 .settings-nav{flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:7px;border-right:1px solid #50604b;border-bottom:0}
 .settings-tab{display:grid!important;grid-template-columns:24px minmax(0,1fr);justify-content:initial;width:100%;min-width:0;min-height:46px;padding:5px 7px!important}
 .settings-tab>span:last-child small{display:block}.settings-tab.active{box-shadow:inset 3px 0 #d6b66d!important}
 .settings-pages{padding:9px}.settings-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.settings-page-head{padding-bottom:6px}.settings-page-head>span{width:30px;height:30px}.settings-page-head h3{font-size:16px}.settings-page-head p{margin-top:1px}
 .graphics-remake .graphics-section{grid-column:auto;padding:9px!important}.graphics-remake .hud-editor-settings{grid-column:1/-1}
}

/* Mobile: category landing screen followed by a focused settings page. */
body.mobile .win.graphics-remake{width:min(440px,100vw);max-width:100vw}
body.mobile .graphics-remake .win-body{display:flex;flex-direction:column;min-height:0;max-height:none;overflow:hidden;padding:0!important}
body.mobile .settings-shell{display:flex;flex-direction:column;flex:1 1 auto;width:100%;height:100%;min-height:0;background:#0b1713}
body.mobile .settings-nav{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:9px;flex:1 1 auto;padding:18px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow-y:auto;border:0;background:#0b1713}
body.mobile .settings-mobile-intro{display:flex;align-items:center;gap:14px;margin:0 0 6px;padding:3px 2px 16px;border-bottom:1px solid #6f704b}
body.mobile .settings-mobile-mark{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #a9915e;background:#26392b;color:#f4d895;font:28px/1 'Outfit',sans-serif;box-shadow:inset 0 0 0 3px #15251b}
body.mobile .settings-mobile-intro strong{display:block;color:#f0dcae;font:700 23px/1.1 'Outfit',sans-serif}
body.mobile .settings-mobile-intro small{display:block;margin-top:5px;color:#a8b9a7;font:12px/1.3 'Outfit',sans-serif}
body.mobile .settings-tab{display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px;justify-content:initial;gap:11px;width:100%;min-width:0;min-height:72px;padding:11px 13px!important;border:1px solid #53684f!important;border-left:3px solid #a58b58!important;border-radius:4px!important;background:#192b22!important;box-shadow:inset 0 2px #ffffff0b,0 3px #08130f!important}
body.mobile .settings-tab-icon{width:38px;height:38px;border:1px solid #677d5c;background:#273d2e;font-size:21px}
body.mobile .settings-tab b{font-size:15px;color:#f0dcaf}
body.mobile .settings-tab small{display:block!important;color:#a7b9a8;font-size:11px}
body.mobile .settings-tab-chevron{display:block;color:#d1b778;font-size:28px;line-height:1}
body.mobile .settings-pages{display:none;flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 14px max(18px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
body.mobile .settings-mobile-detail .settings-nav{display:none}
body.mobile .settings-mobile-detail .settings-pages{display:block}
body.mobile .settings-mobile-back{display:block;position:sticky;top:0;z-index:2;width:100%;min-height:48px;margin:0 0 12px;padding:10px 4px!important;text-align:left!important;border:0!important;border-bottom:1px solid #687451!important;border-radius:0!important;background:#0b1713!important;color:#e4ca8f!important;font:700 13px 'Outfit',sans-serif!important}
body.mobile .settings-page{grid-template-columns:minmax(0,1fr);gap:10px}
body.mobile .settings-page-head{padding-bottom:12px;margin-bottom:2px}
body.mobile .settings-page-head h3{font-size:20px}
body.mobile .settings-page-head p{font-size:12px}
body.mobile .graphics-section{grid-column:1!important;padding:13px!important;border-color:#52684f!important;border-radius:4px!important;background:#17291f!important}
body.mobile .graphics-section label{min-height:44px;font-size:13px!important;overflow-wrap:anywhere}
body.mobile .graphics-section select{max-width:55%;min-width:0!important;flex:0 1 auto}
body.mobile .graphics-section button{min-height:42px}
body.mobile .mobile-control-layout p{margin:0 0 12px;color:#adbcaa;font:12px/1.4 'Outfit',sans-serif}
body.mobile .mobile-control-layout button{width:100%}
body.mobile .settings-zoom-controls{grid-template-columns:44px minmax(44px,1fr) 44px 52px}
body.mobile .settings-tab:focus-visible,body.mobile .settings-mobile-back:focus-visible,body.mobile .graphics-section :focus-visible{outline:2px solid #ecd18e;outline-offset:2px}
@media (orientation:landscape) and (max-height:600px){
 body.mobile .win.graphics-remake{width:min(720px,96vw);max-width:96vw}
 body.mobile .settings-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 18px}
 body.mobile .settings-mobile-intro{grid-column:1/-1;margin-bottom:0;padding-bottom:10px}
 body.mobile .settings-tab{min-height:62px;padding:8px 11px!important}
 body.mobile .settings-pages{padding:0 16px 12px}
 body.mobile .settings-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body.mobile .settings-page-head{grid-column:1/-1}
 body.mobile .graphics-section{grid-column:auto!important}
 body.mobile .settings-page[data-page="controls"] .graphics-section,body.mobile .settings-page[data-page="performance"] .graphics-section{grid-column:1/-1!important}
 body.mobile .hud-editor-settings{grid-column:1/-1!important}
}
#tut-overlay .tut-card{display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-areas:'steps title' 'steps body' 'steps nav' 'steps check';padding:22px;gap:16px;overflow:auto;text-align:left}
#tut-overlay .tut-title{grid-area:title;margin:0;color:#ecd39d;font:700 23px 'Outfit',sans-serif}
#tut-overlay .tut-body{grid-area:body;min-height:210px;font-size:14px;line-height:1.65;color:#d5e0d0}
#tut-overlay .tut-dots{grid-area:steps;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;margin:0;padding-right:16px;border-right:1px solid #5c6f51}
#tut-overlay .tut-dot{display:block;width:auto;height:auto;min-height:34px;border-radius:3px;padding:8px;background:#1e3327;border:1px solid #56694f;color:#b9c9af;text-align:left;font:600 12px 'Outfit',sans-serif;cursor:pointer;opacity:1}
#tut-overlay .tut-dot::after{content:attr(title);margin-left:8px}
#tut-overlay .tut-dot.active{background:#3b5140;border-color:#c6a96a;color:#f6e2b3}
#tut-overlay .tut-nav{grid-area:nav;display:flex;gap:8px;flex-wrap:wrap;margin:0}
#tut-overlay .tut-nav button{padding:9px 12px;background:#283e30;border:1px solid #71825b;color:#dce5ce;border-radius:3px;font:600 12px 'Outfit',sans-serif}
#tut-overlay .tut-nav .tut-next{margin-left:auto;background:#3a5740;border-color:#c1a467;color:#ffe8b3}
#tut-overlay .tut-nav button:disabled{opacity:.35;cursor:default}
#tut-overlay .tut-noshow{grid-area:check;margin:0;font-size:11px;color:#a9bba2}
#tut-overlay .tut-noshow input{width:auto;accent-color:#a6c895}
@media(max-width:560px){
 .graphics-remake .win-body{grid-template-columns:1fr}
 .leaderboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 #tut-overlay .tut-card{grid-template-columns:1fr;grid-template-areas:'steps' 'title' 'body' 'nav' 'check';padding:16px;gap:12px}
 #tut-overlay .tut-dots{flex-direction:row;flex-wrap:wrap;border:0;padding:0;gap:5px}
 #tut-overlay .tut-dot{width:30px;text-align:center;padding:5px}
 #tut-overlay .tut-dot::after{display:none}
 .news-remake .news-head{flex-wrap:wrap}.news-remake .news-date{margin-left:0}
}

.social-choice-win{width:min(360px,94vw)}
.social-choice-win .win-body{display:grid;grid-template-columns:1fr;gap:12px}
.social-choice-win .rpg-btn{min-height:64px;width:100%}

body.mobile #win-socialMenu{width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:auto;align-self:center;margin-right:12px}

.rewards-shortcuts{position:fixed;z-index:9000;visibility:hidden;display:grid;gap:8px;width:180px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:10px;background:#111a20 url("/assets/ui/clan/panel-texture-v1.png") repeat;background-size:128px 128px;border:1px solid #c9a35c;box-shadow:inset 0 0 0 3px #0d1416}
.rewards-shortcuts .rpg-btn{min-height:48px;width:100%}

.rewards-shortcuts .rpg-btn{background:#132b1f url("/assets/ui/clan/button-normal-texture-v1.png") repeat;background-size:128px 128px;border:1px solid #647356;color:#e7dfc5}
.rewards-shortcuts .rpg-btn:hover{background-image:url("/assets/ui/clan/button-hover-texture-v1.png");border-color:#c9a35c}
.rewards-shortcuts .rpg-btn:focus-visible{outline:2px solid #e1c77d;outline-offset:2px}

.win.achievement-win{width:min(760px,94vw);max-width:94vw;box-sizing:border-box}
.achievement-win .win-body{display:flex;flex-direction:column;gap:12px;max-height:78dvh;padding:18px;min-width:0}
.achievement-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #53684f;background:#111a20 url('/assets/ui/clan/panel-texture-v1.png') repeat;background-size:128px 128px}
.achievement-header h3{margin:4px 0;color:#e1c77d;font:700 22px Cinzel,serif;overflow-wrap:anywhere}.achievement-header p,.achievement-header small{margin:0;color:#aab6a7;font:12px/1.5 Outfit,sans-serif}
.achievement-header strong{color:#e1c77d;font:700 36px Outfit,sans-serif;white-space:nowrap}.achievement-header strong span{display:block;color:#aab6a7;font-size:13px;text-align:right}
.achievement-meter{display:flex;gap:3px;height:6px}.achievement-meter i{flex:1;background:#303b32}.achievement-meter i.on{background:#c9a35c}
.achievement-filters,.achievement-categories{display:flex;flex-wrap:wrap;gap:6px}.achievement-filters .rpg-btn,.achievement-categories .rpg-btn{min-height:36px;padding:6px 12px;font:700 12px Outfit,sans-serif}
.achievement-filters [aria-pressed=true],.achievement-categories [aria-pressed=true]{border-color:#e1c77d;background-image:url('/assets/ui/clan/button-selected-texture-v1.png')}
.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:48dvh;min-height:0;overflow:auto;scrollbar-width:none}.achievement-grid::-webkit-scrollbar{display:none}
.achievement-card{display:flex;align-items:center;gap:10px;min-height:70px;padding:12px;box-sizing:border-box;border:1px solid #435a49;background:#132b1f url('/assets/ui/clan/button-normal-texture-v1.png') repeat;background-size:128px 128px;text-align:left;color:#b8c0b0;cursor:pointer;appearance:none}
.achievement-card img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.achievement-card span{font:700 13px/1.4 Outfit,sans-serif;overflow-wrap:anywhere}.achievement-card.locked img{opacity:.5}.achievement-card.unlocked{color:#e7dfc5;border-left:3px solid #c9a35c}.achievement-card:hover{background-image:url('/assets/ui/clan/button-hover-texture-v1.png');border-color:#c9a35c}.achievement-card:focus-visible{outline:2px solid #e1c77d;outline-offset:-3px}
.achievement-tip{max-width:320px;font:13px/1.5 Outfit,sans-serif}.achievement-tip b{display:block;color:#e1c77d;font-size:15px}.achievement-tip small{display:block;color:#aab6a7;margin:3px 0 8px}.achievement-tip p{margin:8px 0}
@media(max-width:620px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-win .win-body{padding:12px}.achievement-card{padding:9px;gap:8px;min-height:84px}.achievement-card img{width:30px;height:30px}.achievement-header h3{font-size:18px}}
.inspect-box .inspect-achievements{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:282px;margin:10px auto 0;padding-top:10px;border-top:1px solid #c9a35c55}
.inspect-box .inspect-achievements img{display:block;width:36px;height:36px;flex:0 0 36px;object-fit:contain;image-rendering:pixelated}
.inspect-box .win-body{max-height:78dvh;overflow-y:auto;scrollbar-width:none}
.inspect-box .win-body::-webkit-scrollbar{display:none;width:0;height:0}
html body #inspect-modal .inspect-box{width:min(720px,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px)}
html body #inspect-modal .win-body{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;max-height:82dvh}
.inspect-layout{display:grid;grid-template-columns:minmax(0,1fr) 222px;gap:18px;align-items:stretch}
html body #inspect-modal .inspect-fig{display:flex;align-items:center;justify-content:center;height:clamp(300px,52dvh,440px);min-width:0;margin:0;padding:16px;box-sizing:border-box;background:#111a20 url('/assets/ui/clan/panel-texture-v1.png') repeat;background-size:128px 128px;border:1px solid #53674e;image-rendering:pixelated}
html body #inspect-modal .inspect-model img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;filter:none}
.inspect-equipment{display:flex;flex-direction:column;justify-content:center;min-width:0}
html body #inspect-modal .inspect-fig{flex-direction:column;gap:10px}
.inspect-model{position:relative;flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.inspect-model canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.inspect-identity{flex:0 0 auto;max-width:100%;text-align:center;overflow-wrap:anywhere}
.inspect-identity .cos-preview-identity{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px}
.inspect-identity .cos-preview-name{font-size:17px}
.inspect-identity .cos-preview-title{width:100%;font-size:12px}
html body #inspect-modal .inspect-identity .cos-badgeFx{width:28px;height:28px;max-width:28px;max-height:28px;object-fit:contain;image-rendering:pixelated;filter:none}
.inspect-guild-name{display:block;margin-top:4px;color:#e1c77d;font:500 11px/1.3 Outfit,system-ui,sans-serif}
html body #inspect-modal .inspect-grid{display:grid;grid-template-columns:repeat(3,68px);gap:9px;justify-content:center;padding:0}
html body #inspect-modal .inspect-slot{width:68px;height:68px;box-sizing:border-box}
html body #inspect-modal .inspect-achievements{width:100%;max-width:none;margin:0;padding-top:12px;gap:10px;box-sizing:border-box}
@media(max-width:600px){
 .inspect-layout{grid-template-columns:minmax(0,1fr) minmax(130px,.85fr);gap:10px}
 html body #inspect-modal .win-body{padding:10px}
 html body #inspect-modal .inspect-fig{height:clamp(240px,48dvh,340px);padding:8px}
 html body #inspect-modal .inspect-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 html body #inspect-modal .inspect-slot{width:100%;height:auto;min-height:40px;aspect-ratio:1}
 html body #inspect-modal .inspect-slot .icimg{max-width:80%;max-height:80%}
 html body #inspect-modal .inspect-achievements{gap:6px}
}

/* ---- Polish Setari: carduri uniforme, controale coerente, fara scrollbar vizibil ---- */
.settings-nav,.settings-pages{scrollbar-width:none!important;-ms-overflow-style:none}
.settings-nav::-webkit-scrollbar,.settings-pages::-webkit-scrollbar{display:none}
.graphics-remake .settings-page{gap:14px;grid-auto-flow:row dense}
.graphics-remake .settings-page-head{padding-bottom:14px;margin-bottom:2px}
.graphics-remake .graphics-section{display:flex!important;flex-direction:column;gap:9px;padding:16px!important;border:1px solid #3f5444!important;border-radius:10px!important;background:linear-gradient(#15271f,#112019)!important;box-shadow:inset 0 1px #ffffff08,0 2px 8px #0005}
.graphics-remake .graphics-section:hover{border-color:#5a7058!important}
.graphics-remake .graphics-section>*{margin-top:0!important;margin-bottom:0!important}
.graphics-remake .graphics-section-title{display:flex;align-items:center;gap:8px;padding-bottom:10px!important;border-bottom:1px solid #3a4d3d!important;font:700 13px 'Outfit',sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:#e6cf99!important}
.graphics-remake .graphics-section label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px!important;border:0!important;border-radius:6px;background:#0d1914;color:#cbd7c7!important;font-size:12.5px!important;cursor:pointer}
.graphics-remake .graphics-section label:hover{background:#16281f}
.graphics-remake .graphics-section label.graphics-section-title{background:transparent;padding:0 0 10px!important;cursor:default}
.graphics-remake input[type=checkbox]{accent-color:#d6b66d;width:18px!important;height:18px!important}
.graphics-remake input[type=range]{accent-color:#d6b66d;width:100%!important;height:4px}
.graphics-remake select{min-height:34px;padding:6px 10px!important;background:#0d1914!important;border:1px solid #5a6b52!important;border-radius:6px!important;color:#ecdcb4!important;font:12.5px 'Outfit',sans-serif}
.graphics-remake select:hover,.graphics-remake select:focus{border-color:#d6b66d!important;outline:0}
.graphics-remake .graphics-section button,.graphics-remake .graphics-section .rpg-btn{min-height:36px;padding:0 14px;border:1px solid #6d7a54;border-radius:6px;background:#26392b;color:#f0dfb2;font:700 12.5px 'Outfit',sans-serif;cursor:pointer}
.graphics-remake .graphics-section button:hover{background:#34503a;border-color:#d6b66d}
.graphics-remake .graphics-section button.small{min-height:30px;font-size:11.5px}
.graphics-remake .graphics-section p,.graphics-remake .graphics-section .muted{margin:0!important;color:#8fa095!important;font-size:11.5px!important;line-height:1.45}
.graphics-remake .graphics-section output{color:#d9c78e;font-size:12px}
.graphics-remake .settings-page[data-page="performance"] .graphics-section,.graphics-remake .settings-page[data-page="controls"] .graphics-section{grid-column:1/-1}

/* ===== Setari in joc: acelasi aspect cu "Setari grafice" din launcher (titlu mare, nav simplu, subtitlu pe tab, subsol cu nota + buton) ===== */
html body .win.graphics-remake { width: min(960px, 96vw); max-width: 96vw; border: 1px solid #c8a44a; border-radius: 0; background: #111827 url('/assets/ui/clan/panel-texture-v1.png') repeat; box-shadow: 0 24px 70px #000c; }
html body .graphics-remake > .win-title { display: flex; align-items: center; justify-content: space-between; min-height: 84px; padding: 0 26px 0 28px; background: transparent !important; border-bottom: 1px solid #c8a44a; font: 600 30px/1 'Cinzel', 'Outfit', serif; letter-spacing: .01em; text-transform: none; color: #f2e6cb; }
html body .graphics-remake > .win-title .x { position: static; display: grid; place-items: center; width: 48px; height: 46px; border: 1px solid #c8a44a; border-radius: 0; background: #1d3a24; color: #f2e6cb; font-size: 18px; }
html body .graphics-remake .win-body { background: transparent !important; max-height: min(86vh, 720px); display: flex !important; flex-direction: column; }
html body .graphics-remake .settings-shell { flex: 1 1 auto; grid-template-columns: 230px minmax(0, 1fr); height: min(560px, 68vh); }
html body .graphics-remake .settings-nav { gap: 10px; padding: 20px 16px; background: #0e1522; border-right: 1px solid #c8a44a; }
html body .graphics-remake .settings-tab { min-height: 54px; padding: 0 18px !important; display: flex !important; align-items: center; border: 1px solid #3e4a3c !important; border-radius: 0 !important; background: #0f2219 !important; color: #d8cfae !important; font: 700 15px 'Outfit', sans-serif; box-shadow: none !important; }
html body .graphics-remake .settings-tab:hover { background: #163123 !important; border-color: #6a7a54 !important; }
html body .graphics-remake .settings-tab.active { background: #17331f !important; border-color: #e1c77d !important; border-left: 4px solid #e1c77d !important; color: #fff3cf !important; }
html body .graphics-remake .settings-tab .settings-tab-icon, html body .graphics-remake .settings-tab small { display: none !important; }
html body .graphics-remake .settings-tab b { font: 700 15px 'Outfit', sans-serif; }
html body .graphics-remake .settings-pages { padding: 24px 28px; background: transparent; }
html body .graphics-remake .settings-page-head { display: block; padding: 0 0 18px; border: 0; }
html body .graphics-remake .settings-page-head > span, html body .graphics-remake .settings-page-head h3 { display: none; }
html body .graphics-remake .settings-page-head p { margin: 0; font: 400 15px/1.5 'Outfit', sans-serif; color: #c9c2ab; }
html body .graphics-remake .graphics-section { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none; gap: 10px; }
html body .graphics-remake .graphics-section:hover { border: 0 !important; }
html body .graphics-remake .graphics-section-title { padding: 0 !important; border: 0 !important; margin: 0 !important; font: 600 15px 'Outfit', sans-serif !important; letter-spacing: 0; text-transform: none; color: #efe6cf !important; }
html body .graphics-remake .graphics-section label { padding: 14px 16px !important; border: 1px solid #3e4a3c !important; border-radius: 0; background: #0a140f; color: #efe6cf !important; font-size: 15px !important; }
html body .graphics-remake .graphics-section label:hover { background: #12241a; border-color: #6a7a54 !important; }
html body .graphics-remake .graphics-section label.graphics-section-title { padding: 0 !important; border: 0 !important; background: transparent; }
html body .graphics-remake .graphics-section select { min-height: 42px; border-radius: 0 !important; background: #0a140f !important; border: 1px solid #3e4a3c !important; font-size: 15px; }
html body .graphics-remake .graphics-section button, html body .graphics-remake .graphics-section .rpg-btn { min-height: 44px; border-radius: 0; background: #1d3a24; border: 1px solid #c8a44a; color: #fff3cf; font-size: 14px; }
html body .graphics-remake .graphics-section p, html body .graphics-remake .graphics-section .muted { font-size: 13px !important; color: #a9a58f !important; }
html body .graphics-remake .gs-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 28px; min-height: 74px; background: #0f2219; border-top: 1px solid #c8a44a; font-size: 14px; color: #d8cfae; }
html body .graphics-remake .gs-footer button { min-height: 46px; padding: 0 28px; border: 1px solid #c8a44a; border-radius: 0; background: #1d3a24; color: #fff3cf; font: 700 15px 'Outfit', sans-serif; cursor: pointer; }
html body .graphics-remake .gs-footer button:hover { background: #26502f; }
body.mobile .graphics-remake .gs-footer { display: none; }

/* Setari: fereastra creste pentru continut; pe desktop nav-ul ramane mereu vertical (nu se strange in rand pe ferestre mici) */
html body:not(.mobile) .win.graphics-remake { width: min(1120px, 96vw); max-width: 96vw; }
html body:not(.mobile) .graphics-remake .win-body { max-height: min(92vh, 860px); }
html body:not(.mobile) .graphics-remake .settings-shell { grid-template-columns: 240px minmax(0, 1fr) !important; grid-template-rows: none !important; height: min(680px, 76vh); min-height: 440px; }
html body:not(.mobile) .graphics-remake .settings-nav { flex-direction: column !important; overflow-x: hidden !important; overflow-y: auto !important; border-right: 1px solid #c8a44a !important; border-bottom: 0 !important; }
html body:not(.mobile) .graphics-remake .settings-tab { width: 100% !important; justify-content: flex-start !important; flex: 0 0 auto !important; }
html body:not(.mobile) .graphics-remake .settings-pages { overflow-y: auto; }
html body:not(.mobile) .graphics-remake .settings-page.active { align-content: start; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }