*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}img{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}:root{--gold: #f5c842;--text: #fff}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none}body{font-family:Segoe UI,system-ui,sans-serif;color:var(--text)}.app{width:100vw;height:100dvh;position:relative;overflow:hidden}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:8px 10px;z-index:200;pointer-events:none}.hud-resource{display:flex;align-items:center;gap:5px;background:#050c1cb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.25);border-radius:20px;padding:4px 12px 4px 4px;pointer-events:auto;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff0f;min-width:85px}.hud-resource-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.hud-resource-icon.gold{background:radial-gradient(circle,#fde68a,#d97706)}.hud-resource-icon.food{background:radial-gradient(circle,#86efac,#16a34a)}.hud-resource-icon.gems{background:radial-gradient(circle,#c4b5fd,#7c3aed)}.hud-resource-icon.trophy{background:radial-gradient(circle,#fde68a,#b45309)}.hud-resource-val{font-size:.8rem;font-weight:800;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud-logout{margin-left:auto;pointer-events:auto;background:linear-gradient(180deg,#7f1d1d,#450a0a);border:2px solid #991b1b;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;color:#fca5a5;box-shadow:0 2px 8px #00000080}.map-viewport{position:absolute;inset:0;overflow:auto;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.map-viewport::-webkit-scrollbar{display:none}.map-viewport:active{cursor:grabbing}.map-grid{position:relative;overflow:visible;background-image:url(/images/arkaplan7aa.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat}.building{position:absolute;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;background:transparent;border:none;transition:filter .12s;-webkit-tap-highlight-color:transparent}.building img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.building:hover:not(.ghost){z-index:9000!important}.building.selected{z-index:9000!important}.building.selected img{filter:drop-shadow(0 0 12px #60a5fa) drop-shadow(0 0 24px rgba(96,165,250,.5)) drop-shadow(2px 6px 4px rgba(0,0,0,.5))}.building.ghost{opacity:.72;pointer-events:none}.building.invalid img{filter:drop-shadow(0 0 10px #ef4444) sepia(1) saturate(2) hue-rotate(-20deg)}.building.destroyed{pointer-events:none}@keyframes hasarliAppear{0%{opacity:0;transform:scale(1.35) translateY(-6px);filter:brightness(3) saturate(0)}25%{opacity:.75;transform:scale(.93) translateY(2px);filter:brightness(1.4) saturate(.2)}55%{opacity:.85;transform:scale(1.04) translateY(-1px);filter:brightness(1.05)}to{opacity:.35;transform:scale(1) translateY(0);filter:none}}.building-hasarli-appear{animation:hasarliAppear .65s cubic-bezier(.22,.61,.36,1) forwards}.building-symbol{font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.bottom-ui{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 16px 20px;pointer-events:none;z-index:800}.bottom-left,.bottom-right{display:flex;flex-direction:row;align-items:flex-end;gap:10px;pointer-events:auto}.bottom-center{position:absolute;bottom:16px;left:50%;transform:translate(-50%);pointer-events:auto}.sq-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;height:64px;border-radius:14px;border:none;background:transparent!important;box-shadow:none!important;cursor:pointer;transition:transform .1s;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.sq-btn:before{display:none}.sq-btn:active{transform:scale(.93) translateY(2px)}.sq-btn-icon{font-size:1.6rem;line-height:1;position:relative;z-index:1}.sq-btn-icon img{width:48px!important;height:48px!important}.sq-btn-label{display:none}.build-sq{background:linear-gradient(180deg,#f59e0b,#92400e);border:2px solid #fde68a;box-shadow:0 5px #78350f,0 7px 20px #f59e0b80}.build-sq:active{box-shadow:0 2px #78350f}.save-sq{width:54px;height:54px;background:linear-gradient(180deg,#3b82f6,#1e3a8a);border:2px solid #93c5fd;box-shadow:0 4px #1e3a8a,0 6px 16px #3b82f673}.save-sq:active{box-shadow:0 2px #1e3a8a}.save-sq .sq-btn-icon{font-size:1.3rem}.attack-sq{width:100px;height:100px;border-radius:16px;background:transparent!important;border:none!important;box-shadow:none!important}.attack-sq:active{transform:scale(.93)}.attack-sq .sq-btn-icon{font-size:2rem}.attack-sq .sq-btn-icon img{width:90px!important;height:90px!important}.attack-sq .sq-btn-label{display:none}.coc-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;cursor:pointer;background:transparent;transition:transform .1s}.coc-btn:active{transform:scale(.92) translateY(3px)}.coc-btn-circle{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.9rem;border:3px solid rgba(255,255,255,.25)}.coc-btn-label{font-size:.62rem;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,1);letter-spacing:.5px;text-transform:uppercase}.battle-hud{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#000000eb,#000000bf);border:2px solid rgba(255,255,255,.1);border-radius:30px;padding:7px 20px;z-index:300;pointer-events:auto;box-shadow:0 4px 24px #000000b3}.battle-timer{font-size:1.6rem;font-weight:900;color:#f87171;font-variant-numeric:tabular-nums;min-width:70px;text-align:center;text-shadow:0 0 12px rgba(248,113,113,.6)}.btn-end-battle{background:linear-gradient(180deg,#dc2626,#991b1b);border:2px solid #fca5a5;border-radius:20px;color:#fff;padding:7px 18px;font-weight:900;font-size:.8rem;cursor:pointer;box-shadow:0 3px #7f1d1d}.btn-end-battle:active{transform:translateY(2px);box-shadow:0 1px #7f1d1d}.dp-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:flex-end;gap:5px;padding:8px 10px max(12px,env(safe-area-inset-bottom)) 10px;background:linear-gradient(transparent 0%,#0000008c 28%,#000000c7);overflow-x:scroll;overflow-y:visible;-webkit-overflow-scrolling:touch;touch-action:pan-x;z-index:300;scrollbar-width:none;pointer-events:auto;justify-content:safe center}.dp-bar::-webkit-scrollbar{display:none}.dp-card{position:relative;flex:0 0 72px;width:72px;height:82px;padding:0;border:none;border-radius:10px;background:transparent;cursor:pointer;pointer-events:auto;transition:transform .12s;overflow:visible}.dp-card:active{transform:scale(.93)}.dp-card:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(180deg,#1c2e44,#0d1b2a 60%,#060e18);border:2.5px solid #3a5a7a;box-shadow:inset 0 1px #ffffff1a,inset 0 -2px 4px #00000080,0 3px 8px #0009;z-index:0}.dp-card.dp-selected:before{border-color:#f5c842;box-shadow:inset 0 1px #ffffff26,0 0 0 2px #f5c84273,0 0 14px #f5c8428c,0 3px 8px #0009}.dp-card.dp-selected{transform:translateY(-6px)}.dp-card.dp-donation:before{border-color:#7c3aed}.dp-card.dp-donation.dp-selected:before{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa73,0 0 14px #8b5cf68c,0 3px 8px #0009}.dp-portrait{position:absolute;inset:4px 4px 18px;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:7px;overflow:hidden}.dp-portrait img{width:100%;height:100%;object-fit:contain}.dp-count{position:absolute;top:3px;left:5px;z-index:4;background:#000000bf;color:#fff;font-size:.68rem;font-weight:900;line-height:1.3;padding:0 4px;border-radius:5px;border:1px solid rgba(255,255,255,.2);pointer-events:none}.dp-count-guild{background:#6d28d9d9}.dp-level{position:absolute;bottom:3px;right:4px;width:18px;height:14px;object-fit:contain;z-index:4;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));pointer-events:none}.dp-guild-badge{position:absolute;top:3px;right:4px;font-size:.55rem;z-index:5;line-height:1;pointer-events:none}.placement-bar{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:400;pointer-events:auto}.btn-confirm{padding:14px 38px;border:3px solid #86efac;border-radius:30px;background:linear-gradient(180deg,#22c55e,#15803d);color:#fff;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 5px #14532d,0 7px 22px #22c55e73}.btn-confirm:active{transform:translateY(4px);box-shadow:0 1px #14532d}.btn-confirm.disabled{background:linear-gradient(180deg,#374151,#1f2937);border-color:#4b5563;box-shadow:0 4px #111827;cursor:not-allowed;opacity:.55}.btn-cancel{padding:14px 38px;border:3px solid #fca5a5;border-radius:30px;background:linear-gradient(180deg,#ef4444,#b91c1c);color:#fff;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 5px #7f1d1d,0 7px 22px #ef444473}.btn-cancel:active{transform:translateY(4px);box-shadow:0 1px #7f1d1d}.building-panel{position:absolute;bottom:110px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#0c1428f7,#060c18fa);border:2px solid rgba(255,255,255,.12);border-radius:22px;padding:16px 20px;min-width:280px;max-width:92vw;z-index:400;pointer-events:auto;box-shadow:0 10px 50px #000000d9}.bp-header{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1rem;margin-bottom:6px}.bp-level{margin-left:auto;color:var(--gold);font-size:.82rem;background:#f5c84224;border:1px solid rgba(245,200,66,.3);border-radius:10px;padding:2px 10px}.bp-desc{font-size:.78rem;color:#94a3b8;margin-bottom:12px;line-height:1.4}.bp-actions{display:flex;gap:8px}.bp-actions button{flex:1;padding:10px 6px;border:2px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0f;color:#fff;cursor:pointer;font-size:.78rem;font-weight:700;transition:all .12s}.bp-actions button:hover{background:#3b82f64d;border-color:#3b82f680}.btn-danger{color:#fca5a5!important}.btn-danger:hover{background:#ef44444d!important;border-color:#ef444480!important}.btn-icon{background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.side-panel{position:absolute;bottom:0;left:0;right:0;max-height:62vh;background:linear-gradient(180deg,#080e1cfa,#040812fc);border-top:2px solid rgba(255,255,255,.09);border-radius:24px 24px 0 0;display:flex;flex-direction:column;z-index:400;box-shadow:0 -18px 60px #000000d9;pointer-events:auto}.side-panel:before{content:"";display:block;width:42px;height:4px;background:#ffffff2e;border-radius:2px;margin:10px auto 0;flex-shrink:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;font-weight:800;font-size:.95rem;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.panel-header button{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.9rem;cursor:pointer;width:28px;height:28px;border-radius:50%}.panel-warn{margin:8px 14px;padding:10px 14px;color:#fbbf24;font-size:.8rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:10px}.cat-tabs{display:flex;gap:6px;padding:8px 14px;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.cat-tabs::-webkit-scrollbar{display:none}.cat-tabs button{flex-shrink:0;padding:6px 16px;border:2px solid rgba(255,255,255,.1);border-radius:20px;background:transparent;color:#94a3b8;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .12s}.cat-tabs button.active{background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-color:#60a5fa;color:#fff}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;padding:8px 14px 20px;overflow-y:auto}.build-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;background:#ffffff0a;border:2px solid rgba(255,255,255,.07);border-radius:14px;color:#fff;cursor:pointer;font-size:.7rem;transition:all .12s}.build-item:hover:not(.locked){background:#3b82f626;border-color:#3b82f666;transform:translateY(-2px)}.build-item.locked{opacity:.3;cursor:not-allowed}.bi-symbol{font-size:1.9rem}.bi-name{font-weight:700;text-align:center;line-height:1.2;font-size:.68rem}.bi-count{color:#64748b;font-size:.65rem}.bi-cost{color:var(--gold);font-size:.7rem;font-weight:800}.recruit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:8px 14px 20px;overflow-y:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.recruit-card{background:#ffffff0a;border:2px solid rgba(255,255,255,.07);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:4px;transition:border-color .12s;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.recruit-card:hover{border-color:#3b82f64d}.rc-name{font-weight:800;font-size:.75rem}.rc-desc{font-size:.68rem;color:#64748b;line-height:1.3}.rc-stats{display:flex;gap:5px;font-size:.66rem;flex-wrap:wrap}.rc-owned{color:var(--gold);font-size:.72rem;font-weight:800}.recruit-card button{margin-top:6px;padding:9px;border:none;border-radius:10px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;font-size:.78rem;font-weight:800;cursor:pointer;box-shadow:0 3px #1e3a8a}.recruit-card button:active{transform:translateY(2px);box-shadow:0 1px #1e3a8a}.recruit-card button:disabled{background:#1e293b;color:#475569;box-shadow:none;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-modal{background:linear-gradient(180deg,#1e3a5f,#0f172a);border:3px solid rgba(255,255,255,.14);border-radius:24px;padding:36px 44px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:300px;box-shadow:0 24px 80px #000000e6}.result-modal h2{font-size:2.4rem}.stars{font-size:2.6rem;letter-spacing:6px}.star-off{opacity:.12;filter:grayscale(1)}.result-modal p{color:#94a3b8;font-size:1rem}.result-modal button{padding:14px 44px;border:3px solid #93c5fd;border-radius:30px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);color:#fff;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 4px #1e3a8a,0 6px 20px #3b82f666}.fullscreen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:16px;background:linear-gradient(135deg,#0a0f1e,#050505 60%,#0a0f1e)}.auth-box{background:#0a0f1ef7;border:2px solid rgba(255,255,255,.1);border-radius:24px;padding:36px 28px;display:flex;flex-direction:column;gap:12px;width:min(360px,92vw);box-shadow:0 24px 80px #000000b3}.auth-box h2{text-align:center;font-size:1.8rem;margin-bottom:8px;background:linear-gradient(135deg,#facc15,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-box input{padding:13px 16px;border:2px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;outline:none;transition:border-color .15s}.auth-box input:focus{border-color:#3b82f6;background:#3b82f60d}.auth-box button{padding:14px;border:3px solid #93c5fd;border-radius:14px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);color:#fff;font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 4px #1e3a8a}.auth-box button:active{transform:translateY(3px);box-shadow:0 1px #1e3a8a}.btn-text{background:transparent!important;border:none!important;box-shadow:none!important;color:#64748b!important;font-size:.85rem!important;font-weight:500!important}.auth-error{color:#f87171;font-size:.82rem;text-align:center;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:8px}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.08);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes egitimSpin{to{transform:rotate(360deg)}}@keyframes egitimGearSpin{to{transform:rotate(360deg)}}@media(max-width:480px){.coc-btn-circle{width:58px;height:58px;font-size:1.6rem}.coc-btn-circle.attack{width:72px;height:72px;font-size:2rem}.coc-btn-circle.save,.coc-btn-circle.settings{width:46px;height:46px;font-size:1.3rem}.hud-resource{min-width:70px}.hud-resource-icon{width:22px;height:22px;font-size:.85rem}.hud-resource-val{font-size:.72rem}}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes turretSweep{0%{transform:rotate(-20deg)}25%{transform:rotate(0)}50%{transform:rotate(20deg)}75%{transform:rotate(0)}to{transform:rotate(-20deg)}}@keyframes trapReveal{0%{transform:scale(1);opacity:1;filter:brightness(1.2) drop-shadow(0 0 6px rgba(255,200,0,.8))}20%{transform:scale(1.05);opacity:1;filter:brightness(1.5) drop-shadow(0 0 10px rgba(255,200,0,1))}35%{transform:scale(1);opacity:1;filter:brightness(1.2) drop-shadow(0 0 6px rgba(255,200,0,.6))}50%{transform:scale(1.45);opacity:1;filter:brightness(2.5) drop-shadow(0 0 18px rgba(255,120,0,1))}65%{transform:scale(1.6);opacity:.9;filter:brightness(2) drop-shadow(0 0 14px rgba(255,80,0,.8))}85%{transform:scale(1.7);opacity:.4;filter:brightness(1.3)}to{transform:scale(1.8);opacity:0;filter:brightness(1)}}@keyframes turretFadeIn{0%{opacity:0}to{opacity:1}}@keyframes turretFadeOut{0%{opacity:1}to{opacity:0}}@keyframes wallTilePulse{0%,to{transform:scale(1);opacity:.72}50%{transform:scale(1.18);opacity:1}}@keyframes hammer-strike{0%{transform:translate(-50%) rotate(-45deg) translateY(-8px)}35%{transform:translate(-50%) rotate(15deg) translateY(6px)}50%{transform:translate(-50%) rotate(15deg) translateY(6px)}80%{transform:translate(-50%) rotate(-45deg) translateY(-8px)}to{transform:translate(-50%) rotate(-45deg) translateY(-8px)}}.building-upgrading-icon{position:absolute;top:-22px;left:50%;transform-origin:50% 100%;z-index:20;pointer-events:none;animation:hammer-strike 1.1s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9))}.building-upgrading-icon svg{display:block}button,.building,.bm-card,.bm-tab,.sq-btn,.panel-btn{touch-action:manipulation}@keyframes battleTransitionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes battleTransitionPulse{0%{opacity:.6;text-shadow:0 0 20px rgba(239,68,68,.5)}to{opacity:1;text-shadow:0 0 60px rgba(239,68,68,1),0 0 120px rgba(239,68,68,.6)}}@keyframes battleDot{0%{transform:scale(.6);opacity:.4}to{transform:scale(1.4);opacity:1}}.side-panel{background:linear-gradient(180deg,#3d1f00,#2a1400)!important;border-top:3px solid #c8860a!important;border-radius:20px 20px 0 0!important;box-shadow:0 -6px #8b5e08,0 -20px 60px #000000e6!important}.side-panel:before{background:#ffdc6440!important}.panel-header{background:linear-gradient(180deg,#c8860a,#8b5e08)!important;border-bottom:3px solid #5c3d04!important;border-radius:18px 18px 0 0!important;padding:12px 18px!important;font-size:1rem!important;text-shadow:0 1px 3px rgba(0,0,0,.6)!important;color:#fff8e0!important}.panel-header button{background:#0000004d!important;border:2px solid rgba(255,255,255,.2)!important;color:#fff8e0!important;font-weight:900!important;border-radius:50%!important}.cat-tabs{background:#0000004d!important;padding:8px 12px!important;border-bottom:2px solid rgba(0,0,0,.3)!important}.cat-tabs button{border:2px solid #7a4e10!important;border-radius:6px!important;background:linear-gradient(180deg,#5c3a0d,#3d2508)!important;color:#d4a44c!important;font-weight:800!important;font-size:.75rem!important;text-shadow:0 1px 2px rgba(0,0,0,.7)!important;box-shadow:0 3px #2a1800,inset 0 1px #ffffff1a!important;padding:7px 14px!important}.cat-tabs button.active{background:linear-gradient(180deg,#e8a020,#c8860a)!important;border-color:#f5c842!important;color:#fff!important;box-shadow:0 3px #7a4e10,inset 0 1px #fff3!important}.cat-tabs button:active{transform:translateY(3px)!important;box-shadow:0 0 #2a1800!important}.build-grid{background:transparent!important;padding:10px 12px 20px!important}.build-item{background:linear-gradient(180deg,#4a2c0a,#2d1a06)!important;border:2px solid #7a4e10!important;border-radius:10px!important;box-shadow:0 4px #1a0e04,inset 0 1px #ffc8321a!important;color:#f0d080!important;transition:all .1s!important}.build-item:hover:not(.locked){background:linear-gradient(180deg,#6b3f0f,#4a2c0a)!important;border-color:#f5c842!important;transform:translateY(-3px)!important;box-shadow:0 7px #1a0e04,inset 0 1px #ffc83233!important}.build-item:active:not(.locked){transform:translateY(2px)!important;box-shadow:0 2px #1a0e04!important}.bi-name{color:#fff8e0!important;font-weight:800!important}.bi-count{color:#a07830!important}.bi-cost{color:#f5c842!important;font-weight:900!important}.recruit-grid{padding:10px 12px 20px!important}.recruit-card{background:linear-gradient(180deg,#4a2c0a,#2d1a06)!important;border:2px solid #7a4e10!important;border-radius:12px!important;box-shadow:0 4px #1a0e04!important}.recruit-card:hover{border-color:#f5c842!important}.rc-name{color:#fff8e0!important}.rc-desc{color:#a07830!important}.rc-owned{color:#f5c842!important}.rc-stats{color:#d4a44c!important}.recruit-card button{background:linear-gradient(180deg,#e8a020,#c8860a)!important;border:2px solid #f5c842!important;border-radius:8px!important;box-shadow:0 4px #7a4e10!important;color:#fff!important;font-weight:900!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.recruit-card button:active{transform:translateY(3px)!important;box-shadow:0 1px #7a4e10!important}.recruit-card button:disabled{background:linear-gradient(180deg,#2a1800,#1a1000)!important;border-color:#4a3010!important;color:#5a4020!important;box-shadow:0 2px #0a0800!important}.building-panel{background:linear-gradient(180deg,#3d1f00ee,#2a1400ee)!important;border:3px solid #c8860a!important;border-radius:16px!important;box-shadow:0 6px #8b5e08,0 10px 40px #000c!important}.bp-header{color:#fff8e0!important}.bp-level{background:#c8860a40!important;border-color:#c8860a!important;color:#f5c842!important}.bp-desc{color:#a07830!important}.bp-actions button{background:linear-gradient(180deg,#5c3a0d,#3d2508)!important;border:2px solid #7a4e10!important;color:#f0d080!important;box-shadow:0 3px #1a0e04!important;font-weight:800!important}.bp-actions button:hover{background:linear-gradient(180deg,#7a4e10,#5c3a0d)!important;border-color:#f5c842!important}.bp-actions button:active{transform:translateY(2px)!important;box-shadow:0 1px #1a0e04!important}.btn-danger:hover{background:linear-gradient(180deg,#7f1d1d,#450a0a)!important;border-color:#fca5a5!important}.panel-warn{background:#c8640033!important;border-color:#c8860a!important;color:#fde68a!important}.map-grid{overflow:hidden!important}.building-bottom-bar{position:absolute;bottom:0;top:auto!important;left:0;right:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:none!important;border-radius:20px 20px 0 0;padding:10px 14px 16px;z-index:400;pointer-events:auto;box-shadow:none!important}.bbb-title{background:transparent!important;text-align:center;font-size:1rem;font-weight:900;color:#fff;margin-bottom:10px;text-shadow:0 1px 6px rgba(0,0,0,.9)}.bbb-level{color:#f5c842;font-size:.85rem}.bbb-actions{display:flex;gap:8px;justify-content:center}.bbb-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 14px;background:linear-gradient(180deg,#1e293b,#0f172a);border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#94a3b8;font-size:.62rem;font-weight:800;letter-spacing:.5px;cursor:pointer;min-width:68px;transition:all .12s;box-shadow:0 3px #0006}.bbb-btn:active{transform:translateY(2px);box-shadow:0 1px #0006}.bbb-btn:hover{background:linear-gradient(180deg,#2d3f55,#1a2640);border-color:#fff3}.bbb-icon{font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.info-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:900;font-size:1rem;font-style:italic;font-family:Georgia,serif;border:1px solid rgba(255,255,255,.2)}.move-icon{background:linear-gradient(135deg,#ef4444,#991b1b);border:1px solid rgba(255,255,255,.2)}.up-icon{background:linear-gradient(135deg,#22c55e,#15803d);border:1px solid rgba(255,255,255,.2)}.del-icon{background:linear-gradient(135deg,#475569,#1e293b);border:1px solid rgba(255,255,255,.1)}.upgrade-active-btn{color:#fff!important;background:linear-gradient(180deg,#1a3a1a,#0f2010)!important;border-color:#22c55e66!important}.upgrade-active-btn:hover{background:linear-gradient(180deg,#22c55e22,#15803d22)!important;border-color:#22c55e!important}.bbb-small-cost{font-size:.58rem;color:#f5c842;margin-top:-2px}.binfo-modal{background:linear-gradient(180deg,#0f172a,#070e1c);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:24px 24px 20px;width:min(560px,95vw);max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 24px 80px #000000e6}.binfo-layout{display:flex;gap:20px;align-items:flex-start}.binfo-left{display:flex;flex-direction:column;align-items:center;min-width:110px;max-width:120px;text-align:center;word-break:break-word}.binfo-right{flex:1}.binfo-tags{display:flex;gap:10px;margin-bottom:12px}.binfo-tag{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 12px;display:flex;flex-direction:column;align-items:center;gap:2px}.binfo-tag-label{color:#94a3b8;font-size:.65rem;font-weight:700;letter-spacing:.5px}.upgrade-modal{background:linear-gradient(180deg,#0f172a,#070e1c);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:24px 24px 20px;width:min(540px,95vw);position:relative;box-shadow:0 24px 80px #000000e6}.um-close{position:absolute;top:14px;right:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center}.um-layout{display:flex;gap:20px;align-items:flex-start;margin-bottom:16px}.um-left{display:flex;flex-direction:column;align-items:center;min-width:110px;text-align:center}.um-right{flex:1}.um-cost-bar{display:flex;gap:16px;justify-content:center;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:14px;font-size:.9rem;font-weight:800;color:#f5c842}.um-cost-bar span:last-child{color:#94a3b8;font-size:.8rem;font-weight:600}.um-btn-upgrade{width:100%;padding:14px;background:linear-gradient(180deg,#22c55e,#15803d);border:2px solid #86efac;border-radius:12px;color:#fff;font-size:1rem;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 4px #14532d}.um-btn-upgrade:active{transform:translateY(3px);box-shadow:0 1px #14532d}.stat-table{display:flex;flex-direction:column;gap:2px}.stat-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:7px 10px;border-radius:6px;font-size:.8rem;align-items:center}.stat-row:nth-child(2n){background:#ffffff08}.stat-row.header{font-size:.7rem;font-weight:700;color:#475569;letter-spacing:.5px;text-transform:uppercase;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:8px}.stat-row.highlight{background:#f5c84214!important;border:1px solid rgba(245,200,66,.2);color:#f5c842;font-weight:800}.bm-sidebar{position:fixed;top:0;right:0;width:220px;height:100vh;background:linear-gradient(180deg,#0d1117,#161b27);border-left:2px solid #1e3a5f;display:flex;flex-direction:column;z-index:900;box-shadow:-6px 0 24px #000000b3;transform:translate(0);transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.bm-sidebar.closing{transform:translate(100%)}.bm-resources{display:flex;align-items:center;gap:6px;padding:10px 10px 8px;border-bottom:1px solid #1e293b;flex-wrap:wrap}.bm-res-pill{display:flex;align-items:center;gap:4px;background:#ffffff12;border-radius:20px;padding:3px 9px;font-size:.72rem;font-weight:700;color:#e2e8f0}.bm-close{margin-left:auto;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;width:26px;height:26px;border-radius:50%;font-size:.8rem;cursor:pointer}.bm-profile-box{display:flex;align-items:center;gap:10px;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;flex-shrink:0;flex:1}.bm-profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:1.5px solid rgba(100,160,255,.5);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:900;color:#fff;flex-shrink:0}.bm-profile-info{display:flex;flex-direction:column;gap:3px;min-width:0}.bm-profile-name{font-size:.72rem;font-weight:800;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bm-profile-stats{display:flex;gap:8px;font-size:.62rem;font-weight:700;color:#94a3b8}.bm-tabs{display:flex;border-bottom:1px solid #1e293b;overflow-x:auto}.bm-tabs::-webkit-scrollbar{display:none}.bm-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;background:transparent;border:none;border-bottom:2px solid transparent;color:#475569;cursor:pointer;transition:all .15s;min-width:44px}.bm-tab:hover{color:#94a3b8;background:#ffffff0a}.bm-tab.active{color:#60a5fa;border-bottom-color:#3b82f6;background:#3b82f61a;box-shadow:inset 0 -2px 8px #0078ff26}.bm-tab.active .bm-tab-label{color:#60aaff;text-shadow:0 0 8px #0080ff}.bm-tab-icon{font-size:1.1rem}.bm-tab-label{display:none}.bm-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:calc((110vh - 220px)*.4);gap:6px;padding:8px;overflow-y:auto;overflow-x:hidden;flex:1}.bm-grid::-webkit-scrollbar{width:3px}.bm-grid::-webkit-scrollbar-track{background:transparent}.bm-grid::-webkit-scrollbar-thumb{background:#508cff4d;border-radius:3px}.bm-card{position:relative;display:flex;flex-direction:column;align-items:center;background:#ffffff17;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:5px 4px 4px;cursor:pointer;transition:all .15s;gap:3px;overflow:hidden}.bm-card:hover:not(.locked){background:#3b82f61f;border-color:#3b82f6;transform:scale(1.03)}.bm-card.locked{opacity:.4;cursor:not-allowed}.bm-card.full{opacity:1;cursor:not-allowed}.bm-card.full:hover{transform:none;background:#ffffff0a;border-color:#1e293b}.bm-info-btn{position:absolute;top:5px;left:5px;width:18px;height:18px;background:#3b82f6b3;border:none;border-radius:50%;color:#fff;font-size:.55rem;font-weight:900;cursor:pointer;z-index:2;line-height:1;display:flex;align-items:center;justify-content:center}.bm-info-btn:hover{background:#3b82f6}.bm-card-badge{position:absolute;top:5px;right:5px;background:#64748bcc;color:#fff;font-size:.55rem;font-weight:800;padding:1px 5px;border-radius:8px;z-index:2}.bm-card-badge.owned{background:#22c55ed9}.bm-card-img{width:100%;flex:1;min-height:0;border-radius:0;display:flex;align-items:center;justify-content:center}.bm-card-img img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.bm-card-emoji{font-size:1.6rem}.bm-card-lock{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.bm-card-full{position:absolute;top:4px;right:4px;font-size:.75rem;line-height:1;pointer-events:none}.bm-card-name{font-size:.6rem;font-weight:700;color:#cbd5e1;text-align:center;line-height:1.2;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bm-card-cost{display:none}.bm-warn{grid-column:1 / -1;text-align:center;color:#fbbf24;font-size:.8rem;padding:20px 10px}.bm-pagination{display:flex;align-items:center;justify-content:center;padding:8px 10px 12px;flex-shrink:0}.bm-page-arc{display:flex;align-items:center;justify-content:center;gap:0;background:linear-gradient(180deg,#2850c8d9,#0a1e78f2 60%,#050f50);border:1.5px solid rgba(80,150,255,.55);border-radius:50px;padding:5px 8px;box-shadow:0 0 18px #2864ff59,0 4px 12px #0009,inset 0 1px #ffffff1f,inset 0 -1px #00001e80;min-width:120px}.bm-page-btn{width:34px;height:30px;border-radius:50%;background:#ffffff12;border:none;color:#93c5fd;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bm-page-btn svg{width:16px;height:16px;stroke:#bfdbfe;transition:stroke .15s}.bm-page-btn:hover:not(.disabled){background:#64a0ff33;box-shadow:0 0 8px #508cff66}.bm-page-btn:hover:not(.disabled) svg{stroke:#fff}.bm-page-btn:active:not(.disabled){transform:scale(.92)}.bm-page-btn.disabled{opacity:.25;cursor:not-allowed}.bm-page-info{font-size:.7rem;font-weight:700;color:#93c5fd;text-align:center;letter-spacing:.5px;min-width:36px}.bm-page-sep{margin:0 2px;color:#93c5fd80}.bm-popup-overlay{position:absolute;inset:0;background:#000000a6;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px}.bm-popup{background:linear-gradient(180deg,#1e2d45,#111827);border:1px solid #3b82f6;border-radius:16px;padding:16px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.bm-popup-close{position:absolute;top:8px;right:8px;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.75rem}.bm-popup-img{width:80px;height:80px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:12px;overflow:hidden}.bm-popup-img img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.bm-popup-name{font-size:.85rem;font-weight:800;color:#e2e8f0;text-align:center;margin-bottom:8px}.bm-popup-desc{font-size:.7rem;color:#94a3b8;text-align:center;margin-bottom:12px;line-height:1.4}.bm-popup-stats{display:flex;flex-direction:column;gap:5px}.bm-popup-stats div{display:flex;justify-content:space-between;font-size:.7rem;color:#cbd5e1;padding:4px 8px;background:#ffffff0a;border-radius:6px}.bm-popup-stats span{color:#64748b;font-weight:600}.hud-left{position:fixed;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:800}.hud-top-center{position:fixed;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:800}.hud-icon-pill{display:flex;align-items:center;gap:6px;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:4px 10px 4px 4px;color:#e2e8f0;text-shadow:0 1px 4px rgba(0,0,0,.8);box-shadow:0 2px 8px #0006}.hud-pill{display:flex;align-items:center;gap:5px;background:#050f2dd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(50,140,255,.6);border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;color:#c8e8ff;box-shadow:0 0 10px #1e64ff66,0 0 3px #64b4ffb3,inset 0 1px #64b4ff26;text-shadow:0 0 8px rgba(100,200,255,.8)}.hud-pill--bar{flex-direction:column;align-items:stretch;gap:4px;padding:5px 10px 6px;min-width:90px}.hud-pill-row{display:flex;align-items:center;gap:5px;white-space:nowrap}.hud-bar-track{width:100%;height:4px;background:#00143cb3;border-radius:4px;overflow:hidden;border:1px solid rgba(50,100,200,.25)}.hud-bar-fill{height:100%;border-radius:4px;transition:width .5s ease,background .3s ease}.hud-logout-min{background:#ef444433;border:1px solid rgba(239,68,68,.35);color:#f87171;width:28px;height:28px;border-radius:50%;font-size:.8rem;cursor:pointer}.bp-floating{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:800}.bp-building-name{color:#fff;font-size:.75rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap}.bp-icon-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.bp-icon-btn:hover{transform:scale(1.15)}.bp-icon-btn.info{border-color:#3b82f6;color:#93c5fd}.bp-icon-btn.move{border-color:#f59e0b;color:#fcd34d}.bp-icon-btn.upgrade{border-color:#22c55e;color:#86efac}.build-toggle-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);width:44px;height:60px;background:linear-gradient(135deg,#1e3a5f,#0f172a);border:2px solid #3b82f6;border-right:none;border-radius:12px 0 0 12px;color:#93c5fd;font-size:1rem;cursor:pointer;z-index:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:-3px 0 12px #3b82f64d;transition:background .2s}.build-toggle-btn:hover{background:linear-gradient(135deg,#2d4f7c,#1e3a5f)}.build-toggle-arrow{font-size:1.1rem;line-height:1}.bm-hide-btn{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:22px;height:52px;background:linear-gradient(135deg,#1e3a5f,#0f172a);border:2px solid #3b82f6;border-right:none;border-radius:8px 0 0 8px;color:#93c5fd;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:901}.bm-hide-btn:hover{background:#1e3a5f}.bm-hide-btn{display:none}.bp-icon-btn.egitim-open{border-color:#a78bfa;color:#c4b5fd}.bp-icon-btn.egitim-open:hover{background:#a78bfa33}