@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=Crimson+Text:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}html,body{overflow:hidden;background:#0a0a0a;font-family:Crimson Text,serif;height:100%;width:100%}canvas#gc{display:block;position:fixed;top:0;left:0;width:100%;height:100%}#res-bar{position:fixed;top:0;left:0;right:0;z-index:20;background:linear-gradient(180deg,#1e160cf2,#161008eb);border-bottom:1px solid #6b5335;padding:6px 8px;display:flex;justify-content:space-around;flex-wrap:nowrap;box-shadow:0 2px 12px #0009;padding-top:max(6px,env(safe-area-inset-top))}.rs{display:flex;align-items:center;gap:2px;font-size:12px;color:#c8b890}.rs .rv{color:gold;font-family:MedievalSharp,cursive;font-size:13px;min-width:18px;text-align:right}#build-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;background:linear-gradient(0deg,#1e160cf5,#161008ed);border-top:1px solid #6b5335;padding:6px 4px;padding-bottom:max(6px,env(safe-area-inset-bottom));display:flex;overflow-x:auto;gap:4px;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#6b5335 rgba(0,0,0,.3);box-shadow:0 -2px 12px #00000080}#build-bar,#build-bar *{touch-action:pan-x}#build-bar::-webkit-scrollbar{height:6px}#build-bar::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}#build-bar::-webkit-scrollbar-thumb{background:#6b5335;border-radius:3px}#build-bar::-webkit-scrollbar-thumb:hover{background:gold}.bb{flex:0 0 auto;min-width:62px;background:linear-gradient(180deg,#4a3a28,#2d2018);border:1px solid #5b4a35;border-radius:6px;padding:6px 6px 4px;color:#d4c4a0;font-family:Crimson Text,serif;font-size:10px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;transition:all .12s}.bb.active{border-color:gold;background:linear-gradient(180deg,#6a5a42,#4d3d28);box-shadow:0 0 8px #ffd7004d}.bb.folder{background:linear-gradient(180deg,#283a4a,#18202d);border-color:#354a5b}.bb.folder:active{background:linear-gradient(180deg,#3a526a,#283a4a);border-color:#6af}.bb.nav{background:linear-gradient(180deg,#4a2828,#2d1818);border-color:#5b3535}.bb.nav:active{background:linear-gradient(180deg,#6a3a3a,#4a2828);border-color:#f66}.bb .bi{font-size:20px}.bb .bn{font-size:10px;white-space:nowrap}.bb .bc{font-size:8px;color:#a08a60}.panel{position:fixed;z-index:20;background:linear-gradient(180deg,#1e160cf2,#161008eb);border:1px solid #6b5335;border-radius:8px;color:#d4c4a0;font-size:12px;box-shadow:0 3px 16px #0009;transition:transform .25s ease,opacity .25s ease}.panel.hidden-left{transform:translate(-110%);opacity:0}.panel.hidden-right{transform:translate(110%);opacity:0}#orders,#groups{top:calc(max(6px,env(safe-area-inset-top)) + 44px);left:6px;padding:8px;width:160px}.sh{font-family:MedievalSharp,cursive;color:gold;font-size:13px;margin-bottom:4px}.ob{display:block;width:100%;margin:3px 0;background:linear-gradient(180deg,#4a3a28,#2d2018);border:1px solid #5b4a35;border-radius:4px;padding:8px;color:#d4c4a0;font-family:Crimson Text,serif;font-size:12px;text-align:left;min-height:36px;cursor:pointer;transition:all .12s}.ob:active{background:#6a5a42;border-color:gold}.ob.active{border-color:gold;background:linear-gradient(180deg,#6a5a42,#4d3d28);box-shadow:0 0 8px #ffd7004d}#info{top:calc(max(6px,env(safe-area-inset-top)) + 44px);right:6px;padding:8px 10px;width:155px;background:linear-gradient(#0a06028c,#0a06028c),url(/menu-background.png) center/cover no-repeat}#info .sh{text-shadow:0 1px 4px rgba(0,0,0,.95)}#info .sr{text-shadow:0 1px 3px rgba(0,0,0,.9)}.sr{display:flex;justify-content:space-between;margin:2px 0;font-size:11px}.sr span:last-child{color:gold}.divider{border:none;border-top:1px solid #3a2a18;margin:4px 0}.toggle-btn{position:fixed;z-index:25;width:36px;height:36px;background:#1e160ce6;border:1px solid #6b5335;border-radius:50%;color:gold;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.toggle-btn:active{background:#5a4a35}#tog-orders{left:6px}#tog-groups{left:48px}#tog-view{right:48px}#tog-info{right:6px}#campaign-map{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;background:#1a2a10}#msg-log{position:fixed;left:6px;z-index:18;pointer-events:none;max-width:240px}.msg{background:#161008e0;border-left:2px solid #ffd700;padding:3px 7px;margin:2px 0;border-radius:0 3px 3px 0;color:#d4c4a0;font-size:10px;animation:fadeMsg 4s forwards}.msg.e{border-left-color:#c33}@keyframes fadeMsg{0%,70%{opacity:1}to{opacity:0}}#minimap{position:fixed;z-index:19;width:100px;height:100px;border:1px solid #6b5335;border-radius:4px;background:#1a2a10}#touch-ind{position:fixed;z-index:30;width:50px;height:50px;border:2px solid rgba(255,215,0,.5);border-radius:50%;pointer-events:none;display:none;transform:translate(-50%,-50%)}#title{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(#08050247,#08050247),url(/menu-background.png) center/cover no-repeat,#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:opacity .8s}#title h1{font-family:MedievalSharp,cursive;color:gold;font-size:36px;text-shadow:0 0 30px rgba(255,215,0,.3),0 3px 6px rgba(0,0,0,.9);text-align:center}.login-box{background:#c8af7814;border:1px solid rgba(140,110,65,.4);border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:15px;width:100%;max-width:320px}#email-input,#password-input,#player-id-input{background:#00000080;border:1px solid #5b4a35;color:gold;font-family:Crimson Text,serif;font-size:16px;padding:10px;border-radius:4px;text-align:center;outline:none;width:100%}#email-input:focus,#password-input:focus,#player-id-input:focus{border-color:gold}#loginBtn,#registerBtn{background:linear-gradient(180deg,#5a4a35,#2d2018);border:2px solid #5b4a35;border-radius:6px;padding:10px;color:gold;font-family:MedievalSharp,cursive;font-size:16px;cursor:pointer;transition:all .2s}#loginBtn:hover,#registerBtn:hover{border-color:gold}#logoutBtn,#settingsBtn{flex:1;padding:8px;font-size:14px;background:linear-gradient(180deg,#5a3a28,#301a10);border:1px solid #5b4a35;border-radius:6px;color:#c8b88a;font-family:Crimson Text,serif;font-weight:700;cursor:pointer;transition:all .2s}#settingsBtn{background:linear-gradient(180deg,#3a3a3a,#1a1a1a)}#logoutBtn:hover,#settingsBtn:hover{color:gold;border-color:gold}#title .sub{color:#8a7a5a;font-size:14px;margin:6px 0 20px;letter-spacing:2px}#playBtn{background:linear-gradient(180deg,#5a4a35,#2d2018);border:2px solid #ffd700;border-radius:8px;padding:14px 50px;color:gold;font-family:MedievalSharp,cursive;font-size:20px;cursor:pointer;box-shadow:0 0 20px #ffd70026;min-height:48px}#title .keys{color:#5a4a3a;font-size:11px;margin-top:20px;text-align:center;line-height:1.9;padding:0 20px}#install-btn{display:none;margin-top:12px;background:linear-gradient(180deg,#3a5a28,#1a3010);border:1px solid #5a9a40;border-radius:6px;padding:8px 24px;color:#8d6;font-family:Crimson Text,serif;font-size:13px;cursor:pointer}.confirm-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000b3;align-items:center;justify-content:center;padding:20px;touch-action:auto}.confirm-modal.visible{display:flex}.confirm-box{background:linear-gradient(180deg,#23190cfa,#161008f5);border:2px solid #8b6835;border-radius:12px;padding:20px 24px;max-width:320px;box-shadow:0 8px 32px #000c;touch-action:auto}.confirm-msg{color:#d4c4a0;font-family:Crimson Text,serif;font-size:16px;margin-bottom:16px;text-align:center;line-height:1.5}.confirm-btns{display:flex;gap:12px;justify-content:center}.confirm-btn{padding:10px 20px;border-radius:8px;font-family:MedievalSharp,cursive;font-size:15px;cursor:pointer;border:1px solid;min-height:44px}.confirm-ok{background:linear-gradient(180deg,#3a5a28,#1a3010);border-color:#5a9a40;color:#8d6}.confirm-ok:active{background:linear-gradient(180deg,#4a7a38,#2a4020)}.confirm-cancel{background:linear-gradient(180deg,#5a3a28,#2d1818);border-color:#8b4a4a;color:#c99}.confirm-cancel:active{background:linear-gradient(180deg,#6a4a38,#3d2828)}#world-status-bar{display:none;position:fixed;top:40px;left:50%;transform:translate(-50%);background:#000c;border:1px solid #c8b88a;color:#fff;padding:6px 12px;border-radius:0 0 8px 8px;font-family:MedievalSharp,cursive;z-index:100;font-size:14px;box-shadow:0 4px 6px #00000080;align-items:center;gap:6px;white-space:nowrap}#gs-bar{position:fixed;top:0;left:0;right:0;z-index:100;height:48px;background:linear-gradient(180deg,#2a1e10f7,#1c1208f2);border-bottom:2px solid #8b6914;box-shadow:0 2px 12px #000000b3,inset 0 -1px #8b69144d;display:flex;align-items:center;padding:0 12px;gap:12px;font-family:MedievalSharp,cursive;padding-top:env(safe-area-inset-top)}.gs-section{display:flex;align-items:center;gap:6px}.gs-lord{min-width:120px}.gs-shield{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;background:radial-gradient(circle,#3a2a10,#1a0e04);border:1px solid #8b6914;border-radius:4px}.gs-lord-name{color:gold;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.8);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-quick-btns{border-left:1px solid rgba(139,105,20,.4);border-right:1px solid rgba(139,105,20,.4);padding:0 8px}.gs-qbtn{width:36px;height:36px;font-size:18px;background:linear-gradient(180deg,#2a2010,#1a1008);border:1px solid #6b5335;border-radius:4px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.gs-qbtn:hover{background:linear-gradient(180deg,#3a3018,#2a2010);border-color:gold;box-shadow:0 0 8px #ffd70033}.gs-qbtn:active{transform:scale(.93)}.gs-qbtn.gs-qbtn-active{border-color:gold;box-shadow:inset 0 -2px gold;background:linear-gradient(180deg,#3a3018,#2a2010)}.gs-chrono{flex:1;justify-content:center;flex-direction:column;align-items:center;gap:0}.gs-date{color:#e8d5a0;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.8);letter-spacing:.5px}.gs-time{color:#8a7a60;font-size:11px;font-family:Crimson Text,serif}.gs-speed{border-left:1px solid rgba(139,105,20,.4);padding-left:8px}.gs-speed-btn{width:30px;height:30px;font-size:14px;background:linear-gradient(180deg,#2a2010,#1a1008);border:1px solid #6b5335;border-radius:4px;cursor:pointer;color:#c8b88a;transition:all .15s;display:flex;align-items:center;justify-content:center}.gs-speed-btn:hover{border-color:gold}.gs-speed-btn.gs-active{background:linear-gradient(180deg,#1a4a1a,#0a2a0a);border-color:#4aee4a;color:#4aee4a}.gs-speed-btn.gs-paused{background:linear-gradient(180deg,#4a1a1a,#2a0a0a);border-color:#ee4a4a;color:#ee4a4a}.gs-speed-label{color:#8a7a60;font-size:11px;min-width:70px}.gs-resources{margin-left:auto;border-left:1px solid rgba(139,105,20,.4);padding-left:8px}.gs-weather{color:#c8b88a;font-size:12px}.gs-res{font-size:12px;color:#c8b88a}.gs-res span{color:gold;font-size:13px;margin-left:2px}#chat-window{display:none;position:fixed;bottom:80px;left:10px;width:300px;height:350px;background:#000000e0;border:1px solid #c8b88a;border-radius:8px;flex-direction:column;z-index:200;font-family:MedievalSharp,cursive}.chat-header{padding:10px;background:linear-gradient(180deg,#301a10,#1a0a05);border-bottom:1px solid #5b4a35;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.chat-header h3{margin:0;font-size:16px;color:gold}#chat-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:4px}#chat-close:active{color:gold}#chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#ddd;-webkit-overflow-scrolling:touch}.chat-input-row{padding:10px;border-top:1px solid #5b4a35;display:flex;gap:5px;background:#1a0a05;border-radius:0 0 8px 8px}#chat-input{flex:1;padding:8px;background:#2a2015;color:#fff;border:1px solid #5b4a35;border-radius:4px;font-family:MedievalSharp,cursive;font-size:14px;outline:none}#chat-input:focus{border-color:gold}#chat-send{padding:8px 14px;background:linear-gradient(180deg,#3a5a28,#1a3010);color:#fff;border:1px solid #5b4a35;border-radius:4px;cursor:pointer;font-family:MedievalSharp,cursive;font-size:13px;min-height:36px}#chat-send:active{background:linear-gradient(180deg,#4a7a38,#2a4020)}#diplo-panel{display:none;position:fixed;bottom:80px;right:10px;width:300px;max-height:420px;background:linear-gradient(#0a06028c,#0a06028c),url(/menu-background.png) center/cover no-repeat;border:1px solid #c8b88a;border-radius:8px;flex-direction:column;z-index:200;font-family:MedievalSharp,cursive;overflow:hidden}.diplo-header{padding:10px;background:linear-gradient(180deg,#2a1a00,#150d00);border-bottom:1px solid #5b4a35;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}#diplo-title{font-size:16px;color:gold;font-weight:700}#diplo-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:4px}#diplo-close:active{color:gold}#diplo-status{padding:8px 12px;font-size:12px;color:#c8b88a;border-bottom:1px solid #3a2a15;background:#140a0080}#diplo-actions{display:flex;flex-direction:column;gap:4px;padding:8px;border-bottom:1px solid #3a2a15}#diplo-actions button{padding:8px 10px;background:linear-gradient(180deg,#3a2a15,#1a1005);color:#ddd;border:1px solid #5b4a35;border-radius:4px;cursor:pointer;font-family:MedievalSharp,cursive;font-size:13px;text-align:left;min-height:36px}#diplo-actions button:active{background:linear-gradient(180deg,#5a3a28,#301a10);color:gold}#diplo-proposals{flex:1;overflow-y:auto;padding:8px;-webkit-overflow-scrolling:touch}#diplo-proposals h4{margin:0 0 6px;font-size:13px;color:gold}.diplo-proposal-item{background:#3c280a80;border:1px solid #5b4a35;border-radius:6px;padding:8px;margin-bottom:6px;font-size:12px;color:#ddd}.diplo-proposal-item span{display:block;margin-bottom:6px}.diplo-proposal-item b{color:gold}.diplo-proposal-btns{display:flex;gap:6px}.diplo-proposal-btns button{flex:1;padding:5px 8px;border-radius:4px;border:1px solid #5b4a35;cursor:pointer;font-family:MedievalSharp,cursive;font-size:12px;min-height:30px}.diplo-accept-btn{background:linear-gradient(180deg,#2a5a15,#0a3005);color:#afa}.diplo-reject-btn{background:linear-gradient(180deg,#5a1a15,#300a05);color:#faa}#diplo-badge{display:none;position:fixed;top:50px;right:10px;background:linear-gradient(180deg,#5a3a10,#2a1a00);border:1px solid #ffd700;border-radius:20px;padding:4px 12px;font-size:13px;color:gold;z-index:190;cursor:pointer;font-family:MedievalSharp,cursive}.bb.lord-entry{min-width:140px;background:linear-gradient(180deg,#1e1208,#0d0805);border-color:#5b4a35}.bb.lord-entry:hover,.bb.lord-entry:active{border-color:gold}.bb.lord-entry.rel-ally-great{border-left:3px solid #00cc44}.bb.lord-entry.rel-ally{border-left:3px solid #44bb66}.bb.lord-entry.rel-war{border-left:3px solid #cc3300}.bb.lord-entry.rel-friendly{border-left:3px solid #ddcc00}.bb.lord-entry.rel-hostile{border-left:3px solid #ff6600}.bb.lord-entry.rel-neutral{border-left:3px solid #666}.bb.lord-entry .bc{font-size:9px}.bb.info-entry{min-width:120px;opacity:.6;cursor:default}#vote-pause-btn{margin-left:8px;padding:3px 10px;font-size:12px;font-family:MedievalSharp,cursive;background:linear-gradient(180deg,#5a3a28,#301a10);border:1px solid #ffd700;color:#fff;cursor:pointer;border-radius:4px;min-height:28px}#vote-pause-btn:active{background:linear-gradient(180deg,#7a4a38,#4a2a20)}#gameover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;background:#000000e0;flex-direction:column;align-items:center;justify-content:center;padding:20px}#gameover h1{font-family:MedievalSharp,cursive;font-size:38px;margin-bottom:10px;text-align:center}#gameover.win h1{color:gold}#gameover.lose h1{color:#c33}#gameover p{color:#8a7a5a;font-size:14px;margin-bottom:20px;text-align:center}#restartBtn{background:linear-gradient(180deg,#5a4a35,#2d2018);border:2px solid #ffd700;border-radius:6px;padding:12px 40px;color:gold;font-family:MedievalSharp,cursive;font-size:18px;cursor:pointer;min-height:48px}#pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:none;background:#00000080;align-items:center;justify-content:center}#pause-overlay span{font-family:MedievalSharp,cursive;color:gold;font-size:32px}#pause-btn{position:fixed;z-index:25;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);margin-top:44px;width:36px;height:36px;background:#1e160cd9;border:1px solid #6b5335;border-radius:50%;color:gold;font-size:14px;display:none;align-items:center;justify-content:center;cursor:pointer}#fullscreen-btn{position:fixed;z-index:25;top:max(6px,env(safe-area-inset-top));right:6px;margin-top:0;width:32px;height:32px;background:#1e160cbf;border:1px solid #4a3a28;border-radius:6px;color:#a08a60;font-size:14px;align-items:center;justify-content:center;cursor:pointer;display:none}#fullscreen-btn:active{background:#4a3a28;color:gold}#bld-panel{position:fixed;left:50%;transform:translate(-50%);bottom:calc(64px + env(safe-area-inset-bottom));z-index:28;background:linear-gradient(180deg,#23190cf7,#161008f5);border:1px solid #8b6835;border-radius:10px;padding:10px 12px;width:min(400px,96vw);box-shadow:0 6px 28px #000c,0 0 0 1px #ffd70014;flex-direction:column;gap:8px;touch-action:auto}.bld-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.bld-panel-header span{font-family:MedievalSharp,cursive;color:gold;font-size:14px;text-shadow:0 0 8px rgba(255,215,0,.3)}.bld-close-btn{background:#502814b3;border:1px solid #5b4a35;border-radius:50%;width:26px;height:26px;color:#d4c4a0;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bld-close-btn:active{background:#6a3a28;border-color:gold}#bld-panel-train{display:flex;gap:6px;flex-wrap:wrap}.bld-train-btn{flex:1;min-width:62px;max-width:90px;background:linear-gradient(180deg,#4a3a28,#2d2018);border:1px solid #6b5335;border-radius:7px;padding:7px 4px 5px;color:#d4c4a0;font-family:Crimson Text,serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .1s}.bld-train-btn:active:not(:disabled){background:linear-gradient(180deg,#6a5a42,#4d3d28);border-color:gold;transform:scale(.97)}.bld-train-btn.disabled,.bld-train-btn:disabled{opacity:.38;cursor:not-allowed}.btu-icon{font-size:22px;line-height:1}.btu-name{font-size:10px;white-space:nowrap;font-weight:600}.btu-cost{font-size:9px;color:#c8a860}.btu-time{font-size:9px;color:#78c890}.bld-progress-wrap{display:flex;flex-direction:column;gap:3px}.bld-progress{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}#bld-progress-fill{height:100%;background:linear-gradient(90deg,#3a8a50,#7aee88);border-radius:4px;width:0%;transition:width .4s linear}#bld-progress-label{font-size:10px;color:#90c8a0;font-family:Crimson Text,serif;text-align:center}.bld-queue-row{display:flex;align-items:center;gap:6px}.bld-queue-title{font-size:10px;color:#8a7a5a;font-family:MedievalSharp,cursive;flex-shrink:0}#bld-panel-queue{display:flex;gap:5px}.bld-queue-slot{width:36px;height:36px;background:#ffffff0a;border:1px dashed #3a2a18;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px}.bld-queue-slot.filled{border:1px solid #5b4a35;background:#4637238c;cursor:pointer}.bld-queue-slot.filled:active{background:#643c1eb3}.bld-queue-slot.training{border-color:gold;box-shadow:0 0 7px #ffd70059;animation:pulseTraining 1.5s ease-in-out infinite}@keyframes pulseTraining{0%,to{box-shadow:0 0 5px #ffd70040}50%{box-shadow:0 0 12px #ffd7008c}}.bld-info-text{padding:8px 6px;font-size:11px;color:#c8b88a;line-height:1.5;background:#ffffff0a;border-radius:5px;border:1px solid rgba(255,215,0,.15)}.sr.eco-pos span:last-child{color:#5c7}.sr.eco-neg span:last-child{color:#e55;animation:pulseBad 1.5s ease-in-out infinite}@keyframes pulseBad{0%,to{opacity:1}50%{opacity:.5}}@media(min-width:768px){.bb{min-width:70px;padding:8px 10px}.bb .bi{font-size:22px}#orders{width:180px}#info{width:170px}#minimap{width:140px;height:140px}.rs{font-size:13px}.msg{font-size:11px;max-width:300px}}@media(max-width:767px){#res-bar{padding:8px 4px;gap:2px}.rs{font-size:13px;gap:3px}.rs .rv{font-size:15px;min-width:26px}.toggle-btn{width:44px;height:44px;font-size:20px;border-radius:10px;border-width:1.5px}#tog-groups{left:56px}#tog-view{right:56px}#pause-btn{width:44px;height:44px;font-size:18px}#build-bar{padding:8px 4px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:5px}.bb{min-width:68px;padding:8px 6px 6px;border-radius:8px;gap:2px}.bb .bi{font-size:26px}.bb .bn{font-size:11px}.bb .bc{font-size:9px}.ob{min-height:44px;padding:10px 12px;font-size:13px;border-radius:6px}.sh{font-size:14px;margin-bottom:8px}#orders,#groups,#info{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-height:55vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;border-left:none;border-right:none;border-bottom:none;padding:20px 16px max(18px,env(safe-area-inset-bottom));z-index:35!important}#orders:before,#groups:before,#info:before{content:"";display:block;width:40px;height:4px;background:#ffd7004d;border-radius:2px;margin:-10px auto 14px}.panel.hidden-left,.panel.hidden-right{transform:translateY(110%)!important;opacity:0}#info{display:grid!important;grid-template-columns:1fr 1fr;column-gap:12px;align-content:start}#info .sh,#info .divider{grid-column:1 / -1}#info:before{grid-column:1 / -1}#bld-panel{bottom:calc(80px + env(safe-area-inset-bottom))!important}.btu-icon{font-size:24px}.btu-name{font-size:11px}.btu-cost,.btu-time{font-size:10px}.bld-train-btn{min-width:68px;padding:8px 5px 6px}.bld-close-btn{width:34px;height:34px;font-size:15px}.msg{font-size:11px;max-width:270px}#chat-window{left:0!important;right:0!important;width:100%!important;bottom:68px!important;height:50vh!important;border-radius:16px 16px 0 0!important;border-left:none!important;border-right:none!important;border-bottom:none!important;font-size:14px!important}#diplo-panel{left:0!important;right:0!important;width:100%!important;bottom:68px!important;max-height:60vh!important;border-radius:16px 16px 0 0!important;border-left:none!important;border-right:none!important;border-bottom:none!important}#diplo-badge{top:44px!important;right:6px!important;font-size:12px!important;padding:3px 8px!important}#world-status-bar{font-size:12px!important;padding:5px 10px!important;gap:4px}#vote-pause-btn{padding:4px 10px!important;font-size:11px!important;min-height:30px}#gs-bar{height:auto;flex-wrap:wrap;padding:6px 8px;gap:6px}.gs-lord{min-width:auto}.gs-lord-name{max-width:60px;font-size:12px}.gs-qbtn{width:32px;height:32px;font-size:16px}.gs-chrono{flex-basis:100%;order:10}.gs-date{font-size:13px}.login-box{padding:16px;gap:12px}#email-input,#password-input,#player-id-input{font-size:16px;padding:12px}#loginBtn,#registerBtn{font-size:16px;padding:12px;min-height:48px}#playBtn{font-size:18px;padding:14px 40px;min-height:52px}#restartBtn{min-height:52px;font-size:18px;padding:14px 36px}#title h1{font-size:30px}#title .sub{font-size:13px;letter-spacing:1.5px;margin:4px 0 16px}#title .keys{font-size:12px;line-height:2}#gameover h1{font-size:34px!important}#gameover p{font-size:16px!important}}#map-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0a0a}#map-editor-ui{position:absolute;top:0;left:0;right:0;z-index:201;background:linear-gradient(180deg,rgba(10,6,2,.92),transparent);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.me-row{display:flex;align-items:center;gap:8px;width:100%}.me-params-row{padding-top:4px;border-top:1px solid rgba(107,83,53,.3)}.me-file-group{display:flex;gap:4px}.me-btn{font-family:MedievalSharp,cursive;font-size:13px;border-radius:5px;padding:5px 14px;cursor:pointer;transition:all .12s;border:1px solid #6b5335}.me-btn:hover{filter:brightness(1.15);border-color:gold}.me-btn:active{transform:scale(.96)}.me-btn-exit{background:linear-gradient(180deg,#5a3a28,#301a10);color:gold;border-color:#8b5a35}.me-btn-save{background:linear-gradient(180deg,#1a4a1a,#0a2a0a);color:#8fdd6f;border-color:#3a6a3a}.me-btn-save.saving{opacity:.7;pointer-events:none}.me-btn-save.saved{border-color:#4aee4a;box-shadow:0 0 8px #4aee4a4d}.me-btn-save.save-error{border-color:#c33;color:#f88;box-shadow:0 0 8px #cc33334d}.me-btn-load{background:linear-gradient(180deg,#3a3a5a,#1a1a30);color:#a0a0dd;border-color:#5a5a8a;cursor:pointer}@keyframes meSpin{to{transform:rotate(360deg)}}.me-spinner:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid rgba(143,221,111,.3);border-top-color:#8fdd6f;border-radius:50%;animation:meSpin .6s linear infinite;vertical-align:middle;margin-right:6px}.me-sep{color:#5a4a30;font-size:11px;pointer-events:none}.me-brush-info{color:#c8b88a;font-size:12px;pointer-events:none;min-width:160px;font-family:Crimson Text,serif}.me-help{color:#5a5040;font-size:11px;pointer-events:none;margin-left:auto}.me-help strong{color:#7a6a40}.me-mode-group{display:flex;border:1px solid #6b5335;border-radius:5px;overflow:hidden}.me-mode-btn{border:none;padding:5px 13px;font-family:MedievalSharp,cursive;font-size:12px;cursor:pointer;transition:all .12s;background:linear-gradient(180deg,#2a2010,#1a1008);color:#c8a870}.me-mode-btn:hover{filter:brightness(1.2)}.me-mode-btn:active{transform:scale(.96)}.me-mode-btn+.me-mode-btn{border-left:1px solid #6b5335}.me-mode-btn.active-height{background:linear-gradient(180deg,#7a6a2a,#4a4015);color:#fff5a0;box-shadow:inset 0 -2px gold}.me-mode-btn.active-texture{background:linear-gradient(180deg,#2a5a1a,#153010);color:#9fdd7f;box-shadow:inset 0 -2px #4aee4a}.me-mode-btn.active-objects{background:linear-gradient(180deg,#1a3a5a,#0d1e30);color:#7fc8f0;box-shadow:inset 0 -2px #6af}.me-picker{display:flex;border:1px solid #6b5335;border-radius:5px;overflow:hidden;transition:opacity .2s ease,transform .2s ease}.me-picker.hidden{opacity:0;transform:translateY(-6px);pointer-events:none;position:absolute;visibility:hidden}.me-pick-btn{border:none;padding:5px 12px;font-family:MedievalSharp,cursive;font-size:12px;cursor:pointer;transition:all .12s}.me-pick-btn:hover{filter:brightness(1.25)}.me-pick-btn:active{transform:scale(.95)}.me-pick-btn+.me-pick-btn{border-left:1px solid #6b5335}.me-pick-btn.tex-grass{background:linear-gradient(180deg,#2a5a1a,#153010);color:#8fdd6f}.me-pick-btn.tex-dirt{background:linear-gradient(180deg,#5a3a1a,#301808);color:#c8a060}.me-pick-btn.tex-rock{background:linear-gradient(180deg,#3a3a3a,#1a1a1a);color:#b0b0b0}.me-pick-btn.obj-tree{background:linear-gradient(180deg,#1a4a1a,#0d280d);color:#4aee4a}.me-pick-btn.obj-rock{background:linear-gradient(180deg,#4a3a1a,#281e08);color:#d4a060}.me-pick-btn.active-pick{box-shadow:inset 0 -2px gold;filter:brightness(1.3)}.me-param{display:flex;align-items:center;gap:6px;cursor:default}.me-param-label{color:#8a7a60;font-size:11px;font-family:Crimson Text,serif;min-width:52px}.me-param-val{color:#c8b88a;font-size:12px;font-family:Crimson Text,serif;min-width:30px;text-align:right}.me-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:4px;background:linear-gradient(90deg,#3a2a10,#6b5335);border-radius:2px;outline:none}.me-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,gold,#b8860b);cursor:pointer;border:1px solid #8b6914;box-shadow:0 0 4px #ffd7004d}.me-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,gold,#b8860b);cursor:pointer;border:1px solid #8b6914;box-shadow:0 0 4px #ffd7004d}@media(max-width:767px){#map-editor-ui{padding:6px;gap:3px}.me-row{flex-wrap:wrap;gap:5px}.me-btn{padding:6px 10px;font-size:12px;min-height:36px}.me-mode-btn,.me-pick-btn{padding:6px 10px;font-size:11px;min-height:36px}.me-brush-info{min-width:auto;font-size:11px;flex-basis:100%;text-align:center}.me-help{display:none}.me-params-row{flex-wrap:wrap}.me-param{flex:1;min-width:120px}.me-slider{width:60px}.me-file-group{flex-wrap:wrap}.me-pol-panel{position:fixed!important;width:90vw!important;max-height:60vh!important;left:5vw!important;right:5vw!important}}.me-mode-btn.active-politics{background:linear-gradient(180deg,#5a1a3a,#301020);color:#f0a0d0;box-shadow:inset 0 -2px #c6a}.me-pol-panel{position:fixed;top:80px;left:12px;width:320px;max-height:calc(100vh - 100px);background:#0a0602eb;border:1px solid #5b4a35;border-radius:8px;padding:8px;z-index:202;display:flex;flex-direction:column;gap:6px;overflow:hidden;transition:opacity .2s ease,transform .2s ease}.me-pol-panel.hidden{opacity:0;transform:translate(-20px);pointer-events:none;visibility:hidden}.me-pol-toolbar{display:flex;gap:4px;flex-wrap:wrap}.me-pol-btn{font-family:MedievalSharp,cursive;font-size:11px;padding:5px 8px;border-radius:4px;cursor:pointer;transition:all .12s;border:1px solid #5b4a35}.me-pol-btn:hover{filter:brightness(1.2);border-color:gold}.me-pol-btn:active{transform:scale(.96)}.me-pol-btn-kingdom{background:linear-gradient(180deg,#5a3a1a,#301808);color:gold}.me-pol-btn-county{background:linear-gradient(180deg,#1a3a5a,#0d1e30);color:#8be}.me-pol-btn-lord{background:linear-gradient(180deg,#3a1a1a,#200808);color:#e88}.me-pol-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 180px);scrollbar-width:thin;scrollbar-color:#5b4a35 transparent}.me-pol-kingdom{border:1px solid rgba(91,74,53,.4);border-radius:6px;padding:4px;transition:all .12s}.me-pol-kingdom.active{border-color:gold;background:#ffd7000f}.me-pol-kingdom-header{display:flex;align-items:center;gap:6px;cursor:pointer;padding:3px 4px}.me-pol-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.me-pol-name{font-family:MedievalSharp,cursive;font-size:13px;color:gold;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-pol-count{font-size:10px;color:#8a7a60;flex-shrink:0}.me-pol-county{display:flex;align-items:center;gap:4px;padding:3px 4px 3px 16px;border-radius:4px;cursor:pointer;transition:all .1s}.me-pol-county:hover{background:#ffffff0a}.me-pol-county.active{background:#64a0ff1f;border-left:2px solid #66aaff}.me-pol-indent{font-family:MedievalSharp,cursive;font-size:12px;color:#8be;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-pol-lord-tag{font-size:10px;color:#e88;padding:1px 4px;border-radius:3px;background:#c850501a;flex-shrink:0}.me-pol-lord-tag.dim{color:#5a5040;background:transparent;font-style:italic}.me-pol-assign-lord{padding:3px 4px 3px 24px;font-size:10px;color:#8a7a60;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.me-pol-sm-btn{font-family:MedievalSharp,cursive;font-size:10px;padding:2px 6px;border-radius:3px;cursor:pointer;border:1px solid #3a3020;background:#1e140a99;color:#b0a080;transition:all .1s}.me-pol-sm-btn:hover{border-color:gold;color:gold}.me-pol-sm-btn.active{border-color:#6af;background:#64a0ff26;color:#8cf}.me-pol-icon-btn{border:none;background:transparent;cursor:pointer;font-size:11px;padding:1px 2px;opacity:.5;transition:opacity .1s;flex-shrink:0}.me-pol-icon-btn:hover{opacity:1}.me-pol-icon-btn.me-pol-del:hover{filter:hue-rotate(-40deg) brightness(1.5)}.me-pol-lord{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:4px;font-family:MedievalSharp,cursive;font-size:12px;color:#e88}.me-pol-lord:hover{background:#ffffff0a}.me-pol-profile{font-size:10px;color:#8a7a60;padding:1px 4px;border-radius:3px;background:#64503233;flex-shrink:0}.me-pol-section-title{font-family:MedievalSharp,cursive;font-size:12px;color:gold;border-top:1px solid rgba(91,74,53,.3);padding-top:4px;margin-top:4px}.me-pol-empty{font-size:11px;color:#5a5040;font-style:italic;padding:3px 4px}#lobby-info-panel{display:none;position:fixed;top:50%;right:20px;transform:translateY(-50%);width:320px;max-height:80vh;background:linear-gradient(#0a060285,#0a060285),url(/menu-background.png) center/cover no-repeat;border:2px solid #c8b88a;border-radius:10px;flex-direction:column;z-index:200;font-family:MedievalSharp,cursive;overflow:hidden;box-shadow:0 4px 24px #000000b3}.lobby-info-header{padding:12px 14px;background:linear-gradient(180deg,#2a1a00,#150d00);border-bottom:1px solid #5b4a35;display:flex;justify-content:space-between;align-items:center}#lobby-info-title{font-size:18px;color:gold;font-weight:700}#lobby-info-close{background:none;border:none;color:#c8b88a;font-size:18px;cursor:pointer;padding:2px 6px}#lobby-info-close:hover{color:gold}#lobby-info-body{padding:12px 14px;overflow-y:auto;color:#d4c4a0;font-size:14px;line-height:1.6}.lobby-info-row{margin:4px 0}.lobby-info-row b{color:#c8b88a}.lobby-info-section-title{color:gold;font-size:13px;margin:6px 0 2px;text-transform:uppercase;letter-spacing:1px}.lobby-info-resources{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:13px;color:#d4c4a0}#lobby-govern-btn{display:block;margin:12px 14px;padding:12px;font-size:16px;font-family:MedievalSharp,cursive;background:linear-gradient(180deg,#2a5a1a,#1a3a0a);color:gold;border:2px solid #4a8a2a;border-radius:6px;cursor:pointer;text-align:center;transition:all .2s}#lobby-govern-btn:hover{background:linear-gradient(180deg,#3a7a2a,#2a5a1a);border-color:gold;box-shadow:0 0 12px #ffd7004d}#lobby-hint{display:none;position:fixed;bottom:60px;left:50%;transform:translate(-50%);text-align:center;color:gold;font-family:MedievalSharp,cursive;font-size:20px;z-index:50;text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.5);pointer-events:none;animation:lobbyHintPulse 3s ease-in-out infinite}.lobby-hint-sub{font-size:14px;color:#c8b88a;margin-top:4px}@keyframes lobbyHintPulse{0%,to{opacity:.8}50%{opacity:1}}@media(max-width:600px){#lobby-info-panel{left:0!important;right:0!important;width:100%!important;top:auto!important;bottom:0!important;transform:none!important;max-height:65vh!important;border-radius:16px 16px 0 0!important}#lobby-hint{font-size:16px;bottom:40px}}#cell-purchase-dialog{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:300px;max-width:90vw;background:linear-gradient(180deg,#1a1a10,#0d0d08);border:1px solid #5b4a35;border-radius:8px;z-index:200;flex-direction:column;font-family:MedievalSharp,cursive;box-shadow:0 4px 20px #000c}#cell-purchase-dialog .diplo-header{border-radius:8px 8px 0 0}#cell-purchase-submit:hover{background:linear-gradient(180deg,#3a7a22,#1a5010);box-shadow:0 0 8px #4a8a2580}#title h1{text-shadow:0 0 40px rgba(255,215,0,.5),0 3px 8px rgba(0,0,0,.98)}#lobby-info-panel .lobby-info-section-title,#lobby-info-panel .lobby-info-row{text-shadow:0 1px 4px rgba(0,0,0,.95)}#info .sh,#info .sr,#info .divider+.sh{text-shadow:0 1px 4px rgba(0,0,0,.95)}#diplo-panel #diplo-proposals h4,#diplo-panel #diplo-status{text-shadow:0 1px 4px rgba(0,0,0,.95)}.release-lord-btn{width:100%;padding:5px 8px;margin-top:2px;background:linear-gradient(180deg,#2a1a10,#120a04);color:#a07848;border:1px solid #5a3a1a;border-radius:4px;font-family:MedievalSharp,cursive;font-size:10px;cursor:pointer;transition:all .2s;text-shadow:0 1px 3px rgba(0,0,0,.9)}.release-lord-btn:hover{border-color:#c84;color:gold;background:linear-gradient(180deg,#3a2010,#1a0e06)}.release-lord-btn:active{transform:scale(.97)}#council-panel{display:none;position:fixed;top:0;left:0;bottom:0;width:320px;z-index:250;flex-direction:column;background:linear-gradient(#0805029e,#0805029e),url(/menu-background.png) center/cover no-repeat;border-right:2px solid #c8b88a;font-family:MedievalSharp,cursive;overflow:hidden}.council-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 8px;border-bottom:1px solid #6b5335;background:#08050273;flex-shrink:0}.council-title{color:gold;font-size:14px;text-shadow:0 0 12px rgba(255,215,0,.5),0 2px 5px rgba(0,0,0,.95)}.council-close-btn{background:none;border:1px solid #5a3a1a;color:#a07848;font-size:14px;padding:2px 7px;border-radius:3px;cursor:pointer;font-family:MedievalSharp,cursive;transition:all .2s}.council-close-btn:hover{border-color:gold;color:gold}.council-tabs{display:flex;border-bottom:1px solid #4a3520;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.council-tabs::-webkit-scrollbar{display:none}.council-tab{flex:1 0 auto;background:transparent;border:none;border-bottom:2px solid transparent;color:#7a6848;font-size:10px;padding:6px 4px;cursor:pointer;font-family:MedievalSharp,cursive;white-space:nowrap;transition:all .2s}.council-tab:hover{color:#c8b88a}.council-tab.active{color:gold;border-bottom-color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.council-body{flex:1;overflow-y:auto;padding:10px 12px;scrollbar-width:thin;scrollbar-color:#6b5335 rgba(0,0,0,.3)}.council-body::-webkit-scrollbar{width:4px}.council-body::-webkit-scrollbar-thumb{background:#6b5335;border-radius:2px}.council-role-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.council-role-emoji{font-size:28px;flex-shrink:0;line-height:1}.council-role-title-row{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}.council-role-title{color:gold;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.95)}.council-edit-title-btn{background:none;border:none;font-size:10px;cursor:pointer;opacity:.55;padding:0 2px;line-height:1;transition:opacity .2s;flex-shrink:0}.council-edit-title-btn:hover{opacity:1}.council-title-input{background:#ffffff12;border:1px solid #c8b88a;color:#f0dca0;font-family:MedievalSharp,cursive;font-size:11px;padding:2px 5px;border-radius:3px;width:120px}.council-confirm-title-btn,.council-cancel-title-btn{background:none;border:1px solid #5a3a1a;font-size:10px;padding:1px 5px;border-radius:3px;cursor:pointer;transition:all .2s;flex-shrink:0}.council-confirm-title-btn{color:#7dba5a;border-color:#4a7a3a}.council-confirm-title-btn:hover{background:#50a03233}.council-cancel-title-btn{color:#a07848}.council-cancel-title-btn:hover{border-color:gold;color:gold}.council-role-desc{color:#c8b88a;font-size:10px;margin-top:2px;font-family:Crimson Text,serif;text-shadow:0 1px 3px rgba(0,0,0,.9)}.council-advisor-info{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.council-advisor-name{color:gold;font-size:13px;text-shadow:0 1px 4px rgba(0,0,0,.95)}.council-advisor-traits{color:#a8985a;font-size:10px;font-family:Crimson Text,serif;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.9)}.council-skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.council-skill{background:#6b533559;border:1px solid rgba(107,83,53,.6);color:#c8b88a;font-size:9px;padding:1px 5px;border-radius:3px;font-family:Crimson Text,serif;text-shadow:0 1px 2px rgba(0,0,0,.9)}.council-skill b{color:gold}.council-dismiss-btn{width:100%;padding:4px 8px;background:linear-gradient(180deg,#2a1010,#120404);color:#a06858;border:1px solid #5a2a1a;border-radius:4px;font-family:MedievalSharp,cursive;font-size:10px;cursor:pointer;margin-bottom:8px;transition:all .2s}.council-dismiss-btn:hover{border-color:#c44;color:#f88}.council-sliders{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.council-slider-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#c8b88a;text-shadow:0 1px 3px rgba(0,0,0,.9)}.council-slider-label span:first-child{min-width:72px;text-align:right}.council-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#6b533580;border-radius:2px;outline:none;cursor:pointer}.council-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,gold,#c8a000);border:1px solid #6b5335;cursor:pointer;box-shadow:0 0 4px #ffd70066}.council-slider-val{min-width:24px;text-align:right;color:gold;font-size:10px}.council-permisos{margin-bottom:8px}.council-perm-title{display:block;color:gold;font-size:10px;margin-bottom:5px;text-shadow:0 1px 4px rgba(0,0,0,.95)}.council-perm-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:#c8b88a;font-size:10px;cursor:pointer;font-family:Crimson Text,serif;text-shadow:0 1px 3px rgba(0,0,0,.9)}.council-perm-check{width:14px;height:14px;cursor:pointer;accent-color:#ffd700}.council-directrices{margin-bottom:8px}.council-directrices-ta{width:100%;height:70px;margin-top:5px;background:#080502a6;border:1px solid #5b4a35;color:#c8b88a;font-family:Crimson Text,serif;font-size:11px;padding:5px 7px;border-radius:4px;resize:none;text-shadow:0 1px 2px rgba(0,0,0,.8)}.council-directrices-ta::placeholder{color:#5a4a2a}.council-directrices-ta:focus{border-color:#c8b88a;outline:none;background:#0c0803bf}.council-save-btn{width:100%;padding:7px 8px;background:linear-gradient(180deg,#2a5a15,#143a08);color:#afd;border:1px solid #4a8a25;border-radius:4px;font-family:MedievalSharp,cursive;font-size:11px;cursor:pointer;margin-top:4px;transition:all .2s;text-shadow:0 1px 3px rgba(0,0,0,.8)}.council-save-btn:hover{border-color:#8d4;background:linear-gradient(180deg,#3a7a20,#1e5010)}.council-save-btn:active{transform:scale(.98)}.council-empty{color:#7a6848;font-size:11px;text-align:center;margin-bottom:10px;font-family:Crimson Text,serif;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.9)}.council-candidates{display:flex;flex-direction:column;gap:6px}.council-candidate{background:#2a1e0f8c;border:1px solid #5b4a35;border-radius:5px;padding:7px 9px;display:flex;flex-direction:column;gap:2px;transition:border-color .2s}.council-candidate:hover{border-color:#c8b88a}.council-cand-name{color:gold;font-size:11px;text-shadow:0 1px 4px rgba(0,0,0,.95)}.council-cand-traits{color:#a8985a;font-size:9px;font-family:Crimson Text,serif;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.9)}.council-cand-source{color:#7a7068;font-size:9px;font-family:Crimson Text,serif}.council-assign-btn{margin-top:4px;padding:4px 8px;background:linear-gradient(180deg,#1a3a5a,#0d1e30);color:#a8d4f0;border:1px solid #3a6a9a;border-radius:3px;font-family:MedievalSharp,cursive;font-size:10px;cursor:pointer;transition:all .2s;align-self:flex-start}.council-assign-btn:hover{border-color:#88c4ff;color:#cce8ff}.council-assign-btn:active{transform:scale(.97)}#map-editor-ui{display:none}#me-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:201;width:210px;background:linear-gradient(180deg,#080502f7,#0a0602f2);border-right:1px solid #3a2a10;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;font-family:Crimson Text,serif;box-sizing:border-box}#me-sidebar::-webkit-scrollbar{width:4px}#me-sidebar::-webkit-scrollbar-track{background:#0a0602}#me-sidebar::-webkit-scrollbar-thumb{background:#3a2a10;border-radius:2px}#me-sidebar *{touch-action:pan-y}.me-sb-header{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px 10px;border-bottom:1px solid #3a2a10;flex-shrink:0}.me-sb-title{color:gold;font-size:13px;font-family:MedievalSharp,cursive;letter-spacing:.5px;flex:1}.me-sb-exit{background:linear-gradient(180deg,#5a1a0a,#300a02);border:1px solid #8a3a1a;color:#fa8;padding:4px 6px;border-radius:3px;cursor:pointer;font-size:12px;font-family:inherit}.me-sb-exit:hover{border-color:#f64;color:#fff}.me-sb-undo,.me-sb-redo{background:linear-gradient(180deg,#3a2a1a,#1a1005);border:1px solid #5a4a3a;color:#c8b88a;padding:4px 6px;border-radius:3px;cursor:pointer;font-size:14px}.me-sb-undo:hover,.me-sb-redo:hover{border-color:gold;color:#fff}.me-sb-undo:disabled,.me-sb-redo:disabled{opacity:.3;cursor:not-allowed;border-color:#3a2a1a}.me-sb-save{background:linear-gradient(180deg,#1a4a0a,#0a2800);border:1px solid #4a8a1a;color:#8fdd6f;padding:4px 6px;border-radius:3px;cursor:pointer;font-size:14px;font-family:inherit}.me-sb-save:hover{border-color:#8fdd6f}.me-sb-save.saving{opacity:.6;pointer-events:none}.me-sb-save.saved{border-color:gold;color:gold}.me-sb-save.save-error{border-color:#f44;color:#f88}.me-sb-section{padding:8px 10px;border-bottom:1px solid #1a1208;flex-shrink:0}.me-sb-label{color:#c8a860;font-size:11px;font-family:MedievalSharp,cursive;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.me-sb-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between}.me-sb-toggle:after{content:"▾";font-size:10px;color:#8a6a30;transition:transform .2s ease;flex-shrink:0}.me-sb-collapsible.collapsed .me-sb-toggle:after{transform:rotate(-90deg)}.me-sb-collapsible .me-sb-section-body{overflow:hidden;max-height:600px;transition:max-height .25s ease}.me-sb-collapsible.collapsed .me-sb-section-body{max-height:0}.me-sb-collapsible.collapsed .me-sb-toggle{margin-bottom:0}.me-sb-modes{display:flex;flex-direction:column;gap:3px}.me-sb-modes .me-mode-btn{width:100%;text-align:left;padding:5px 8px;border-radius:3px;border:1px solid #3a2a10;background:#ffffff08;color:#c8b88a;font-family:MedievalSharp,cursive;font-size:12px;cursor:pointer;transition:all .15s}.me-sb-modes .me-mode-btn+.me-mode-btn{border-left:1px solid #3a2a10}.me-sb-modes .me-mode-btn:hover{background:#ffd70014;border-color:#6a5a20;color:gold}.me-sb-modes .me-mode-btn.active-height{background:#64500a4d;border-color:gold;color:gold}.me-sb-modes .me-mode-btn.active-texture{background:#2850144d;border-color:#8fdd6f;color:#8fdd6f}.me-sb-modes .me-mode-btn.active-objects{background:#143c144d;border-color:#4aee4a;color:#4aee4a}.me-sb-modes .me-mode-btn.active-river{background:#143c8c4d;border-color:#49f;color:#49f}.me-sb-modes .me-mode-btn.active-terrain{background:#5032144d;border-color:#c8a060;color:#c8a060}.me-sb-modes .me-mode-btn.active-politics{background:#781e1e4d;border-color:#c66;color:#c88}.me-sb-subtools .me-pick-btn{display:block;width:100%;text-align:left;margin-bottom:3px;border-radius:3px;padding:4px 8px}.me-sb-subtools .me-pick-btn+.me-pick-btn{border-left:none}.me-terrain-btn{background:#ffffff0a;border:1px solid #3a2a10;color:#c8b88a}.me-terrain-btn:hover{filter:brightness(1.2)}.me-terrain-btn.active-pick{border-color:#c8a060;color:gold;background:#78501440}.me-sb-param{display:flex;align-items:center;gap:6px;margin-bottom:5px}.me-sb-plabel{color:#8a7a5a;font-size:11px;min-width:60px;flex-shrink:0}.me-sb-slider{flex:1;accent-color:#c8a060;height:3px;min-width:0}.me-sb-pval{color:gold;font-size:11px;min-width:28px;text-align:right;flex-shrink:0}.me-sb-numinput{width:56px;background:#ffffff0f;border:1px solid #5a3a1a;color:gold;padding:2px 5px;border-radius:3px;font-size:12px;font-family:Crimson Text,serif;text-align:right}.me-sb-readonly{color:#8a7a5a}.me-sb-unit{color:#8a7a5a;font-size:11px}.me-sb-fileload{display:block;padding:5px 8px;background:#ffffff0a;border:1px solid #3a2a10;border-radius:3px;color:#c8b88a;font-size:11px;cursor:pointer;text-align:center;transition:all .15s}.me-sb-fileload:hover{border-color:#8a6a2a;color:gold}.me-sb-brushinfo{padding:6px 10px;font-size:11px;color:#8a8060;font-family:Crimson Text,serif;border-bottom:1px solid #1a1208;flex-shrink:0;min-height:28px}.me-sb-help{padding:6px 10px;font-size:10px;color:#4a4030;font-family:Crimson Text,serif;line-height:1.5;flex-shrink:0}.me-sb-stat{font-size:11px;color:#49f;margin-top:3px}.me-sb-hint{font-size:10px;color:#5a5040;margin-bottom:4px;line-height:1.4}.me-sb-politics{flex:1;min-height:0;display:flex;flex-direction:column}.me-sb-politics .me-pol-list{flex:1;overflow-y:auto;max-height:300px}.me-sb-politics .me-pol-toolbar{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.me-sb-politics .me-pol-btn{width:100%;text-align:left;font-size:11px;padding:4px 6px}#me-start-menu,#we-start-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#05080ce0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#me-start-menu.hidden,#we-start-menu.hidden{display:none}.me-start-card{background:linear-gradient(160deg,#1a160e,#0d1118);border:1px solid #5a4a2a;border-radius:10px;padding:36px 44px 28px;min-width:300px;max-width:420px;width:90vw;box-shadow:0 8px 40px #000000b3;display:flex;flex-direction:column;gap:16px;align-items:stretch}.me-start-title{font-family:MedievalSharp,cursive;font-size:22px;color:gold;text-align:center;margin-bottom:4px;letter-spacing:.03em}.me-start-btns{display:flex;gap:10px}.me-start-btn{flex:1;padding:13px 10px;font-family:MedievalSharp,cursive;font-size:14px;border-radius:6px;border:none;cursor:pointer;transition:filter .15s,transform .1s}.me-start-btn:hover{filter:brightness(1.25);transform:translateY(-1px)}.me-start-new{background:linear-gradient(180deg,#2a5a10,#143808);color:#8fdd6f;border:1px solid #3a7a18}.me-start-load{background:linear-gradient(180deg,#1a3a5a,#0d1e30);color:#88c8f0;border:1px solid #2a5a8a}.me-map-list{background:#00000059;border:1px solid #3a3020;border-radius:6px;padding:10px;max-height:240px;overflow-y:auto}.me-map-list-title{font-size:11px;color:#8a7a5a;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.me-map-item{width:100%;text-align:left;padding:9px 12px;margin-bottom:4px;background:linear-gradient(90deg,#1e1a12,#151210);border:1px solid #3a3020;border-radius:4px;color:#c8b88a;font-family:MedievalSharp,cursive;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s}.me-map-item:hover{background:linear-gradient(90deg,#2a2418,#1e1a12);border-color:#7a6840;color:gold}.me-map-list-empty{color:#5a4a2a;font-size:12px;text-align:center;padding:8px 0}.me-start-status{min-height:18px;font-size:12px;color:#7a9a5a;text-align:center}.me-start-status.error{color:#c55}.me-start-exit-btn{background:none;border:1px solid #3a2a1a;border-radius:4px;color:#5a4a2a;font-size:12px;padding:5px;cursor:pointer;transition:color .12s,border-color .12s}.me-start-exit-btn:hover{color:#c55;border-color:#c33}.me-biome-select{width:100%;padding:5px 6px;margin:4px 0;background:#00000080;border:1px solid #4a3a20;color:#c8b88a;border-radius:4px;font-size:12px}.me-biome-mgr-btn{width:100%;margin-top:4px;background:linear-gradient(180deg,#2a2010,#181008);color:#aaa;border:1px solid #4a3a20!important}.me-biome-mgr-btn:hover{color:gold}.me-biome-manager{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#05080cd1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.me-biome-manager.hidden{display:none}.me-bm-card{background:linear-gradient(160deg,#1a160e,#0d1118);border:1px solid #5a4a2a;border-radius:10px;width:min(820px,95vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #000c}.me-bm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #3a2a10}.me-bm-title{font-family:MedievalSharp,cursive;font-size:18px;color:gold}.me-bm-close{background:none;border:none;color:#7a6840;font-size:18px;cursor:pointer;line-height:1}.me-bm-close:hover{color:#c33}.me-bm-body{display:flex;gap:0;flex:1;min-height:0;overflow:hidden}.me-bm-col{display:flex;flex-direction:column;padding:14px;min-height:0}.me-bm-col-profiles{width:220px;border-right:1px solid #2a2010;flex-shrink:0}.me-bm-col-assets{flex:1;overflow:hidden}.me-bm-col-title{font-size:11px;color:#7a6840;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.me-bm-profile-list{flex:1;overflow-y:auto;margin-bottom:8px}.me-bm-profile-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin-bottom:3px;border-radius:5px;background:linear-gradient(90deg,#1e1a12,#151210);border:1px solid #3a3020;cursor:pointer;color:#c8b88a;font-size:13px;transition:background .1s}.me-bm-profile-item:hover,.me-bm-profile-item.active{background:linear-gradient(90deg,#2a2418,#1e1a12);border-color:#7a6840;color:gold}.me-bm-profile-del{background:none;border:none;color:#5a3a2a;font-size:13px;cursor:pointer;padding:0 2px;flex-shrink:0}.me-bm-profile-del:hover{color:#c33}.me-bm-new-row{display:flex;gap:6px}.me-bm-new-input{flex:1;padding:6px 8px;background:#00000080;border:1px solid #4a3a20;border-radius:4px;color:#c8b88a;font-size:12px}.me-bm-new-btn{padding:6px 10px;background:linear-gradient(180deg,#2a5a10,#143808);border:1px solid #3a7a18;color:#8fdd6f;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap}.me-bm-new-btn:hover{filter:brightness(1.2)}.me-bm-asset-list{flex:1;overflow-y:auto;margin-bottom:8px}.me-bm-asset-item{display:flex;align-items:center;gap:8px;padding:7px 10px;margin-bottom:3px;border-radius:5px;background:#0000004d;border:1px solid #2a2010}.me-bm-asset-thumb{width:36px;height:36px;object-fit:contain;border-radius:3px;border:1px solid #3a2a10;flex-shrink:0}.me-bm-asset-thumb-glb{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1a1510;border-radius:3px;font-size:20px;flex-shrink:0}.me-bm-asset-info{flex:1;min-width:0}.me-bm-asset-name{font-size:12px;color:#c8b88a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-bm-asset-cat{font-size:10px;color:#5a4a2a;margin-top:2px}.me-bm-asset-del{background:none;border:none;color:#5a3a2a;font-size:14px;cursor:pointer}.me-bm-asset-del:hover{color:#c33}.me-bm-upload-area{border:1px dashed #4a3a20;border-radius:6px;padding:10px 12px;background:#0003}.me-bm-upload-row{display:flex;gap:8px;align-items:center}.me-bm-file-btn{padding:7px 12px;background:linear-gradient(180deg,#1a3a5a,#0d1e30);border:1px solid #2a5a8a;color:#88c8f0;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap}.me-bm-file-btn:hover{filter:brightness(1.2)}.me-bm-cat-select{flex:1;padding:6px 8px;background:#00000080;border:1px solid #4a3a20;color:#c8b88a;border-radius:4px;font-size:12px}.me-bm-upload-status{font-size:11px;color:#7a9a5a;margin-top:6px;min-height:14px}.me-bm-upload-status.error{color:#c55}.me-bm-footer{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid #2a2010}.me-bm-save-btn{padding:8px 18px;background:linear-gradient(180deg,#2a5a10,#143808);border:1px solid #3a7a18;color:#8fdd6f;border-radius:5px;font-family:MedievalSharp,cursive;font-size:13px;cursor:pointer}.me-bm-save-btn:hover{filter:brightness(1.2)}.me-bm-footer-status{font-size:12px;color:#7a9a5a}#world-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:row;background:#0d0a04;font-family:MedievalSharp,cursive}#we-sidebar{width:300px;flex-shrink:0;background:linear-gradient(180deg,#1a1408,#0d0a04);border-right:1px solid #3a2a10;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:20px}.we-sb-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #3a2a10;background:#12100a}.we-sb-exit{background:none;border:none;color:#7a5a3a;font-size:18px;cursor:pointer}.we-sb-exit:hover{color:#c33}.we-sb-title{flex:1;color:gold;font-size:15px;text-align:center}.we-sb-save{background:linear-gradient(180deg,#2a5a10,#143808);border:1px solid #3a7a18;color:#8fdd6f;font-size:13px;padding:4px 10px;border-radius:4px;cursor:pointer;font-family:MedievalSharp,cursive}.we-sb-save:hover{filter:brightness(1.2)}.we-sb-section{padding:10px 12px;border-bottom:1px solid #2a1a08}.we-sb-label{color:#7a6848;font-size:11px;text-transform:uppercase;margin-bottom:6px}.we-sb-hint{color:#5a4a28;font-size:11px;margin-bottom:4px}.we-sb-help{color:#3a2a10;font-size:10px;padding:8px 12px}.we-hidden{display:none!important}.we-modes{display:flex;flex-wrap:wrap;gap:4px}.we-mode-btn{flex:1;padding:5px 4px;font-size:11px;background:#0006;border:1px solid #3a2a10;color:#7a6848;border-radius:3px;cursor:pointer;font-family:MedievalSharp,cursive}.we-mode-btn.we-active{background:linear-gradient(180deg,#3a2810,#1a1008);color:gold;border-color:#5a4a20}.we-list{max-height:280px;overflow-y:auto;margin-bottom:8px}.we-empty{color:#4a3a20;font-size:11px;padding:6px}.we-list-item{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:5px 4px;border-bottom:1px solid #1a1208;font-size:12px;color:#c8b88a}.we-list-item.we-active{background:#ffd70012}.we-county-item{flex-direction:column;align-items:flex-start}.we-county-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;width:100%;margin-top:3px}.we-item-name{flex:1}.we-item-meta{font-size:10px;color:#5a4a28}.we-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.we-icon-btn{background:none;border:none;color:#5a4a28;font-size:13px;cursor:pointer;padding:0 2px}.we-icon-btn:hover{color:#c8b88a}.we-icon-btn.we-del:hover{color:#c33}.we-new-row{display:flex;gap:6px;margin-top:6px}.we-input{flex:1;padding:5px 8px;background:#00000080;border:1px solid #3a2a10;color:#c8b88a;border-radius:4px;font-size:12px}.we-btn-add{padding:5px 10px;background:linear-gradient(180deg,#2a4a10,#12280a);border:1px solid #3a6a18;color:#8fdd6f;border-radius:4px;cursor:pointer;font-size:12px;font-family:MedievalSharp,cursive}.we-btn{width:100%;padding:6px;margin-top:4px;background:linear-gradient(180deg,#1a3a5a,#0d1e30);color:#a8d4f0;border:1px solid #3a6a9a;border-radius:4px;cursor:pointer;font-size:12px;font-family:MedievalSharp,cursive}.we-select{width:100%;padding:5px 8px;background:#00000080;border:1px solid #3a2a10;color:#c8b88a;border-radius:4px;font-size:12px;margin-bottom:4px}.we-select-sm{padding:3px 5px;background:#00000080;border:1px solid #3a2a10;color:#c8b88a;border-radius:3px;font-size:11px;max-width:120px}.we-small{font-size:10px;color:#5a4a28}.we-stat{font-size:11px;color:#7a9a5a;margin-top:6px}.we-status{font-size:11px;margin-top:4px;min-height:14px}.we-hex-canvas{flex:1;display:block;cursor:crosshair;touch-action:none}.we-btn-auto{display:block;width:100%;margin-top:6px;padding:5px 10px;background:#143c1480;border:1px solid #3a6a1a;color:#8fdd6f;border-radius:4px;cursor:pointer;font-family:MedievalSharp,cursive;font-size:11px}.we-btn-auto:hover{background:#285a1499}.we-color-input{width:28px;height:22px;border:1px solid #5a3a1a;border-radius:3px;cursor:pointer;background:transparent;padding:0;flex-shrink:0}.we-kingdom-row{flex-wrap:nowrap;align-items:center;gap:5px}.we-row-field{display:flex;align-items:center;gap:6px;margin-bottom:6px;flex-wrap:wrap}.we-slider{flex:1;accent-color:#8fdd6f;min-width:60px}.we-val{color:gold;font-size:11px;min-width:30px;text-align:right}.me-touch-bar{padding:4px 8px;border-bottom:1px solid #2a2010;display:none}.me-touch-btn{width:100%;min-height:44px;background:#14284699;border:1px solid #3a5080;color:#8ad;border-radius:5px;cursor:pointer;font-family:MedievalSharp,cursive;font-size:13px}.me-touch-btn:active{background:#28466eb3}@media(max-width:600px){#we-sidebar{width:220px;max-width:45%;height:100%;max-height:100%;overflow-y:auto;border-right:1px solid #3a2a10;flex-shrink:0}.we-hex-canvas{height:100%;flex:1}.we-modes{gap:2px}.we-mode-btn{font-size:10px;padding:4px 3px}#me-sidebar{width:220px;max-width:45vw;height:100%;height:100dvh;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}#me-sidebar::-webkit-scrollbar{width:6px}#me-sidebar::-webkit-scrollbar-thumb{background:#5a4020;border-radius:3px}.me-touch-bar{display:block}}.settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;align-items:center;justify-content:center;font-family:MedievalSharp,cursive}.settings-box{background:linear-gradient(180deg,#1e1a12,#0a0805);border:2px solid #8b6835;border-radius:10px;width:90vw;max-width:450px;box-shadow:0 10px 40px #000000e6,0 0 0 1px #ffd7001a;display:flex;flex-direction:column}.settings-header{padding:14px 18px;border-bottom:1px solid #4a3a20;display:flex;justify-content:space-between;align-items:center;background:#0006;border-radius:8px 8px 0 0}.settings-header span{color:gold;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.settings-close{background:none;border:none;color:#a08a60;font-size:20px;cursor:pointer;transition:color .2s;padding:0 4px}.settings-close:hover{color:#f44}.settings-tabs{display:flex;border-bottom:1px solid #3a2a10}.settings-tab{flex:1;background:#15110a;border:none;border-bottom:2px solid transparent;color:#8a7a5a;padding:12px 0;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s}.settings-tab:hover{color:#c8b88a;background:#1a160e}.settings-tab.active{color:gold;border-bottom-color:gold;background:#1e1a12}.settings-body{padding:16px 20px;max-height:60vh;overflow-y:auto;font-family:Crimson Text,serif}.settings-tab-content{display:none;flex-direction:column;gap:14px}.settings-tab-content.active{display:flex}.set-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;padding:10px 12px;border:1px solid #3a2a10;border-radius:6px}.set-row label{color:#d4c4a0;font-size:15px}.set-row select{background:#0009;border:1px solid #5b4a35;color:gold;padding:6px 10px;border-radius:4px;font-family:inherit;font-size:14px;cursor:pointer;outline:none}.set-row input[type=range]{flex:1;margin:0 12px;accent-color:#ffd700;height:4px;background:#2a2015;border-radius:2px;-webkit-appearance:none}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,gold,#b8860b);cursor:pointer;border:1px solid #8b6914;box-shadow:0 0 5px #ffd70066}.set-val{color:gold;font-size:13px;min-width:40px;text-align:right}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2a2015;transition:.3s;border-radius:22px;border:1px solid #4a3a20}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#8a7a5a;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#3a5a28;border-color:#4a8a30}input:checked+.slider:before{transform:translate(22px);background-color:#8fdd6f;box-shadow:0 0 5px #8fdd6f80}