@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Vazirmatn:wght@300;400;700;900&display=swap";:root{--bg-color: #94a3b8;--panel-bg: rgba(30, 41, 59, .7);--panel-border: rgba(255, 255, 255, .1);--primary: #10b981;--primary-hover: #059669;--secondary: #0284c7;--secondary-hover: #0369a1;--text: #f8fafc}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;position:fixed;top:0;left:0}body{font-family:Outfit,Vazirmatn,sans-serif;background-color:var(--bg-color);color:var(--text);-webkit-user-select:none;user-select:none}#app{width:100%;height:100%;height:100dvh;position:relative;background-image:url(../bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}#menu-screen,#lobby-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}canvas#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:transparent;touch-action:none}.glass-panel{background:#0f172a66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #00000080,inset 0 0 20px #ffffff0d;z-index:10;display:flex;flex-direction:column;gap:1.5rem;min-width:320px;pointer-events:auto;color:#fff}.hidden{display:none!important}html.loading-lang body{opacity:0!important}h1.game-title{font-size:3rem;font-weight:900;text-align:center;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.5);margin-bottom:.5rem;letter-spacing:3px}input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--panel-border);background:#0f172a99;color:#fff;font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s}input:focus{border-color:var(--primary)}input::placeholder{color:#fffc}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;text-align:center!important;direction:ltr!important}.btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;font-family:inherit;color:#fff;cursor:pointer;transition:transform .1s,background-color .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn:active{transform:scale(.98)}.btn.primary{background-color:var(--primary)}.btn.primary:hover{background-color:var(--primary-hover)}.btn.secondary{background-color:var(--secondary)}.btn.secondary:hover{background-color:var(--secondary-hover)}.divider{text-align:center;font-size:.9rem;color:#94a3b8;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--panel-border)}.divider:before{left:0}.divider:after{right:0}.player-list-container{max-height:200px;overflow-y:auto;border:1px solid var(--panel-border);border-radius:8px;padding:10px;background:#0003}#player-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:10px}#player-list li{display:flex;align-items:center;gap:10px}.color-dot{width:12px;height:12px;border-radius:50%;display:inline-block}#waiting-msg{text-align:center;color:#cbd5e1;font-size:.9rem}#game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.top-bar{position:absolute;top:20px;left:50%;transform:translate(-50%);background:var(--panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 20px;border-radius:20px;border:1px solid var(--panel-border);font-weight:600;font-size:1.2rem}.leaderboard{position:absolute;bottom:20px;right:20px;min-width:200px;pointer-events:auto;padding:1rem;gap:.5rem!important}.leaderboard h3{margin-bottom:10px;font-size:1.1rem;border-bottom:1px solid var(--panel-border);padding-bottom:5px;text-align:center!important}#diplomacy-hud h3,#diplomacy-list li{text-align:center!important}#leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px;direction:ltr!important}#leaderboard-list li{text-align:left!important}body.rtl{font-family:Vazirmatn,Outfit,sans-serif}.rtl input{text-align:right}.lang-tab-btn{color:#94a3b8;font-family:Outfit,Vazirmatn,sans-serif}.lang-tab-btn:hover{color:#fff!important;background:#ffffff0d}.lang-tab-btn.active{background:var(--secondary)!important;color:#fff!important;box-shadow:0 4px 12px #0284c74d}#menu-screen.hidden~#developer-link,#menu-screen.hidden~#language-select,#menu-screen.hidden~#version-badge{display:none!important}.perk-slot{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 4px 10px #0000004d}.perk-slot.active{opacity:1!important;border-color:#fff6!important}#perk-slot-fast-capture.active{box-shadow:0 0 15px #3b82f6,inset 0 0 8px #3b82f6;border-color:#60a5fa!important}#perk-slot-rapid-fire.active{box-shadow:0 0 15px #ef4444,inset 0 0 8px #ef4444;border-color:#fca5a5!important}#perk-slot-industrialist.active{box-shadow:0 0 15px #fbbf24,inset 0 0 8px #fbbf24;border-color:#fde047!important}.perk-slot:after{content:attr(data-tooltip-text);position:absolute;left:55px;top:50%;transform:translateY(-50%) scale(.85);background:#0f172af2;border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 12px;border-radius:8px;font-size:.85rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:1000;box-shadow:0 4px 15px #00000080;font-family:Outfit,Vazirmatn,sans-serif;font-weight:600}.perk-slot.active-tooltip:after{opacity:1!important;transform:translateY(-50%) scale(1)!important;pointer-events:auto!important}.perk-slot:hover:after{opacity:1;transform:translateY(-50%) scale(1)}#perk-unlock-popup{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%) scale(.7);background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.25);padding:20px 40px;border-radius:16px;text-align:center;z-index:10000;pointer-events:none;opacity:0;box-shadow:0 15px 35px #0009;transition:opacity .4s cubic-bezier(.175,.885,.32,1.275),transform .4s cubic-bezier(.175,.885,.32,1.275)}#perk-unlock-popup.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.ctx-build-btn{font-size:.85rem!important;padding:6px 10px!important;text-align:start!important;width:100%!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) rgba(255,255,255,.03)}#tutorial-sidebar{direction:rtl;padding-left:8px!important}.tut-tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#e2e8f0;padding:8px 12px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;direction:ltr;text-align:left;transition:background-color .25s ease,color .25s ease,border-color .25s ease;width:100%}.tut-tab-btn:hover{background:#ffffff1a;color:#fff}.tut-tab-btn[data-tab=rules].active{background:#f8fafc26!important;border-color:#f8fafc59!important;color:#f8fafc!important;font-weight:700}.tut-tab-btn[data-tab=tower-attack].active{background:#10b98133!important;border-color:#10b98166!important;color:#10b981!important;font-weight:700}.tut-tab-btn[data-tab=tower-watch].active{background:#3b82f633!important;border-color:#3b82f666!important;color:#3b82f6!important;font-weight:700}.tut-tab-btn[data-tab=tower-forge].active{background:#f9731633!important;border-color:#f9731666!important;color:#f97316!important;font-weight:700}.tut-tab-btn[data-tab=tower-fortress].active{background:#a78bfa33!important;border-color:#a78bfa66!important;color:#a78bfa!important;font-weight:700}.tut-tab-btn[data-tab=tower-barracks].active{background:#ef444433!important;border-color:#ef444466!important;color:#ef4444!important;font-weight:700}.tut-tab-btn[data-tab=tower-workshop].active{background:#22d3ee33!important;border-color:#22d3ee66!important;color:#22d3ee!important;font-weight:700}.tut-tab-btn[data-tab=tower-farm].active{background:#84cc1633!important;border-color:#84cc1666!important;color:#84cc16!important;font-weight:700}.tut-tab-btn[data-tab=tower-command].active{background:#f472b633!important;border-color:#f472b666!important;color:#f472b6!important;font-weight:700}.tut-tab-btn[data-tab=tower-market].active{background:#b4530933!important;border-color:#b4530966!important;color:#b45309!important;font-weight:700}.tut-tab-btn[data-tab=tower-monument].active{background:#fbbf2433!important;border-color:#fbbf2466!important;color:#fbbf24!important;font-weight:700}.tut-tab-btn[data-tab=perks].active{background:#eab30833!important;border-color:#eab30866!important;color:#eab308!important;font-weight:700}.tut-tab-btn[data-tab=diplomacy].active{background:#14b8a633!important;border-color:#14b8a666!important;color:#14b8a6!important;font-weight:700}.tut-tab-btn[data-tab=rules]:hover:not(.active){color:#f8fafc;border-color:#f8fafc33;background:#ffffff14}.tut-tab-btn[data-tab=tower-attack]:hover:not(.active){color:#10b981;border-color:#10b98140;background:#10b9810d}.tut-tab-btn[data-tab=tower-watch]:hover:not(.active){color:#3b82f6;border-color:#3b82f640;background:#3b82f60d}.tut-tab-btn[data-tab=tower-forge]:hover:not(.active){color:#f97316;border-color:#f9731640;background:#f973160d}.tut-tab-btn[data-tab=tower-fortress]:hover:not(.active){color:#a78bfa;border-color:#a78bfa40;background:#a78bfa0d}.tut-tab-btn[data-tab=tower-barracks]:hover:not(.active){color:#ef4444;border-color:#ef444440;background:#ef44440d}.tut-tab-btn[data-tab=tower-workshop]:hover:not(.active){color:#22d3ee;border-color:#22d3ee40;background:#22d3ee0d}.tut-tab-btn[data-tab=tower-farm]:hover:not(.active){color:#84cc16;border-color:#84cc1640;background:#84cc160d}.tut-tab-btn[data-tab=tower-command]:hover:not(.active){color:#f472b6;border-color:#f472b640;background:#f472b60d}.tut-tab-btn[data-tab=tower-market]:hover:not(.active){color:#b45309;border-color:#b4530940;background:#b453090d}.tut-tab-btn[data-tab=tower-monument]:hover:not(.active){color:#fbbf24;border-color:#fbbf2440;background:#fbbf240d}.tut-tab-btn[data-tab=perks]:hover:not(.active){color:#eab308;border-color:#eab30840;background:#eab3080d}.tut-tab-btn[data-tab=diplomacy]:hover:not(.active){color:#14b8a6;border-color:#14b8a640;background:#14b8a60d}.tut-tab-content{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}body.rtl #tutorial-sidebar{direction:ltr;border-right:none!important;border-left:1px solid rgba(255,255,255,.1)!important;padding-left:12px!important;padding-right:8px!important}body.rtl #tutorial-content-panel{padding-left:0!important;padding-right:5px!important}body.rtl .tut-tab-btn{direction:rtl;text-align:right}.hud-btn{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#f8fafc;padding:8px 16px;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;transition:background-color .2s,color .2s,transform .2s;box-shadow:0 4px 15px #0006}.hud-btn:hover{color:#fff;background:#0f172ad9;transform:translateY(-1px)}.hud-btn:active{transform:translateY(0)}@media (max-width: 600px),(max-height: 500px){#hud-top-left{top:10px!important;left:10px!important;flex-direction:column!important;gap:6px!important;direction:ltr!important}#hud-top-left>*{width:32px!important;height:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;margin:0!important}#btn-exit-game span[data-t=exit_btn],#btn-fullscreen span[data-t=fullscreen_btn],#music-volume-slider{display:none!important}#perks-hud{top:130px!important;left:10px!important;gap:6px!important;z-index:20!important}.perk-slot{width:36px!important;height:36px!important;font-size:1.1rem!important}.perk-slot:after{left:45px!important;white-space:normal!important;max-width:150px!important;width:150px!important;font-size:.78rem!important;line-height:1.2!important}#top-resource-bar{top:0!important;gap:3px!important}.resource-pill{padding:3px 8px 6px!important;min-width:45px!important}.resource-pill .res-icon{font-size:1.1rem!important}.resource-pill .res-val{font-size:.9rem!important}#top-resource-bar>div:nth-child(2)>div.resource-pill{padding:3px 15px 8px!important}#top-resource-bar>div:nth-child(2)>div.resource-pill .res-icon{font-size:1.3rem!important}#top-resource-bar>div:nth-child(2)>div.resource-pill .res-val{font-size:1.1rem!important}#game-timer{padding:2px 8px!important;font-size:.85rem!important;min-width:55px!important}#language-select{top:10px!important;right:10px!important;gap:6px!important}#btn-menu-tutorial,#btn-newspaper{padding:6px 12px!important;font-size:.8rem!important}#in-game-tutorial-container{top:auto!important;bottom:10px!important;left:10px!important;right:auto!important}.hud-btn{padding:6px 12px!important;font-size:.8rem!important}#diplomacy-hud{top:55px!important;right:10px!important;min-width:140px!important;padding:8px!important;font-size:.8rem!important;max-height:150px!important;overflow-y:auto!important}.leaderboard{bottom:10px!important;right:10px!important;min-width:140px!important;padding:8px!important;font-size:.8rem!important;max-height:150px!important;overflow:hidden!important;gap:.5rem!important}}@media (max-height: 500px){#diplomacy-hud{top:auto!important;bottom:10px!important;left:10px!important;right:auto!important;max-height:110px!important;padding:6px!important}#diplomacy-hud h3{margin-bottom:4px!important;font-size:.75rem!important;padding-bottom:2px!important}#diplomacy-list{gap:2px!important;font-size:.75rem!important}#diplomacy-list li{margin-bottom:0!important}.leaderboard{max-height:110px!important;padding:6px!important}.leaderboard h3{margin-bottom:4px!important;font-size:.75rem!important;padding-bottom:2px!important}#leaderboard-list{gap:2px!important}#leaderboard-list li{font-size:.75rem!important;margin-bottom:0!important}}.dark body{background-color:#0b0f19!important;color:#f8fafc!important}.dark .glass-panel{background:#0f172ad9!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #0009!important}.dark input[type=text]{background:#0f172ae6!important;color:#fff!important;border-color:#ffffff26!important}.dark .btn.secondary{background:var(--secondary)!important;color:#fff!important;border-color:#ffffff26!important}.dark .btn.secondary:hover{background:var(--secondary-hover)!important;color:#fff!important}.dark #version-badge,.dark #developer-link,.dark #language-select>div:first-child{background:#0f172ad9!important;border:1px solid rgba(255,255,255,.08)!important}.dark #version-badge span:first-child,.dark #developer-link span:first-child{color:#64748b!important}#music-volume-slider{width:60px;cursor:pointer;height:6px;-webkit-appearance:none;background:#fff3;border-radius:3px;outline:none;margin:0;padding:0;border:none;transition:opacity .2s}#music-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer;transition:transform .1s ease}#music-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}#music-volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;transition:transform .1s ease}#music-volume-slider::-moz-range-thumb:hover{transform:scale(1.25)}@keyframes pulse-ping{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border-top-color:#38bdf8!important}.menu-dashboard{width:700px;max-width:95%;padding:2rem!important;transition:all .3s ease}.menu-dashboard-content{display:grid;grid-template-columns:1fr 1.1fr;grid-template-areas:"username online" "lobbies  online";gap:20px;width:100%}.grid-username{grid-area:username}.grid-online{grid-area:online}.grid-lobbies{grid-area:lobbies}.menu-section-play{display:flex;flex-direction:column;height:100%;justify-content:center}.play-modes-container{display:flex;flex-direction:column;gap:12px;width:100%;animation:fadeIn .25s ease-out}#username-input{background:transparent!important;border:none!important;border-bottom:2px solid rgba(255,255,255,.15)!important;border-radius:0!important;padding:8px 0!important;font-size:1.15rem;font-weight:700;text-align:center!important;margin-top:5px;transition:border-color .3s ease}#username-input:focus{border-bottom-color:var(--primary)!important}.btn.play-online-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff;font-weight:800;font-size:1.1rem;height:48px;border-radius:12px;box-shadow:0 4px 12px #10b98133}.btn.play-online-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98159}.btn.play-solo-trigger-btn{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff;font-weight:800;font-size:1.1rem;height:48px;border-radius:12px;box-shadow:0 4px 12px #6366f133}.btn.play-solo-trigger-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f159}.solo-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;width:100%}.solo-card-header{font-weight:700;font-size:.95rem;color:#cbd5e1;text-align:start}.solo-bot-controls{display:flex;align-items:center;gap:12px;width:100%}.btn.play-solo-btn{background:#10b981!important;color:#fff;font-weight:800;font-size:.9rem;height:38px;padding:0 16px!important;border-radius:8px;width:auto!important}.btn.play-solo-btn:hover{background:#059669!important;box-shadow:0 4px 12px #10b98140}.lobby-actions-container{display:flex;flex-direction:column;gap:8px;width:100%}.btn.action-btn{background:#0284c70d!important;border:1px solid rgba(2,132,199,.25)!important;color:#e0f2fe!important;font-size:.92rem;font-weight:600;height:44px;border-radius:8px;transition:all .25s ease;box-shadow:0 2px 8px #00000026}.btn.action-btn:hover{background:#0284c726!important;border-color:#0284c780!important;color:#fff!important;box-shadow:0 4px 15px #0284c740;transform:translateY(-1px)}@media (max-width: 768px),(max-height: 520px){.menu-dashboard{width:92%!important;max-width:350px!important;padding:1.5rem 1.25rem!important;gap:1rem!important}.menu-dashboard-content{grid-template-columns:1fr;grid-template-areas:"username" "online" "lobbies";gap:12px}#username-input{font-size:1rem!important;padding:6px 0!important;margin-top:0!important}.btn.play-online-btn,.btn.play-solo-trigger-btn{height:44px!important;font-size:1rem!important}.solo-card{padding:10px 12px!important;gap:8px!important}.solo-card-header{font-size:.85rem!important}.btn.play-solo-btn{height:34px!important;padding:0 12px!important;font-size:.82rem!important}.lobby-actions-container{flex-direction:row!important;gap:6px!important}.btn.action-btn{height:auto!important;min-height:36px!important;font-size:.74rem!important;padding:6px 4px!important;gap:4px!important;flex:1;white-space:normal!important;text-align:center!important}}@keyframes shake-newspaper{0%{transform:scale(1) rotate(0)}10%{transform:scale(1.08) rotate(-5deg)}20%{transform:scale(1.08) rotate(5deg)}30%{transform:scale(1.08) rotate(-5deg)}40%{transform:scale(1.08) rotate(5deg)}50%{transform:scale(1.08) rotate(-5deg)}60%{transform:scale(1.08) rotate(5deg)}70%{transform:scale(1.08) rotate(-5deg)}80%{transform:scale(1.08) rotate(5deg)}90%{transform:scale(1.08) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.shake-newspaper{animation:shake-newspaper 2s infinite ease-in-out;border-color:#38bdf8!important;background:#38bdf826!important;box-shadow:0 0 12px #38bdf866!important}#newspaper-modal::-webkit-scrollbar{width:6px}#newspaper-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}#newspaper-modal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}#newspaper-modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 800px){#diplomacy-hud{top:110px!important;right:10px!important}}#game-timer.monument-active{color:#fbbf24!important;border-color:#fbbf24b3!important;background:#0f172af2!important;box-shadow:0 0 20px #fbbf2480!important;animation:pulse-gold-timer 1.5s infinite ease-in-out!important}@keyframes pulse-gold-timer{0%{transform:scale(1);box-shadow:0 0 10px #fbbf2466}50%{transform:scale(1.08);box-shadow:0 0 25px #fbbf24b3}to{transform:scale(1);box-shadow:0 0 10px #fbbf2466}}@media (min-width: 801px){#ping-container{position:absolute!important;left:calc(100% + 5px)!important;top:0!important}}