@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Spectral:wght@300;400;600&display=swap";.castle-container{min-height:100vh;background:radial-gradient(circle at 20% 15%,rgba(83,67,41,.35),transparent 45%),radial-gradient(circle at 85% 30%,rgba(70,30,20,.35),transparent 40%),linear-gradient(140deg,#0b0a0f 0%,#12131d 55%,#171827 100%);color:#f3efe6;font-family:Spectral,Georgia,serif;overflow-x:hidden;position:relative;box-sizing:border-box}.game-lang{position:fixed;top:16px;right:16px;z-index:1200}.game-lang .lang-button{background:rgba(12,12,20,.85);border:1px solid rgba(215,181,109,.45)}.resources-bar{position:absolute;top:15px;left:250px;right:15px;display:flex;justify-content:flex-end;align-items:flex-start;background:rgba(12,12,20,.85);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);border-radius:14px;padding:12px 20px;z-index:100;box-shadow:0 12px 28px #00000073,0 0 20px #d7b56d1a;border:1px solid rgba(215,181,109,.2);flex-wrap:wrap;gap:10px}.resource{display:flex;align-items:center;padding:6px 12px;background:rgba(18,18,28,.7);border-radius:12px;transition:all .3s ease;min-width:140px;box-sizing:border-box;gap:8px;border:1px solid rgba(215,181,109,.15)}.resource:hover{transform:translateY(-2px);background:rgba(18,18,28,.9);border-color:#d7b56d66}.res-icon-wrapper{font-size:1.5rem;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.res-icon-wrapper img{width:100%;height:100%;object-fit:contain}.res-details{display:flex;flex-direction:column;line-height:1.2;flex:1}.res-top{display:flex;flex-direction:row;gap:5px;align-items:center}.res-name{color:#f3efe6b8;font-size:.8rem;font-weight:500}.res-value{color:#f3efe6;font-weight:700;font-size:.9rem}.res-bottom{margin-top:2px}.production-rate{font-size:.7rem;color:#d7b56d;font-weight:500;display:block}.storage-info{display:none}.gold-resource{background:linear-gradient(135deg,#d7b56d,#f2d187)!important;color:#1a150a!important}.gold-resource .res-name,.gold-resource .res-value,.gold-resource .production-rate{color:#1a150a!important;font-weight:700}.buy-gold-btn{background:#1a150a;border:none;border-radius:50%;width:20px;height:20px;color:#f2d187;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 4px #0000004d;flex-shrink:0;margin-left:5px}.buy-gold-btn:hover{background:#2b2212;transform:scale(1.1);box-shadow:0 3px 6px #0006}.buy-gold-btn:active{transform:scale(.95)}.castle-content{margin-top:90px;display:flex;gap:15px;padding:0 15px;min-height:calc(100vh - 100px);box-sizing:border-box}.castle-map-section{flex:1;display:flex;flex-direction:column;gap:15px;position:relative;background:rgba(12,12,20,.7);border-radius:18px;padding:20px;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(215,181,109,.2);box-shadow:0 18px 40px #0006}.construction-sidebar{width:320px;min-width:320px;background:rgba(12,12,20,.75);border-radius:18px;padding:20px;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(215,181,109,.2);box-shadow:0 18px 40px #0006;overflow-y:auto;max-height:calc(100vh - 120px)}.castle-side-buttons{position:absolute;left:10px;top:50%;transform:translateY(-50%);gap:10px;z-index:10;min-width:140px;display:flex;flex-direction:column;height:auto}.defense-button,.attack-button,.reports-button,.quests-button,.events-button,.clan-button,.inventory-button,.store-button,.market-button,.world-map-button,.dm-button{background:radial-gradient(circle at 16% 25%,rgba(215,181,109,.14),transparent 35%),linear-gradient(155deg,rgba(24,20,30,.96),rgba(13,11,20,.96));border:1px solid rgba(215,181,109,.46);border-radius:14px;padding:11px 15px;color:#f4ead2;font-weight:700;font-size:.98rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;display:flex;align-items:center;justify-content:flex-start;gap:11px;white-space:nowrap;width:100%;position:relative;box-shadow:inset 0 1px #ffffff14,0 10px 22px #00000073}.defense-button{border-left:3px solid rgba(214,174,96,.9)}.attack-button{border-left:3px solid rgba(214,122,96,.9)}.reports-button{border-left:3px solid rgba(180,170,150,.9)}.clan-button{background:radial-gradient(circle at 16% 25%,rgba(108,198,182,.22),transparent 38%),linear-gradient(155deg,rgba(24,56,61,.95),rgba(16,38,42,.95))!important;border-left:3px solid rgba(127,220,201,.9)}.events-button{background:radial-gradient(circle at 16% 25%,rgba(215,181,109,.2),transparent 36%),linear-gradient(155deg,rgba(38,30,18,.96),rgba(23,18,11,.96))!important;border-left:3px solid rgba(214,184,110,.9);color:#f7e7c2}.dm-button{background:radial-gradient(circle at 16% 25%,rgba(157,129,227,.22),transparent 38%),linear-gradient(155deg,rgba(29,22,43,.96),rgba(18,14,29,.96))!important;margin-top:auto!important;border-left:3px solid rgba(177,143,222,.92)}.defense-button:hover,.attack-button:hover,.reports-button:hover,.quests-button:hover,.events-button:hover,.clan-button:hover,.inventory-button:hover,.store-button:hover,.market-button:hover,.world-map-button:hover,.dm-button:hover{transform:translate(4px) translateY(-1px);border-color:#f0d18cd1;box-shadow:0 14px 26px #0000008f,0 0 18px #d7b56d42!important}.defense-button:hover{background:radial-gradient(circle at 16% 25%,rgba(215,181,109,.22),transparent 37%),linear-gradient(155deg,rgba(31,27,40,.98),rgba(18,15,28,.98))!important}.attack-button:hover{background:radial-gradient(circle at 16% 25%,rgba(215,126,106,.25),transparent 37%),linear-gradient(155deg,rgba(38,21,26,.98),rgba(24,14,18,.98))!important}.reports-button:hover{background:radial-gradient(circle at 16% 25%,rgba(215,181,109,.2),transparent 37%),linear-gradient(155deg,rgba(31,28,39,.98),rgba(18,16,27,.98))!important}.clan-button:hover{background:radial-gradient(circle at 16% 25%,rgba(127,220,201,.28),transparent 37%),linear-gradient(155deg,rgba(27,61,66,.98),rgba(17,41,45,.98))!important}.events-button:hover{background:radial-gradient(circle at 16% 25%,rgba(214,184,110,.3),transparent 37%),linear-gradient(155deg,rgba(42,33,21,.98),rgba(28,22,15,.98))!important}.dm-button:hover{background:radial-gradient(circle at 16% 25%,rgba(177,143,222,.3),transparent 37%),linear-gradient(155deg,rgba(34,24,48,.98),rgba(22,16,31,.98))!important}.defense-button:active,.reports-button:active,.clan-button:active,.dm-button:active{transform:translate(2px) scale(.98)}.side-btn-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6));flex-shrink:0}.unread-badge{position:absolute;top:-8px;right:-8px;background-color:#ff4757;color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:2px 6px;box-shadow:0 2px 4px #0000004d;animation:pulse 1.5s infinite;z-index:20;border:2px solid #1e3c72}.dm-button .unread-badge{background-color:#ff4757;animation:dmPulse 1.2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes dmPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.castle-map{position:relative;width:100%;max-width:none;margin:0;background:radial-gradient(circle at 50% 40%,#3f7a3b 0%,#2f6a31 55%,#255628 100%);border-radius:12px;padding:20px;border:2px solid rgba(255,255,255,.1);min-height:700px;height:calc(100vh - 220px);max-height:none;box-sizing:border-box;overflow:hidden}.castle-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,0) 0%,rgba(0,0,0,.25) 70%);z-index:0}.castle-map-surface{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center;z-index:1}.castle-ground{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:0 10px 30px #00000059;z-index:1}.buildings-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;box-sizing:border-box}.building{cursor:pointer;transition:all .3s ease;text-align:center;padding:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;width:120px;height:120px;display:flex;flex-direction:column;position:relative;overflow:visible;box-sizing:border-box;max-width:100%}.building.free{position:absolute}.building.wall{position:absolute;background:transparent;border:none;padding:0;display:block;z-index:0}.building.wall .building-image{width:100%!important;height:100%!important;object-fit:contain;transform:none}.building.wall:hover .building-image{transform:none}.building.wall .building-info{display:none}.building.wall.free .building-info{display:flex!important;position:absolute;top:auto;bottom:40px;left:50%;transform:translate(-50%);z-index:60!important;background:rgba(0,0,0,.55)!important;padding:4px 10px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.15)!important;white-space:nowrap}.wall.top{width:100%!important;height:60px!important;padding:0}.building:hover{transform:translateY(-3px) scale(1.02);box-shadow:none}.building-image{object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));transition:transform .3s ease;display:block;flex:0 0 auto;margin-bottom:12px;max-width:100%;box-sizing:border-box}.building.free .building-image{width:100%!important;height:100%!important}.wall.top .building-image{width:100%!important;height:60px!important;border-radius:4px;object-fit:cover;margin:0;max-width:100%}.building:hover .building-image{transform:scale(1.1)}.wall.top .building-info{position:absolute!important;top:18px!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;z-index:60!important;background:rgba(0,0,0,.55)!important;padding:6px 12px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.15)!important;white-space:nowrap!important;box-shadow:none!important;width:auto!important;min-width:auto!important;max-width:none!important;overflow:visible!important}.wall.top .building-info .building-name{font-weight:700;font-size:.9rem!important;color:#fff!important;margin:0!important;white-space:nowrap!important;text-shadow:1px 1px 3px rgba(0,0,0,.8)!important;overflow:visible!important;text-overflow:unset!important;max-width:none!important}.wall.top .building-info .building-level{font-size:.8rem!important;font-weight:700!important;color:gold!important;margin:0!important;white-space:nowrap!important;text-shadow:1px 1px 3px rgba(0,0,0,.8)!important;overflow:visible!important;text-overflow:unset!important;max-width:none!important;background:transparent!important;padding:0!important;border-radius:0!important;border:none!important}.wall.top .building-info:before{display:none!important}.building:not(.wall) .building-info{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:6px;z-index:20;background:rgba(0,0,0,.55)!important;padding:3px 8px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.15)!important;white-space:nowrap;box-shadow:none!important;width:auto;min-width:auto;max-width:100%;overflow:visible}.building.blacksmith .building-info{bottom:48px}.building.castle .building-info{bottom:-2px}.building.quarry .building-info{position:absolute;top:40px;bottom:auto;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:6px;z-index:30;background:rgba(0,0,0,.55)!important;padding:3px 8px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.15)!important;white-space:nowrap;box-shadow:none!important;width:auto;min-width:auto;max-width:100%;overflow:visible}.building.lumberjack .building-info{position:absolute;top:40px;bottom:auto;left:calc(50% + 5px)!important;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:6px;z-index:30;background:rgba(0,0,0,.55)!important;padding:3px 8px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.15)!important;white-space:nowrap;box-shadow:none!important;width:auto;min-width:auto;max-width:100%;overflow:visible}.building.barracks .building-info,.building.farm .building-info{bottom:46px}.building.hospital .building-info{bottom:53px}.building.market .building-info{bottom:43px}.building:not(.wall) .building-name{font-weight:700;font-size:.75rem;color:#fff;margin:0;white-space:nowrap;text-shadow:1px 1px 3px rgba(0,0,0,.8);overflow:visible;text-overflow:unset;max-width:none}.building:not(.wall) .building-level{font-size:.65rem;font-weight:700;color:gold;margin:0;white-space:nowrap;text-shadow:1px 1px 3px rgba(0,0,0,.8);overflow:visible;text-overflow:unset;max-width:none;background:transparent;padding:0;border-radius:0;border:none}.building:not(.wall) .building-info:before{display:none}.castle,.barracks{background:rgba(255,215,0,.15);border:2px solid rgba(255,215,0,.3)}.castle:hover,.barracks:hover{background:rgba(255,215,0,.25);border-color:#ffd70080}.market{background:rgba(255,165,0,.15);border:2px solid rgba(255,165,0,.3)}.market:hover{background:rgba(255,165,0,.25);border-color:#ffa50080}.warehouse{background:rgba(100,100,200,.15);border:2px solid rgba(100,100,200,.3)}.warehouse:hover{background:rgba(100,100,200,.25);border-color:#6464c880}.quarry,.lumberjack,.blacksmith,.farm{background:rgba(100,200,100,.15);border:2px solid rgba(100,200,100,.3)}.quarry:hover,.lumberjack:hover,.blacksmith:hover,.farm:hover{background:rgba(100,200,100,.25);border-color:#64c86480}.hospital{background:rgba(255,182,193,.15);border:2px solid rgba(255,182,193,.3)}.hospital:hover{background:rgba(255,182,193,.25);border-color:#ffb6c180}.building.free,.building.free:hover,.castle,.barracks,.market,.warehouse,.quarry,.lumberjack,.blacksmith,.farm,.hospital,.castle:hover,.barracks:hover,.market:hover,.warehouse:hover,.quarry:hover,.lumberjack:hover,.blacksmith:hover,.farm:hover,.hospital:hover{background:transparent!important;border:none!important;box-shadow:none!important}.castle-actions{text-align:center;margin-top:25px;padding:15px;box-sizing:border-box;max-width:100%}.btn-primary,.btn-secondary{padding:10px 25px;margin:0 10px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;max-width:100%;word-wrap:break-word}.btn-primary{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;box-shadow:0 4px 12px #4caf504d}.btn-secondary{background:linear-gradient(135deg,#f44336 0%,#da190b 100%);color:#fff;box-shadow:0 4px 12px #f443364d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f4433666}@media (max-width: 1024px){.castle-content{flex-direction:column}.construction-sidebar{width:100%;min-width:auto}}@media (max-width: 768px){.castle-content{flex-direction:column;gap:10px;margin-top:130px}.construction-sidebar{order:-1;width:100%;min-width:auto}.resources-bar{position:absolute;left:10px;top:70px;right:10px;justify-content:center}.castle-map{padding:15px;min-height:400px;max-height:450px;overflow:hidden}.castle-side-buttons{position:relative;left:auto;top:auto;transform:none;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-bottom:10px;min-width:auto;gap:8px}.defense-button,.reports-button,.clan-button,.dm-button{min-width:120px;padding:10px 15px;font-size:.8rem;width:auto;flex:1;max-width:140px}.dm-button{margin-top:0!important}.unread-badge{top:-5px;right:-5px;min-width:18px;height:18px;font-size:10px;padding:1px 4px}.buildings-grid{grid-template-areas:"wall-top wall-top wall-top" "quarry lumberjack blacksmith" "farm market warehouse" "barracks castle hospital";grid-template-rows:60px 100px 100px 100px;grid-template-columns:1fr 1fr 1fr;gap:10px;min-height:350px;max-height:380px;width:100%}.building{width:100px!important;height:100px!important;padding:5px;max-width:100%}.castle{width:100px!important;height:100px!important;max-width:100%}.warehouse{justify-self:end}.castle{justify-self:center}.market{justify-self:start}.market,.warehouse,.barracks,.hospital{width:90px!important;height:90px!important;max-width:100%}.building .building-image{width:70px!important;height:70px!important;max-width:100%}.castle .building-image{width:80px!important;height:80px!important;max-width:100%}.market .building-image,.warehouse .building-image,.barracks .building-image,.hospital .building-image{width:70px!important;height:70px!important;max-width:100%}.quarry .building-image,.lumberjack .building-image,.blacksmith .building-image,.farm .building-image,.hospital .building-image{width:60px!important;height:60px!important;max-width:100%}.wall.top .building-info{position:absolute!important;bottom:-12px!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;z-index:20!important;background:rgba(0,0,0,.55)!important;padding:3px 8px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.15)!important;white-space:nowrap!important}.wall.top .building-info .building-name{font-size:.65rem!important;max-width:50px!important;display:inline-block!important;vertical-align:middle!important}.wall.top .building-info .building-name:after{content:" "!important;display:inline-block!important;width:8px!important}.wall.top .building-info .building-level{font-size:.6rem!important;max-width:25px!important;padding:1px 4px!important;margin-left:16px!important;display:inline-block!important;vertical-align:middle!important}.building:not(.wall) .building-info{padding:0!important;gap:4px;bottom:-12px;left:50%;transform:translate(-50%);max-width:85%}.building:not(.wall) .building-name{font-size:.65rem;max-width:50px}.building:not(.wall) .building-level{font-size:.6rem;max-width:25px;padding:1px 4px}.building:not(.wall) .building-info:before{font-size:.6rem}.resources-bar{flex-direction:column;align-items:center;gap:6px}.resource{margin:2px;width:95%;text-align:center;padding:8px 10px;justify-content:center;min-width:auto;max-width:100%}.res-icon-wrapper{font-size:1.2rem;width:25px;height:25px}.res-name{font-size:.7rem}.res-value{font-size:.8rem}.production-rate{font-size:.6rem}.gold-resource{justify-content:center;padding:8px 15px}.buy-gold-btn{width:18px;height:18px;font-size:.8rem}.btn-primary,.btn-secondary{padding:8px 20px;font-size:.8rem;display:block;width:90%;max-width:200px;margin:5px auto}}@media (max-width: 480px){.building:not(.wall) .building-name{max-width:40px;font-size:.6rem}.building:not(.wall) .building-level{max-width:20px;font-size:.55rem;padding:1px 3px}.resource{padding:6px 8px;min-width:120px}.res-icon-wrapper{font-size:1rem;width:20px;height:20px}.res-name{font-size:.65rem}.res-value{font-size:.75rem}.wall.top .building-info{padding:3px 8px!important;gap:4px!important}.wall.top .building-info .building-name{font-size:.75rem!important}.wall.top .building-info .building-level{font-size:.65rem!important;padding:1px 4px!important}.castle-side-buttons{flex-direction:column;align-items:center}.defense-button,.reports-button,.clan-button,.dm-button{min-width:90px;padding:8px 12px;font-size:.75rem;max-width:120px}.unread-badge{top:-3px;right:-3px;min-width:16px;height:16px;font-size:9px;padding:1px 3px}.btn-primary,.btn-secondary{padding:6px 15px;font-size:.75rem}}.clan-button{background:linear-gradient(135deg,#2c7a7b 0%,#225e5f 100%)!important;box-shadow:0 4px 12px #2c7a7b59!important}.clan-button:hover{transform:translate(5px) scale(1.05);background:linear-gradient(135deg,#38b2ac 0%,#2c7a7b 100%)!important;box-shadow:0 6px 18px #38b2ac73!important}.clan-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center}.clan-modal{width:90%;max-width:900px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,rgba(30,60,114,.95),rgba(42,82,152,.95));border-radius:18px;padding:25px;color:#fff;box-shadow:0 20px 50px #0009;border:1px solid rgba(255,255,255,.15);animation:clanModalFade .3s ease}@keyframes clanModalFade{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.clan-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.clan-modal-header h2{font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:10px}.clan-modal-actions{display:flex;gap:10px}.clan-close{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:8px 12px;color:#fff;font-weight:800;cursor:pointer;transition:all .2s ease}.clan-close:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}.clan-error{background:rgba(220,53,69,.18);border:1px solid rgba(220,53,69,.35);padding:10px 12px;border-radius:10px;margin-bottom:10px;font-size:.85rem}.clan-loading{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:10px 12px;border-radius:10px;margin-bottom:10px;font-size:.85rem;opacity:.9}.clan-section{margin-bottom:25px;padding:15px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1)}.clan-section h3{margin-bottom:12px;font-size:1.1rem;font-weight:700;color:gold}.empty-state{font-size:.85rem;color:#ccc;text-align:center;padding:10px;opacity:.8}.clan-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.clan-card{background:rgba(255,255,255,.08);border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.15);transition:all .25s ease}.clan-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.15)}.clan-card-title{font-weight:700;font-size:.95rem}.clan-tag{color:gold;font-weight:700}.clan-card-meta{font-size:.75rem;color:#ccc;margin:5px 0}.clan-card-desc{font-size:.8rem;color:#eee;opacity:.85;margin-bottom:8px}.clan-card-actions{display:flex;gap:8px;flex-wrap:wrap}.clan-detail-title{font-size:1.2rem;font-weight:700}.clan-detail-meta{font-size:.8rem;color:#ccc;margin:5px 0}.clan-detail-desc{font-size:.85rem;margin-bottom:10px}.clan-detail-actions{margin-bottom:15px}.clan-members{display:flex;flex-direction:column;gap:6px}.clan-member-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.08);font-size:.75rem}.clan-member-role{color:gold;font-weight:700}.clan-member-power{color:#2ecc71}.clan-subsection{margin-top:15px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}.clan-subsection h4{margin-bottom:8px;font-size:.95rem;color:#ffdf7e}.clan-admin-row{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.input,.select{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:8px 10px;color:#fff;font-size:.8rem;outline:none}.input::placeholder{color:#ddd}.select option{color:#000}.btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;border-radius:8px;padding:8px 15px;font-size:.75rem;cursor:pointer;font-weight:700}.btn-danger{background:linear-gradient(135deg,#c0392b,#8e2b20);color:#fff;border:none;border-radius:8px;padding:8px 15px;font-size:.75rem;cursor:pointer;font-weight:700}@media (max-width: 768px){.clan-modal{padding:15px;max-height:90vh}.clan-list{grid-template-columns:1fr}.clan-member-row{grid-template-columns:1fr 1fr;row-gap:4px}.clan-admin-row{flex-direction:column}}.ui-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:2147483646;display:flex;align-items:center;justify-content:center}.ui-dialog{min-width:320px;max-width:460px;background:rgba(20,20,30,.98);border:2px solid #ffd700;border-radius:12px;padding:16px 18px;color:#fff;box-shadow:0 10px 30px #000c}.ui-dialog-header{font-weight:700;color:gold;margin-bottom:10px;text-align:center}.ui-dialog-body{font-size:14px;color:#e2e8f0;text-align:center}.ui-dialog-message{margin-bottom:10px;white-space:pre-wrap}.ui-dialog-item-preview{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:10px;background:rgba(255,255,255,.06);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.ui-dialog-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);border-radius:8px}.ui-dialog-item-icon img{width:100%;height:100%;object-fit:contain}.ui-dialog-item-info{display:flex;flex-direction:column;gap:2px;text-align:left}.ui-dialog-item-name{font-weight:600;color:#f3f4f6;font-size:13px}.ui-dialog-item-meta{font-size:12px;color:#cbd5f5}.ui-dialog-input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.4);color:#fff}.ui-dialog-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}.ui-dialog-btn{padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.ui-dialog-btn.confirm{background:#4f46e5;color:#fff}.ui-dialog-btn.cancel{background:rgba(255,255,255,.15);color:#fff}.wall.top .building-info .building-level,.building.wall .building-info .building-level{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;outline:none!important}.building.wall .building-info{background:transparent!important;border:none!important;box-shadow:none!important}.wall.top .building-info{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;bottom:-38px!important;padding:6px 8px!important;white-space:normal!important}.wall.top .building-info .building-name,.wall.top .building-info .building-level{text-align:center!important;margin:0!important}.building.wall .building-info.wall-overlay{position:absolute!important;top:auto!important;bottom:40px!important;left:70%!important;transform:translate(-50%)!important;z-index:60!important;background:rgba(0,0,0,.55)!important;padding:4px 10px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.15)!important;white-space:nowrap!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;pointer-events:none!important}.building.wall .building-info.wall-overlay .building-name{font-size:calc(.65rem + 3px)!important;color:#fff!important;font-weight:700!important;text-align:center!important;line-height:1!important}.building.wall .building-info.wall-overlay .building-level{font-size:calc(.6rem + 5px)!important;color:gold!important;padding:1px 4px!important;background:transparent!important;border:none!important;font-weight:600!important;line-height:1!important}.wall.top .building-info{gap:10px!important}.wall.top .building-info .building-level{margin-left:6px!important}.worldmap-transition-card{box-shadow:0 14px 28px #00000059}.worldmap-transition-progress{width:190px;height:8px;border-radius:999px;background:rgba(148,163,184,.25);overflow:hidden;position:relative}.worldmap-transition-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa 0%,#22d3ee 100%);animation:worldmapLoadingBar 1.1s ease-in-out infinite}.worldmap-transition-spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(226,232,240,.22);border-top-color:#60a5fa;animation:worldmapLoadingSpin .85s linear infinite}@keyframes worldmapLoadingBar{0%{transform:translate(-110%)}to{transform:translate(290%)}}@keyframes worldmapLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay,.healing-modal-overlay,.train-troops-modal-overlay,.dark-fantasy-overlay{background:radial-gradient(circle at 30% 20%,rgba(78,56,33,.22),transparent 45%),rgba(6,7,12,.82)!important;-webkit-backdrop-filter:blur(4px) saturate(125%);backdrop-filter:blur(4px) saturate(125%)}.building-modal,.barracks-choice-modal,.train-troops-modal,.healing-modal,.attack-modal,.defense-modal,.events-modal,.quest-modal,.reports-modal,.market-modal,.store-modal,.clan-modal,.clan-detail-modal,.message-modal{background:linear-gradient(165deg,rgba(20,18,30,.96),rgba(12,11,20,.97))!important;border:1px solid rgba(215,181,109,.36)!important;box-shadow:0 24px 48px #0000009e,0 0 24px #d7b56d14;color:#f3efe6}.modal-header,.healing-modal-header,.train-troops-modal .modal-header{background:linear-gradient(180deg,rgba(30,27,40,.9),rgba(18,16,28,.9))!important;border-bottom:1px solid rgba(215,181,109,.28)!important}.modal-header h2,.healing-modal-header h3,.train-troops-modal .modal-title{color:#f1e5c5;letter-spacing:.3px}.modal-title-icon{width:30px;height:30px;object-fit:contain;margin-right:10px;vertical-align:middle;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}.close-btn,.healing-modal-close{background:rgba(30,18,22,.85)!important;border:1px solid rgba(204,116,98,.45)!important;color:#ffd5c8!important}.close-btn:hover,.healing-modal-close:hover{background:rgba(48,24,30,.92)!important;border-color:#e88c74b8!important}.upgrade-btn,.cancel-btn,.choice-btn,.healing-unit-btn,.healing-total-btn,.tab-btn,.market-action-btn,.store-item-buy-btn,.attack-btn,.defense-action-btn,.clan-btn-primary,.clan-btn-secondary{border-radius:10px;border:1px solid rgba(215,181,109,.42)!important;background:linear-gradient(155deg,rgba(34,27,18,.9),rgba(21,17,12,.92))!important;color:#f3efe6!important;box-shadow:0 8px 18px #00000059}.upgrade-btn:hover,.cancel-btn:hover,.choice-btn:hover,.healing-unit-btn:hover,.healing-total-btn:hover,.tab-btn:hover,.market-action-btn:hover,.store-item-buy-btn:hover,.attack-btn:hover,.defense-action-btn:hover,.clan-btn-primary:hover,.clan-btn-secondary:hover{border-color:#efd08db8!important;box-shadow:0 10px 20px #0000007a,0 0 14px #d7b56d2e}.gold-store-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.gold-store-modal{background:linear-gradient(135deg,#1a2a6c 0%,#2a5298 50%,#1a2a6c 100%);border-radius:20px;padding:0;width:95%;max-width:480px;max-height:90vh;overflow:hidden;border:3px solid #FFD700;box-shadow:0 20px 40px #00000080,0 0 0 1px #ffd7004d,inset 0 0 30px #ffd7001a;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.gold-store-header{background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(255,165,0,.1) 100%);padding:20px 25px;border-bottom:2px solid rgba(255,215,0,.3);display:flex;justify-content:space-between;align-items:flex-start}.header-content{display:flex;align-items:center;gap:15px}.store-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.store-icon img{width:100%;height:100%;object-fit:contain}.header-text h2{color:gold;margin:0 0 5px;font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.header-text p{color:#fffc;margin:0;font-size:.9rem}.close-btn{background:rgba(255,215,0,.2);border:2px solid rgba(255,215,0,.5);border-radius:50%;width:35px;height:35px;color:gold;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover:not(:disabled){background:rgba(255,215,0,.3);transform:scale(1.1)}.close-btn:disabled{opacity:.5;cursor:not-allowed}.gold-packages{padding:20px 25px;display:flex;flex-direction:column;gap:12px;max-height:50vh;overflow-y:auto}.gold-packages::-webkit-scrollbar{width:6px}.gold-packages::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.gold-packages::-webkit-scrollbar-thumb{background:rgba(255,215,0,.5);border-radius:3px}.gold-package{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.08);border:2px solid transparent;border-radius:15px;padding:18px 20px;cursor:pointer;transition:all .3s ease;gap:15px}.gold-package:hover{background:rgba(255,255,255,.12);border-color:#ffd70066;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.gold-package.selected{background:rgba(255,215,0,.15);border-color:gold;box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7001a}.gold-package.popular{border-color:#ff6b6b}.popular-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#FF6B6B 0%,#FF8E8E 100%);color:#fff;padding:4px 12px;border-radius:10px;font-size:.7rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #ff6b6b66}.package-icon{position:relative;display:flex;align-items:center;justify-content:center}.gold-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.gold-icon img{width:100%;height:100%;object-fit:contain}.bonus-badge{position:absolute;top:-5px;right:-5px;background:#4ECDC4;color:#fff;border-radius:50%;width:24px;height:24px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003}.package-info{flex:1}.package-info h3{color:#fff;margin:0 0 8px;font-size:1.1rem;font-weight:600}.gold-amount{display:flex;flex-direction:column;gap:2px}.main-gold{color:gold;font-weight:700;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.bonus-text{color:#4ecdc4;font-size:.8rem;font-weight:500}.package-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.price{color:gold;font-weight:700;font-size:1.3rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.value-text{color:#4ecdc4;font-size:.7rem;font-weight:500}.gold-store-footer{background:rgba(0,0,0,.3);padding:20px 25px;border-top:1px solid rgba(255,215,0,.2);display:flex;justify-content:space-between;align-items:center;gap:15px}.selected-package-info{flex:1}.selection-details{display:flex;flex-direction:column;gap:3px}.package-name{color:#ffffffe6;font-size:.9rem}.total-gold{color:gold;font-size:.9rem}.total-gold strong{font-size:1rem}.select-prompt{color:#fff9;font-style:italic;font-size:.9rem}.action-buttons{display:flex;gap:10px}.cancel-btn,.purchase-btn{padding:12px 20px;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:100px}.cancel-btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}.cancel-btn:hover:not(:disabled){background:rgba(255,255,255,.2);transform:translateY(-1px)}.purchase-btn{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000;box-shadow:0 4px 15px #ffd7004d;display:flex;align-items:center;justify-content:center;gap:8px}.purchase-btn:hover:not(:disabled):not(.processing){transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.purchase-btn:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.purchase-btn.processing{background:linear-gradient(135deg,#666 0%,#888 100%);cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.security-notice{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 25px;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:.75rem}.lock-icon{font-size:.9rem}@media (max-width: 768px){.gold-store-modal{width:98%;max-width:none;margin:10px;border-radius:15px}.gold-store-header{padding:15px 20px}.gold-packages{padding:15px 20px;max-height:45vh}.gold-package{padding:15px;gap:12px}.gold-store-footer{padding:15px 20px;flex-direction:column;gap:12px}.action-buttons{width:100%}.cancel-btn,.purchase-btn{flex:1;min-width:auto}}@media (max-width: 480px){.header-content{gap:10px}.store-icon{font-size:2rem}.header-text h2{font-size:1.3rem}.gold-package{flex-direction:column;text-align:center;gap:10px}.package-price{align-items:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;overflow:hidden}.building-modal{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:0;display:flex;flex-direction:column;width:100%;max-width:500px;max-height:85vh;overflow:hidden;color:#fff;box-shadow:0 20px 40px #00000080;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{flex-shrink:0!important;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.3);border-radius:15px 15px 0 0;position:relative;z-index:10}.modal-header h2{margin:0;font-size:1.4rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.close-btn{background:rgba(255,255,255,.1);border:none;color:#fff;font-size:1.5rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.close-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.1)}.modal-content{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden;padding:20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.1)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}.building-info-section{background:rgba(255,255,255,.1);padding:15px;border-radius:10px;margin-bottom:15px;border:1px solid rgba(255,255,255,.15);text-align:center}.current-level{margin-bottom:10px}.level-badge{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.9rem;display:inline-block}.building-description{color:#ddd;font-size:.9rem;line-height:1.4;margin-bottom:10px;font-style:italic}.castle-level-info{background:rgba(0,0,0,.2);padding:6px 12px;border-radius:8px;font-size:.85rem;color:gold;display:inline-block;border:1px solid rgba(255,215,0,.3)}.upgrade-cost{background:rgba(0,0,0,.25);padding:8px;border-radius:10px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1)}.upgrade-cost h3{margin:0 0 10px;color:#4caf50;font-size:.82rem;text-align:center}.cost-list{display:flex;flex-direction:column;gap:5px}.cost-item{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;background:rgba(255,255,255,.05);border-radius:6px;transition:all .3s ease}.cost-item:hover{background:rgba(255,255,255,.1);transform:translate(5px)}.resource-icon{font-size:.9rem;margin-right:6px;width:22px;height:22px;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0}.resource-name{font-size:.75rem;font-weight:700;flex:1;margin-left:4px}.resource-amount{font-weight:700;padding:2px 5px;border-radius:4px;font-size:.7rem;min-width:80px;text-align:center;flex-shrink:0}.resource-amount.enough{color:#4caf50;background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.5)}.resource-amount.not-enough{color:#f44336;background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.5)}.upgrade-time{text-align:center;padding:10px;background:rgba(255,165,0,.15);border-radius:8px;margin-bottom:15px;color:orange;font-weight:700;border:1px solid rgba(255,165,0,.3)}.upgrade-time h4{margin:0;color:orange;font-size:.95rem}.requirements{background:rgba(70,70,150,.3);padding:15px;border-radius:8px;margin-bottom:15px;border:1px solid rgba(100,100,200,.4)}.requirements h4{margin:0 0 10px;color:#abe;font-size:.95rem}.requirement-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.85rem}.requirement-item:last-child{border-bottom:none}.requirement-item.met{color:#4caf50}.requirement-item.not-met{color:#f44336}.requirement-level{font-size:.8rem;opacity:.8;margin-left:10px;flex-shrink:0;white-space:nowrap}.requirement-label{flex:1;min-width:0}.requirement-errors{background:rgba(244,67,54,.2);padding:15px;border-radius:8px;margin:15px 0;border:1px solid rgba(244,67,54,.4)}.requirement-errors h4{margin:0 0 10px;color:#f44336;font-size:1rem}.error-item{padding:5px 0;font-size:.85rem;color:#fcc;border-bottom:1px solid rgba(255,255,255,.1)}.error-item:last-child{border-bottom:none}.castle-limit-info{background:rgba(255,215,0,.15);padding:15px;border-radius:8px;margin:15px 0;border:1px solid rgba(255,215,0,.3)}.castle-limit-info h4{margin:0 0 8px;color:gold;font-size:1rem}.castle-limit-info p{margin:0;font-size:.85rem;color:#ccc;line-height:1.4}.castle-limit-info strong{color:gold}.modal-actions{display:flex;flex-direction:column;gap:10px;margin:25px 0 10px;padding-bottom:5px;flex-shrink:0}.upgrade-btn{background:linear-gradient(135deg,#4CAF50 0%,#2E7D32 100%);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #4caf504d}.upgrade-btn.can-upgrade:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066;background:linear-gradient(135deg,#66BB6A 0%,#388E3C 100%)}.upgrade-btn:active{transform:scale(.98)}.upgrade-btn.cannot-upgrade{background:linear-gradient(135deg,#9E9E9E 0%,#757575 100%);color:#ffffffb3;cursor:not-allowed;opacity:.8;box-shadow:none}.market-btn{background:linear-gradient(135deg,#2196F3 0%,#0D47A1 100%);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #2196f34d}.market-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2196f366;background:linear-gradient(135deg,#42A5F5 0%,#1565C0 100%)}.market-btn:active{transform:scale(.98)}.cancel-btn{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:700}.cancel-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-1px)}.cancel-btn:active{transform:scale(.98)}.level-preview{background:rgba(0,0,0,.4);padding:15px;border-radius:8px;margin-top:20px;border:1px solid rgba(255,255,255,.1)}.level-preview h4{margin:0 0 12px;color:gold;text-align:center;font-size:1rem}.preview-levels{display:flex;flex-direction:column;gap:8px}.preview-level{display:flex;align-items:center;justify-content:space-between;padding:10px;background:rgba(255,255,255,.05);border-radius:6px;font-size:.85rem;transition:all .3s ease}.preview-level:hover{background:rgba(255,255,255,.1)}.preview-level.locked{background:rgba(244,67,54,.1);color:#ffffff80}.preview-level-number{font-weight:700;color:gold;min-width:80px;flex-shrink:0}.preview-costs{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;flex:1}.preview-resource{background:rgba(255,255,255,.1);padding:3px 6px;border-radius:4px;font-size:.8rem;white-space:nowrap}.lock-icon{color:#f44336;margin-left:5px;flex-shrink:0}@media (max-width: 768px){.modal-overlay{padding:30px 15px 15px;align-items:flex-start}.building-modal{max-height:90vh;width:95%;margin:0 auto}.modal-content{padding:15px}.modal-header{padding:12px 15px}.modal-header h2{font-size:1.2rem}.building-info-section{padding:12px}.modal-actions{margin:20px 0 5px}.upgrade-btn,.market-btn,.cancel-btn{padding:12px;font-size:.95rem}.upgrade-cost{padding:8px;margin-bottom:10px}.upgrade-cost h3{margin:0 0 8px;font-size:.78rem}.cost-list{gap:6px}.cost-item{flex-direction:row;align-items:center;gap:6px;padding:6px 8px}.resource-icon{width:18px;height:18px;margin-right:2px}.resource-name{font-size:.72rem;margin-left:0;min-width:0;white-space:nowrap}.resource-amount{align-self:auto;text-align:right;min-width:0;margin-left:auto;white-space:nowrap;font-size:.68rem;padding:2px 6px}.preview-level{flex-direction:column;align-items:flex-start;gap:8px}.preview-costs{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;gap:4px;padding-bottom:2px}.preview-resource{font-size:.72rem;padding:2px 6px;white-space:nowrap}.requirement-item{flex-direction:column;align-items:flex-start;gap:5px}.requirement-level{margin-left:0}}@media (max-width: 480px){.modal-overlay{padding:20px 10px 10px}.building-modal{width:100%;max-height:95vh;border-radius:12px}.modal-content{padding:12px}.building-info-section{padding:10px}.upgrade-cost{padding:7px}.level-badge{font-size:.8rem;padding:5px 10px}.building-description{font-size:.8rem}.resource-name{font-size:.7rem}.resource-amount{font-size:.66rem;padding:2px 5px}.modal-actions{margin:15px 0 5px}.upgrade-btn,.market-btn,.cancel-btn{padding:12px;font-size:.9rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.barracks-choice-modal{background:linear-gradient(135deg,#1a2a6c 0%,#2a5298 100%);border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:0;max-width:550px;width:90%;color:#fff;box-shadow:0 20px 40px #00000080;animation:modalAppear .3s ease-out;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.3);border-radius:15px 15px 0 0;position:sticky;top:0;z-index:10}.modal-header h2{margin:0;font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.close-btn{background:rgba(255,255,255,.1);border:none;color:#fff;font-size:1.5rem;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.modal-content{padding:25px}.choice-description{text-align:center;margin-bottom:25px;padding:15px;background:rgba(255,255,255,.1);border-radius:10px;border:1px solid rgba(255,255,255,.2)}.choice-description p{margin:0;font-size:1.1rem;color:gold}.choice-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.choice-btn{display:flex;align-items:center;padding:20px;border:2px solid transparent;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.choice-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 20px #0000004d}.choice-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.building-upgrade-btn{border-color:#4caf50;background:rgba(76,175,80,.1)}.building-upgrade-btn:hover:not(:disabled){background:rgba(76,175,80,.2);border-color:#45a049}.troop-training-btn{border-color:#667eea;background:rgba(102,126,234,.1)}.troop-training-btn:hover:not(:disabled){background:rgba(102,126,234,.2);border-color:#5a6fd8}.choice-icon{font-size:2.5rem;margin-right:15px;flex-shrink:0}.choice-text{flex:1}.choice-text h3{margin:0 0 5px;font-size:1.3rem;color:gold}.choice-text p{margin:0 0 8px;opacity:.9;font-size:.9rem}.choice-status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:700}.choice-status.active{background:rgba(76,175,80,.3);color:#4caf50;border:1px solid rgba(76,175,80,.5)}.choice-status.coming-soon{background:rgba(255,165,0,.3);color:orange;border:1px solid rgba(255,165,0,.5)}.feature-info{background:rgba(0,0,0,.4);padding:20px;border-radius:10px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.feature-info h4{margin:0 0 15px;color:gold;text-align:center}.feature-info ul{margin:0;padding-left:20px}.feature-info li{margin-bottom:8px;opacity:.9;line-height:1.4}.siege-system-info{background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.5);padding:20px;border-radius:10px;margin-bottom:20px}.siege-system-info h4{margin:0 0 15px;color:#ff8c42;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.siege-features{display:flex;flex-direction:column;gap:12px}.siege-feature{display:flex;align-items:center;gap:12px;padding:10px;background:rgba(255,255,255,.05);border-radius:8px;border-left:3px solid #ff6b35}.siege-icon{font-size:1.3rem;flex-shrink:0;width:30px;text-align:center}.siege-text{flex:1;font-size:.95rem;line-height:1.3}.balance-info{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.5);padding:20px;border-radius:10px;margin-bottom:20px}.balance-info h4{margin:0 0 15px;color:#4caf50;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.balance-features{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:15px}.balance-item{display:flex;align-items:center;gap:10px;padding:8px;background:rgba(255,255,255,.05);border-radius:6px;font-size:.9rem}.balance-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.balance-note{background:rgba(255,215,0,.1);border-left:3px solid #FFD700;padding:12px;margin:0;font-size:.9rem;line-height:1.4;border-radius:0 6px 6px 0}.modal-actions{display:flex;justify-content:center;margin-top:10px}.cancel-btn{padding:12px 30px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.cancel-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.siege-system-info{animation:pulse 2s ease-in-out infinite}.balance-info{animation:pulse 2s ease-in-out .5s infinite}@media (max-width: 768px){.barracks-choice-modal{width:95%;margin:10px;max-width:none}.modal-content{padding:15px}.choice-btn{flex-direction:column;text-align:center;padding:15px}.choice-icon{margin-right:0;margin-bottom:10px}.siege-features,.balance-features{gap:8px}.siege-feature,.balance-item{padding:8px;font-size:.85rem}.modal-header{padding:15px 20px}.modal-header h2{font-size:1.3rem}}@media (max-width: 480px){.modal-content{padding:10px}.choice-description,.feature-info,.siege-system-info,.balance-info{padding:15px;margin-bottom:15px}.choice-text h3{font-size:1.1rem}.choice-text p{font-size:.8rem}.siege-icon,.balance-icon{font-size:1.1rem}.siege-text,.balance-item{font-size:.8rem}}.barracks-choice-modal::-webkit-scrollbar{width:8px}.barracks-choice-modal::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.barracks-choice-modal::-webkit-scrollbar-thumb{background:rgba(255,215,0,.5);border-radius:4px}.barracks-choice-modal::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.7)}.construction-queue{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px;margin:8px;color:#fff;box-shadow:0 8px 32px #0000004d;max-height:320px;overflow-y:auto}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2)}.queue-header h3{margin:0;font-size:.95rem;color:gold}.header-info{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.queue-count{background:rgba(255,255,255,.2);padding:3px 6px;border-radius:12px;font-size:.7rem;font-weight:700}.speed-up-info{font-size:11px;color:gold;background:rgba(255,215,0,.1);padding:2px 5px;border-radius:4px;border:1px solid rgba(255,215,0,.3)}.queue-list{display:flex;flex-direction:column;gap:8px}.queue-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;transition:all .3s ease}.queue-item:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.item-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.item-number{background:rgba(255,215,0,.3);color:gold;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.item-icon{font-size:1rem}.item-icon img{width:18px;height:18px;object-fit:contain;display:block}.item-name{flex:1;font-weight:700;font-size:.82rem}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.progress-container{width:100%;height:5px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden;margin-bottom:6px}.progress-bar{height:100%;border-radius:3px;transition:width .3s ease;background:linear-gradient(90deg,#4CAF50,#45a049)}.speed-up-cost{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:rgba(255,255,255,.05);border-radius:6px;margin:6px 0;border:1px solid rgba(255,255,255,.1)}.cost-label{font-size:.75rem;opacity:.8}.gold-cost{color:gold;font-weight:700;font-size:.8rem;background:rgba(255,215,0,.1);padding:2px 5px;border-radius:4px;border:1px solid rgba(255,215,0,.3)}.item-footer{display:flex;justify-content:space-between;align-items:center}.time-remaining{font-size:.75rem;font-weight:700;color:gold}.speed-up-btn{background:linear-gradient(135deg,#FFA500,#FF8C00);border:none;color:#fff;padding:5px 8px;border-radius:6px;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.speed-up-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #ffa50066;background:linear-gradient(135deg,#FF8C00,#FF7700)}.speed-up-btn:disabled{background:rgba(255,255,255,.2);color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.waiting-state{text-align:center;padding:8px 0}.waiting-text{font-size:.75rem;opacity:.8}.empty-slot{background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.3);opacity:.7}.empty-content{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px}.empty-icon{font-size:1.5rem;opacity:.5}.empty-text{font-size:.8rem;opacity:.7}.queue-empty-state{text-align:center;padding:20px;opacity:.7}.queue-empty-state .empty-icon{font-size:2rem;margin-bottom:10px}.queue-empty-state p{margin:0 0 5px;font-size:.9rem}.empty-hint{font-size:.8rem;opacity:.6}.speed-up-system-info{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(255,215,0,.1);border-radius:8px;margin-top:12px;font-size:.8rem;border:1px solid rgba(255,215,0,.2)}.info-icon{font-size:1rem;color:gold}.info-content{flex:1}.info-content strong{color:gold}.construction-queue::-webkit-scrollbar{width:6px}.construction-queue::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.construction-queue::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.construction-queue::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}@media (max-width: 768px){.construction-queue{margin:5px;padding:10px;max-height:300px}.item-header{flex-wrap:wrap;gap:5px}.item-name{font-size:.8rem}.header-info{align-items:flex-start}.speed-up-btn{padding:4px 8px;font-size:.65rem}.speed-up-cost{padding:6px 8px}.speed-up-system-info{padding:8px;font-size:.75rem}}@keyframes goldPulse{0%{box-shadow:0 0 #ffd70066}70%{box-shadow:0 0 0 5px #ffd70000}to{box-shadow:0 0 #ffd70000}}.gold-cost{animation:goldPulse 2s infinite}.speed-up-btn:active:not(:disabled){transform:scale(.95);transition:transform .1s ease}.training-queue-panel.compact{width:260px;background:linear-gradient(180deg,#1b2235,#141a2b);border:1px solid #3a2f12;border-radius:12px;padding:10px;box-shadow:0 4px 12px #00000080}.training-queue-summary{display:flex;justify-content:space-between;font-size:12px;color:#f5d27a;margin-bottom:8px;padding:4px 8px;background:rgba(0,0,0,.3);border-radius:6px;border:1px solid #3a2f12}.training-queue-content{max-height:400px;overflow-y:auto}.training-queue-content::-webkit-scrollbar{width:4px}.training-queue-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:2px}.training-queue-content::-webkit-scrollbar-thumb{background:#f5d27a;border-radius:2px}.training-queue-content::-webkit-scrollbar-thumb:hover{background:#c9a43c}.training-row{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.35);border-radius:8px;padding:6px;margin-bottom:6px;border:1px solid rgba(58,47,18,.5);transition:all .2s ease}.training-row:hover{background:rgba(0,0,0,.45);border-color:#f5d27a}.training-row:last-child{margin-bottom:0}.unit-icon{width:32px;height:32px;object-fit:contain;border-radius:6px;border:1px solid #3a2f12;background:rgba(0,0,0,.5);padding:2px}.training-info{flex:1;min-width:0}.training-title{font-size:13px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.training-title .qty{color:#f5d27a;margin-left:4px;font-weight:700}.training-progress{height:4px;background:#2a2f44;border-radius:4px;margin-top:4px;overflow:hidden;position:relative}.training-progress .bar{height:100%;background:linear-gradient(90deg,#f5d27a,#c9a43c);border-radius:4px;transition:width 1s ease;position:relative}.training-progress .bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.training-meta{text-align:right;font-size:12px;color:#ddd;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.training-meta .time{font-family:monospace;font-weight:700;color:#f5d27a;background:rgba(0,0,0,.5);padding:2px 6px;border-radius:4px;border:1px solid #3a2f12}.speedup-wrap{display:flex;align-items:center;gap:6px}.speedup-cost{font-size:11px;color:#f5d27a;font-weight:700;background:rgba(0,0,0,.45);border:1px solid rgba(245,210,122,.25);padding:2px 6px;border-radius:6px;line-height:1;white-space:nowrap}.speedup-cost.disabled{opacity:.4;color:#888;border-color:#8888884d}.speedup-btn{background:none;border:none;color:#f5d27a;cursor:pointer;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;background:rgba(245,210,122,.1);border:1px solid rgba(245,210,122,.3)}.speedup-btn:hover:not(.disabled){background:rgba(245,210,122,.2);border-color:#f5d27a;transform:scale(1.1);box-shadow:0 0 8px #f5d27a4d}.speedup-btn.disabled{opacity:.4;cursor:not-allowed;color:#888}.speedup-btn.disabled:hover{background:rgba(245,210,122,.1);border-color:#f5d27a4d;transform:none;box-shadow:none}.training-empty{text-align:center;color:#aaa;font-size:13px;padding:20px 0;background:rgba(0,0,0,.3);border-radius:8px;border:1px dashed #3a2f12;margin-top:10px}.training-row[data-status=training] .time{animation:pulse 2s infinite}.training-row[data-status=waiting]{opacity:.7}.training-row[data-status=waiting] .bar{background:linear-gradient(90deg,#666,#888)}.training-row[data-unit-type=mancinik]{border-left:3px solid #ff6b35;background:rgba(255,107,53,.15)}.training-row[data-unit-type=mancinik] .bar{background:linear-gradient(90deg,#ff6b35,#ff8c42)}.training-row[data-unit-type=mancinik] .time{color:#ff8c42}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.training-queue-panel.compact{width:100%;max-width:300px;margin:0 auto}.training-row{padding:8px}.unit-icon{width:28px;height:28px}.training-title{font-size:12px}.speedup-wrap{gap:4px}.speedup-cost{font-size:10px;padding:1px 4px}}.training-queue-panel.compact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#f5d27a,transparent);opacity:.3}.training-row{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.training-row:first-child{border:1px solid #f5d27a;background:rgba(245,210,122,.1)}.training-row:first-child .bar{animation:shimmer 1.5s infinite}.training-row[data-remaining=low] .time{color:#ff6b35;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.healing-queue{margin-top:15px;padding:12px;border-radius:12px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);color:#fff}.healing-header{display:flex;justify-content:space-between;align-items:center}.healing-header h3{margin:0;font-size:1rem;display:inline-flex;align-items:center;gap:6px}.healing-title-icon{width:18px;height:18px;object-fit:contain}.healing-refresh{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:4px 8px;cursor:pointer}.healing-info{margin-top:8px;font-size:.8rem;display:grid;gap:4px}.healing-summary{margin-top:6px;display:flex;justify-content:space-between;font-size:.75rem;color:#ffd88a}.healing-section-title{font-size:.85rem;font-weight:700;margin:10px 0 6px;color:#ffd5d5}.healing-queue-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.healing-queue-duration{font-size:.75rem;font-weight:600;color:#ffd88a}.healing-troops{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.healing-troop{display:flex;justify-content:space-between;background:rgba(255,255,255,.08);border-radius:6px;padding:4px 6px;font-size:.75rem}.healing-enqueue{margin-top:8px;width:100%;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;color:#fff;padding:6px 8px;border-radius:8px;cursor:pointer;font-weight:600}.healing-enqueue:disabled{opacity:.6;cursor:not-allowed}.healing-queue-list{margin-top:8px}.healing-queue-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:rgba(255,255,255,.08);border-radius:8px;font-size:.75rem;margin-bottom:6px}.healing-queue-left{display:flex;align-items:center;gap:8px}.healing-unit-icon{font-size:16px;width:20px;height:20px;object-fit:contain}.healing-queue-info{display:flex;flex-direction:column;gap:4px}.healing-queue-title .qty{margin-left:6px;color:#ffd88a}.healing-queue-sub{font-size:.7rem;color:#ffb3b3}.healing-progress{width:140px;height:6px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden}.healing-bar{height:100%;background:linear-gradient(90deg,#e67e22,#f1c40f)}.healing-speedup{display:flex;align-items:center;gap:6px}.healing-speedup-btn{background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.35);color:#ffd88a;width:24px;height:24px;border-radius:8px;cursor:pointer;font-size:.8rem;margin-top:2px}.healing-speedup-btn.disabled{opacity:.5;cursor:not-allowed}.healing-speedup-cost{font-size:.75rem;color:#ffd88a}.healing-speedup-cost.disabled{opacity:.5}.healing-empty{font-size:.75rem;opacity:.7}.healing-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,8,18,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.healing-modal{width:100%;max-width:620px;background:linear-gradient(145deg,rgba(26,22,46,.95),rgba(18,15,35,.98));border-radius:16px;border:1px solid rgba(255,215,0,.15);box-shadow:0 20px 50px #00000080;color:#f0f0f0;overflow:hidden}.healing-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,215,0,.15)}.healing-modal-header h3{margin:0;font-family:Cinzel,serif;font-size:20px;color:#ffd88a}.healing-modal-close{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);color:#ffd88a;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:20px}.healing-modal-info{display:flex;gap:16px;padding:10px 20px;font-size:.85rem;color:#d8d8d8}.healing-modal-list{padding:10px 20px 0;max-height:50vh;overflow-y:auto}.healing-row{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;margin-bottom:10px}.healing-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.healing-unit{display:flex;align-items:center;gap:8px}.unit-icon{font-size:18px;width:24px;height:24px;object-fit:contain}.unit-name{font-weight:600}.healing-wounded-count{font-size:.85rem;color:#ffb7b7}.healing-controls{display:grid;grid-template-columns:1fr 90px 110px;gap:10px;align-items:center}.healing-controls input[type=range]{width:100%}.healing-controls input[type=number]{width:100%;padding:6px 8px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff}.healing-unit-btn{background:linear-gradient(135deg,#e67e22 0%,#d35400 100%);border:none;color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:600}.healing-unit-btn:disabled{opacity:.6;cursor:not-allowed}.healing-cost{margin-top:8px;font-size:.8rem;color:#ffd88a}.healing-modal-footer{padding:12px 20px 18px;border-top:1px solid rgba(255,215,0,.12);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.healing-total{font-size:.9rem;color:#e9e9e9}.healing-total.insufficient{color:#ff6b6b}.healing-total-btn{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700}.healing-total-btn:disabled{opacity:.6;cursor:not-allowed}.healing-empty-state{padding:20px;text-align:center;color:#bbb}.notification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:flex;align-items:center;justify-content:center;background:rgba(5,8,14,.35);pointer-events:none}.notification-system{width:min(420px,92vw);background:rgba(0,0,0,.7);border-radius:12px;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;max-height:400px;overflow-y:auto;pointer-events:auto}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3)}.notification-header h3{margin:0;font-size:1rem;color:#fff}.notification-count{background:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:700}.notification-list{padding:10px}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px;margin-bottom:8px;border-radius:8px;border-left:4px solid;animation:slideIn .3s ease-out;background:rgba(255,255,255,.05)}.notification-item.success{border-left-color:#4caf50;background:rgba(76,175,80,.1)}.notification-item.info{border-left-color:#2196f3;background:rgba(33,150,243,.1)}.notification-item.warning{border-left-color:#ff9800;background:rgba(255,152,0,.1)}.notification-item.error{border-left-color:#f44336;background:rgba(244,67,54,.1)}.notification-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.notification-content{flex:1;min-width:0}.notification-title{font-weight:700;font-size:.85rem;color:#fff;margin-bottom:4px}.notification-message{font-size:.8rem;color:#ffffffe6;line-height:1.3}.notification-details{font-size:.75rem;color:#ffffffb3;margin-top:4px;font-style:italic}.notification-close{background:none;border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.notification-close:hover{background:rgba(255,255,255,.1);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.notification-system::-webkit-scrollbar{width:6px}.notification-system::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.notification-system::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.notification-system::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}@media (max-width: 768px){.notification-system{margin-top:10px;max-height:300px}.notification-item{padding:10px}.notification-title{font-size:.8rem}.notification-message{font-size:.75rem}}.train-troops-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,8,18,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .3s ease-out}.train-troops-modal{background:linear-gradient(145deg,rgba(26,22,46,.95) 0%,rgba(18,15,35,.98) 100%);border-radius:20px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffd70026,inset 0 1px #ffffff0d;border:1px solid rgba(255,215,0,.1);font-family:Inter,sans-serif;color:#f0f0f0;display:flex;flex-direction:column}@media (max-width: 768px){.train-troops-modal{max-height:95vh;border-radius:16px;max-width:95%}}.modal-header{background:linear-gradient(90deg,rgba(40,35,65,.9) 0%,rgba(30,25,55,.95) 100%);padding:24px 32px;border-bottom:1px solid rgba(255,215,0,.2);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:"";position:absolute;bottom:-1px;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.3) 50%,transparent 100%)}.modal-header h2{margin:0;font-family:Cinzel,serif;font-size:28px;font-weight:700;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(255,215,0,.3);letter-spacing:.5px}@media (max-width: 600px){.modal-header{padding:20px 24px}.modal-header h2{font-size:22px}}.close-btn{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);color:gold;width:44px;height:44px;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.close-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,215,0,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.close-btn:hover{background:rgba(255,215,0,.15);border-color:#ffd70080;transform:rotate(90deg);box-shadow:0 0 20px #ffd7004d}.close-btn:hover:before{width:100%;height:100%}.harvest-open-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(6,6,12,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10020;padding:20px}.harvest-open-overlay.impact{animation:harvestScreenShake .6s ease}.harvest-open-modal{width:min(700px,92vw);min-height:540px;background:radial-gradient(circle at 30% 20%,rgba(64,52,24,.35),rgba(16,14,26,.98));border:1px solid rgba(255,215,128,.35);border-radius:18px;padding:22px;position:relative;box-shadow:0 24px 60px #0009;color:#f7e6c6;display:flex;flex-direction:column;gap:18px}.harvest-open-modal.impact{box-shadow:0 24px 60px #0009,0 0 30px #ffd67859}.harvest-open-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:radial-gradient(circle at 50% 30%,rgba(255,230,160,.45),rgba(255,230,160,0));opacity:0;pointer-events:none;transition:opacity .4s ease}.harvest-open-flash.active{opacity:1}.harvest-open-close{position:absolute;top:14px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,215,128,.35);background:rgba(12,12,20,.7);color:#f7d38b;font-size:20px;cursor:pointer}.harvest-open-title{text-align:center;font-family:Cinzel,serif;font-size:22px;color:#f7d38b;letter-spacing:.6px}.harvest-open-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center}.harvest-open-chest{width:210px;height:210px;display:flex;align-items:center;justify-content:center;position:relative}.harvest-open-chest img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.5))}.harvest-open-chest.shake{animation:harvestChestShake 1s ease-in-out}.harvest-open-glow{position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgba(255,214,120,.5),rgba(255,214,120,0));opacity:0;transition:opacity .35s ease}.harvest-open-glow.active{opacity:1}.harvest-open-reward-active{position:absolute;right:50%;transform:translate(50%);bottom:10px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:rgba(16,18,30,.85);border:1px solid rgba(255,215,128,.35);border-radius:14px;min-width:180px;animation:harvestRewardPop .9s ease}.harvest-open-reward-active.fly{animation:harvestRewardPop .9s ease,harvestRewardFlight 1.2s ease .4s}.harvest-open-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.harvest-open-auto{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#e7d9b5}.harvest-open-auto input{accent-color:#f7d38b}.harvest-open-button{background:linear-gradient(180deg,#f7d38b 0%,#c78a26 100%);border:none;color:#1a1010;font-weight:700;padding:10px 18px;border-radius:12px;cursor:pointer;min-width:160px}.harvest-open-button:disabled{opacity:.6;cursor:not-allowed}.harvest-open-remaining{font-size:12px;color:#cbbf9a}.harvest-open-error{font-size:12px;color:#fca5a5}.harvest-open-rewards{background:rgba(14,16,26,.7);border:1px solid rgba(255,215,128,.2);border-radius:14px;padding:12px;max-height:240px}.harvest-open-rewards-title{font-size:12px;color:#f7d38b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.6px}.harvest-open-rewards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;max-height:190px;overflow-y:auto;padding-right:6px}.harvest-open-reward-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:rgba(10,12,20,.7);border-radius:10px;border:1px solid rgba(255,255,255,.06);animation:harvestRewardSlide .8s ease}.harvest-open-reward-item .reward-icon,.harvest-open-reward-active .reward-icon{font-size:22px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;flex:0 0 54px}.harvest-open-reward-item .reward-icon img,.harvest-open-reward-active .reward-icon img{width:100%;height:100%;object-fit:contain}.harvest-open-reward-item .reward-name,.harvest-open-reward-active .reward-name{font-size:12px;color:#e7d9b5;flex:1}.harvest-open-reward-item .reward-count{font-size:12px;color:#f7d38b;font-weight:700}@keyframes harvestChestShake{0%{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes harvestScreenShake{0%{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-3px,3px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes harvestRewardPop{0%{transform:translate(50%) scale(.7);opacity:0}60%{transform:translate(50%) scale(1.05);opacity:1}to{transform:translate(50%) scale(1);opacity:1}}@keyframes harvestRewardFlight{0%{transform:translate(50%) scale(1);opacity:1}to{transform:translate(-220px,160px) scale(.6);opacity:0}}@keyframes harvestRewardSlide{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-tabs{display:flex;background:rgba(20,17,40,.8);padding:0 32px;border-bottom:1px solid rgba(255,215,0,.1);gap:8px;min-height:60px;align-items:center}.tab-btn{flex:1;background:transparent;border:none;color:#a0a0c0;font-family:Cinzel,serif;font-size:16px;font-weight:600;cursor:pointer;padding:16px 24px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;position:relative;min-height:44px}.tab-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,#FFD700,#FFA500);border-radius:2px;transform:translate(-50%);transition:width .3s ease}.tab-btn:hover{color:#fff;background:rgba(255,215,0,.05)}.tab-btn.active{color:gold;background:rgba(255,215,0,.08)}.tab-btn.active:after{width:100%}.tab-btn .tab-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media (max-width: 600px){.modal-tabs{padding:0 20px;min-height:56px}.tab-btn{padding:12px 16px;font-size:14px;gap:8px}.tab-btn .tab-icon{font-size:18px}}.modal-content{flex:1;overflow-y:auto;padding:32px;background:linear-gradient(180deg,rgba(22,19,42,.8) 0%,rgba(18,15,35,.9) 100%)}@media (max-width: 768px){.modal-content{padding:24px}}.train-tab-single{display:flex;flex-direction:column;gap:20px;min-height:500px}.summary-bar{background:rgba(20,17,40,.6);border-radius:12px;padding:16px 24px;border:1px solid rgba(255,215,0,.15);margin-bottom:8px}.summary-steps{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;color:#ffffffb3;flex-wrap:wrap}.step{padding:8px 16px;border-radius:8px;background:rgba(255,255,255,.05);transition:all .3s ease;white-space:nowrap}.step.active{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,165,0,.15));color:gold;border:1px solid rgba(255,215,0,.3)}.step-divider{color:#ffd70080;font-size:16px}.units-list-container{display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow-y:auto;padding-right:8px}@media (max-width: 768px){.units-list-container{max-height:75vh}}.units-list-container::-webkit-scrollbar{width:6px}.units-list-container::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.units-list-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);border-radius:3px}.unit-row{background:linear-gradient(145deg,rgba(35,30,60,.9) 0%,rgba(25,20,45,.95) 100%);border:2px solid rgba(255,255,255,.08);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.unit-row:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .6s}.unit-row-header{cursor:pointer}.unit-row-header:hover:not(.disabled):before{left:100%}.unit-row-header:hover:not(.disabled) .unit-row{border-color:#ffd70080;transform:translateY(-4px);box-shadow:0 12px 32px #0006,0 0 20px #ffd70026,inset 0 1px #ffffff1a}.unit-row.selected{border-color:gold!important;background:linear-gradient(145deg,rgba(50,45,75,.95) 0%,rgba(40,35,65,.98) 100%);box-shadow:0 0 0 3px #ffd7004d,0 16px 40px #ffd70033,inset 0 1px #ffffff1a}.unit-row.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}.unit-row.disabled:after{content:"Yetersiz";position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ff4757 0%,#ff3838 100%);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;z-index:2;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ff383866}.unit-row.siege-unit{border:2px solid rgba(255,107,53,.4);background:linear-gradient(145deg,rgba(60,35,25,.9) 0%,rgba(45,25,15,.95) 100%)}.unit-row.siege-unit:hover:not(.disabled){border-color:#ff8c42b3;box-shadow:0 12px 32px #0006,0 0 25px #ff6b3540,inset 0 1px #ffffff0d}.unit-row.siege-unit.selected{border-color:#ff8c42!important;background:linear-gradient(145deg,rgba(75,45,30,.95) 0%,rgba(60,35,20,.98) 100%);box-shadow:0 0 0 3px #ff8c424d,0 16px 40px #ff6b3533}.unit-row-content{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;min-height:70px;gap:16px}@media (max-width: 768px){.unit-row-content{padding:12px 16px;min-height:60px;gap:12px}}.unit-row-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.unit-icon-row{display:flex;align-items:center;gap:8px}.unit-icon-small{font-size:28px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;object-fit:contain}@media (max-width: 768px){.unit-icon-small{font-size:24px;width:32px;height:32px}}.matchup-unit-label{display:inline-flex;align-items:center;gap:6px}.matchup-unit-icon{width:20px;height:20px;object-fit:contain}.siege-badge-small{font-size:11px;background:linear-gradient(135deg,#FF6B35 0%,#FF8C42 100%);color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #0006;margin-left:-10px}.unit-info-row{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.unit-name-row{font-family:Cinzel,serif;font-size:16px;font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.unit-name-row{font-size:14px}}.unit-count-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#a0a0c0;white-space:nowrap}.count-label{opacity:.8}.count-value{font-weight:600;color:gold}.unit-row-center{flex:1;min-width:0;display:flex;justify-content:center}.stat-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.stat-chip{display:flex;align-items:center;gap:4px;padding:5px 10px;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:600;min-width:60px;justify-content:center}.chip-icon{font-size:12px}.chip-value{color:#fff;font-weight:700;font-size:12px}.unit-row-right{display:flex;align-items:center;gap:12px;min-width:120px;justify-content:flex-end}.train-time-small{font-size:12px;color:#4fc3f7;font-weight:700;display:flex;align-items:center;gap:4px;white-space:nowrap}.toggle-indicator{font-size:12px;color:#ffd700cc;min-width:20px;text-align:center}.disabled-badge{padding:6px 12px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:11px;color:#ef4444;font-weight:600;white-space:nowrap;text-align:center;min-width:90px}@media (max-width: 768px){.stat-chip{min-width:50px;padding:4px 8px;font-size:11px}.train-time-small{font-size:11px}.disabled-badge{font-size:10px;padding:5px 10px;min-width:80px}}.unit-expanded-panel{border-top:1px solid rgba(255,255,255,.1);background:rgba(30,25,55,.8);overflow:hidden;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.expanded-panel-content{padding:20px}@media (max-width: 768px){.expanded-panel-content{padding:16px}}.expanded-panel-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.quantity-controls-container{display:flex;flex-direction:column;gap:16px}.quantity-header-expanded{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:8px}.quantity-label-expanded{font-family:Cinzel,serif;font-size:14px;font-weight:700;color:#fff}.max-info-expanded{font-size:13px;color:#a0a0c0}.max-value-expanded{color:gold;font-weight:800;font-size:14px;margin-left:4px}.quantity-controls-expanded{display:flex;align-items:center;gap:10px;margin-bottom:0;flex-wrap:nowrap}@media (max-width: 520px){.quantity-controls-expanded{flex-wrap:wrap}}.quantity-input-wrapper-expanded{min-width:120px;flex-shrink:0;flex:1}.quantity-input-expanded{width:100%;height:44px;background:rgba(10,8,18,.8);border:2px solid rgba(255,215,0,.4);border-radius:8px;color:gold;font-size:16px;font-weight:700;text-align:center;font-family:Cinzel,serif;padding:0 12px;transition:all .3s ease}.quantity-input-expanded:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.quantity-btn{background:linear-gradient(145deg,rgba(40,35,65,.9) 0%,rgba(30,25,55,.95) 100%);border:2px solid rgba(255,215,0,.3);color:#fff;width:44px;height:44px;border-radius:8px;font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:44px;flex-shrink:0}.quantity-btn:hover:not(:disabled){border-color:gold;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.quantity-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff1a}.quantity-btn.decrease{background:linear-gradient(145deg,rgba(180,50,50,.9) 0%,rgba(150,40,40,.95) 100%);border-color:#dc505066}.quantity-btn.increase{background:linear-gradient(145deg,rgba(50,180,50,.9) 0%,rgba(40,150,40,.95) 100%);border-color:#50dc5066}.max-btn-expanded{background:linear-gradient(135deg,#FFD700 0%,#FFA500 50%,#FFD700 100%);background-size:200% 100%;border:none;color:#1a162e;height:44px;padding:0 18px;border-radius:8px;font-family:Cinzel,serif;font-size:13px;font-weight:800;cursor:pointer;transition:all .4s ease;min-width:60px;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;white-space:nowrap}.max-btn-expanded:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}.max-btn-expanded:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#666 0%,#444 100%);color:#999}.train-btn-inline{background:linear-gradient(135deg,#FFC107 0%,#FF9800 50%,#FFC107 100%);background-size:200% 100%;border:none;color:#1a162e;height:44px;padding:0 18px;border-radius:8px;font-family:Cinzel,serif;font-size:13px;font-weight:800;cursor:pointer;transition:all .4s ease;min-width:80px;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;white-space:nowrap}.train-btn-inline:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px);box-shadow:0 4px 15px #ff980066}.train-btn-inline:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#666 0%,#444 100%);color:#999;transform:none!important;box-shadow:none!important}.quantity-slider-container{display:flex;flex-direction:column;gap:8px;margin-top:10px}.quantity-slider{-webkit-appearance:none;width:100%;height:6px;background:rgba(255,215,0,.15);border-radius:3px;outline:none;transition:all .3s ease}.quantity-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 2px #ffd7004d,0 4px 12px #ffd70080;transition:all .2s ease}.quantity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 3px #ffd70066,0 6px 16px #ffd70099}.quantity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);cursor:pointer;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 2px #ffd7004d,0 4px 12px #ffd70080;transition:all .2s ease}.quantity-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 3px #ffd70066,0 6px 16px #ffd70099}.quantity-slider::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,rgba(255,215,0,.3) 0%,rgba(255,165,0,.4) 50%,rgba(255,215,0,.3) 100%);border-radius:3px}.quantity-slider::-moz-range-track{height:6px;background:linear-gradient(90deg,rgba(255,215,0,.3) 0%,rgba(255,165,0,.4) 50%,rgba(255,215,0,.3) 100%);border-radius:3px}.quantity-slider:disabled{opacity:.5;cursor:not-allowed}.quantity-slider:disabled::-webkit-slider-thumb{background:linear-gradient(135deg,#888 0%,#666 100%);cursor:not-allowed}.quantity-slider:disabled::-moz-range-thumb{background:linear-gradient(135deg,#888 0%,#666 100%);cursor:not-allowed}.slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#ffffffb3;margin-top:4px}.slider-current{font-weight:700;color:gold;font-size:12px}.cost-chips-under-slider{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%;margin-top:10px}.cost-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(20,17,40,.8);border:1px solid rgba(255,255,255,.1);border-radius:16px;font-size:13px;font-weight:600;flex-shrink:0;transition:all .3s ease}.cost-chip:hover{transform:translateY(-2px);border-color:#ffd7004d;box-shadow:0 4px 12px #0003}.cost-chip.insufficient{background:rgba(239,68,68,.1);border-color:#ef44444d;color:#ef4444}.chip-resource-icon{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.chip-resource-icon img{width:16px;height:16px;object-fit:contain;display:block}.chip-amount{font-weight:700;color:#fff;font-size:13px}.chip-warning{color:#ef4444;font-size:12px;margin-left:4px;font-weight:800}.action-expanded{display:flex;flex-direction:column;gap:12px;margin-top:10px}.training-warning-expanded{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px;font-weight:600;flex-wrap:wrap}.warning-icon{font-size:16px;flex-shrink:0}.selection-hint{background:linear-gradient(145deg,rgba(30,25,55,.95) 0%,rgba(22,19,42,.98) 100%);border-radius:16px;padding:40px 30px;border:1px solid rgba(255,215,0,.15);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.6}.hint-icon{font-size:40px;color:#ffd7004d;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.hint-title{font-family:Cinzel,serif;font-size:20px;font-weight:700;color:#a0a0c0;margin-bottom:10px}.hint-text{color:#8080a0;font-size:14px;line-height:1.5;max-width:280px}@media (max-width: 480px){.selection-hint{padding:30px 20px}.hint-icon{font-size:32px}.hint-title{font-size:18px}.hint-text{font-size:13px}}.info-tab{background:linear-gradient(145deg,rgba(30,25,55,.95) 0%,rgba(22,19,42,.98) 100%);border-radius:20px;padding:30px;border:1px solid rgba(255,215,0,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;overflow-y:auto;max-height:calc(90vh - 200px)}@media (max-width: 768px){.info-tab{padding:20px;max-height:calc(95vh - 180px)}}@media (max-width: 480px){.info-tab{padding:16px}}.info-title{font-family:Cinzel,serif;font-size:24px;font-weight:700;color:#fff;text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 480px){.info-title{font-size:20px;margin-bottom:20px}}.matchup-matrix{background:rgba(20,17,40,.6);border-radius:16px;padding:20px;margin-bottom:30px;border:1px solid rgba(255,255,255,.05);overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:520px}.matchup-header{display:grid;grid-template-columns:minmax(110px,1.2fr) repeat(4,minmax(80px,1fr));gap:6px;margin-bottom:12px}.header-cell{background:linear-gradient(135deg,rgba(40,35,65,.9) 0%,rgba(30,25,55,.95) 100%);padding:12px 6px;text-align:center;border-radius:8px;font-family:Cinzel,serif;font-size:13px;font-weight:700;color:#fff;border:1px solid rgba(255,215,0,.2)}.matchup-row{display:grid;grid-template-columns:minmax(110px,1.2fr) repeat(4,minmax(80px,1fr));gap:6px;margin-bottom:8px}.attacker-cell{background:linear-gradient(135deg,rgba(50,45,75,.9) 0%,rgba(40,35,65,.95) 100%);padding:12px 6px;border-radius:8px;font-family:Cinzel,serif;font-size:13px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,215,0,.2)}.matchup-cell{padding:12px 6px;border-radius:8px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid transparent;text-align:center}.matchup-cell.advantage{background:linear-gradient(135deg,rgba(76,175,80,.15) 0%,rgba(56,142,60,.2) 100%);color:#66bb6a;border-color:#4caf504d}.matchup-cell.disadvantage{background:linear-gradient(135deg,rgba(244,67,54,.15) 0%,rgba(211,47,47,.2) 100%);color:#ef5350;border-color:#f443364d}.matchup-cell.neutral{background:rgba(40,35,65,.6);color:#a0a0c0;border-color:#ffffff0d}@media (max-width: 480px){.matchup-matrix{min-width:480px;padding:16px}.header-cell,.attacker-cell,.matchup-cell{padding:8px 5px;font-size:11px}.matchup-header,.matchup-row{gap:4px}}.system-info{background:rgba(20,17,40,.6);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.05);margin-top:20px}@media (max-width: 480px){.system-info{padding:16px}}.system-title{font-family:Cinzel,serif;font-size:20px;font-weight:700;color:gold;margin-bottom:20px;display:flex;align-items:center;gap:10px}@media (max-width: 480px){.system-title{font-size:18px;margin-bottom:16px}}.system-list{list-style:none;padding:0;margin-bottom:24px}.system-list li{color:#d0d0e0;font-size:14px;line-height:1.6;margin-bottom:10px;padding-left:24px;position:relative}.system-list li:before{content:"⚔️";position:absolute;left:0;top:2px;font-size:12px}.system-list li strong{color:gold;font-weight:700}@media (max-width: 480px){.system-list li{font-size:13px;margin-bottom:8px;padding-left:20px}}.siege-system-info{background:linear-gradient(135deg,rgba(255,107,53,.1) 0%,rgba(255,140,66,.15) 100%);border:1px solid rgba(255,107,53,.3);border-radius:16px;padding:20px;margin-top:20px}@media (max-width: 480px){.siege-system-info{padding:16px}}.siege-title{font-family:Cinzel,serif;font-size:18px;font-weight:700;color:#ff8c42;margin-bottom:16px;display:flex;align-items:center;gap:10px}@media (max-width: 480px){.siege-title{font-size:16px;margin-bottom:12px}}.siege-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 768px){.siege-levels{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.siege-levels{grid-template-columns:1fr}}.siege-level{background:linear-gradient(145deg,rgba(50,35,25,.8) 0%,rgba(40,25,15,.9) 100%);border-radius:10px;padding:16px;border:1px solid rgba(255,107,53,.3);display:flex;align-items:center;gap:12px;transition:all .3s ease;min-width:0}.siege-level:hover{transform:translateY(-4px);border-color:#ff8c42;box-shadow:0 8px 20px #ff6b3533}.level-badge{background:linear-gradient(135deg,#FF6B35 0%,#FF8C42 100%);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:14px;font-weight:800;flex-shrink:0;border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 10px #ff6b3566}.level-info{flex:1;min-width:0}.level-label{color:#ff8c42;font-family:Cinzel,serif;font-size:14px;font-weight:700;margin-bottom:4px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-bonus{color:#ffb347;font-size:12px;line-height:1.4;display:block}@media (max-width: 480px){.level-label{font-size:13px}.level-bonus{font-size:11px}}@media (max-width: 768px){.unit-row-content{flex-direction:row;align-items:center;gap:10px}.unit-row-left{min-width:0}.unit-row-center{display:none}.unit-row-right{min-width:auto}.expanded-panel-grid{grid-template-columns:1fr;gap:16px}.summary-steps{font-size:12px;gap:6px}.step{padding:6px 10px;font-size:11px}.step-divider{font-size:14px}}@media (max-width: 520px){.modal-header h2{font-size:20px}.close-btn{width:36px;height:36px;font-size:22px}.modal-content{padding:16px}.unit-name-row{font-size:14px}.stat-chips{display:none}.train-time-small{font-size:11px;font-weight:700}.quantity-controls-expanded{flex-wrap:wrap}.quantity-input-wrapper-expanded{min-width:100px;order:1;flex:1 1 100%;margin-bottom:10px}.quantity-btn{width:40px;height:40px;font-size:18px;flex:0 0 auto}.max-btn-expanded,.train-btn-inline{flex:1;min-width:0;padding:0 14px;height:40px;font-size:12px}.quantity-slider{margin-top:5px}.cost-chips-under-slider{justify-content:center}.info-title{font-size:18px}}.defense-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.defense-modal{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border-radius:15px;border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #00000080;max-width:550px;width:90%;max-height:80vh;overflow-y:auto;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.defense-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);border-radius:15px 15px 0 0}.defense-modal-header h2{color:#fff;margin:0;font-size:1.4rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);display:inline-flex;align-items:center;gap:8px}.defense-title-icon{width:30px;height:30px;object-fit:contain}.close-button{background:rgba(255,255,255,.1);border:none;border-radius:50%;width:35px;height:35px;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.defense-modal-content{padding:20px;display:flex;flex-direction:column;gap:20px}.defense-section{background:rgba(255,255,255,.1);border-radius:10px;padding:15px;border:1px solid rgba(255,255,255,.2)}.defense-section h3{color:gold;margin:0 0 15px;font-size:1.1rem;text-align:center;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.defense-section-icon{width:20px;height:20px;object-fit:contain}.siege-section{background:rgba(255,107,53,.15);border:1px solid rgba(255,107,53,.4);border-left:4px solid #ff6b35}.balance-section{background:rgba(76,175,80,.15);border:1px solid rgba(76,175,80,.4);border-left:4px solid #4CAF50}.building-levels-grid{display:flex;flex-direction:column;gap:10px}.building-level-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:rgba(0,0,0,.3);border-radius:8px;border-left:4px solid #ffd700}.building-name{font-weight:700;color:#fff;font-size:.9rem;display:inline-flex;align-items:center;gap:8px}.building-name-icon{width:18px;height:18px;object-fit:contain}.building-level{background:rgba(255,215,0,.2);color:gold;padding:5px 10px;border-radius:15px;font-weight:700;font-size:.8rem;border:1px solid rgba(255,215,0,.5)}.troops-grid{display:flex;flex-direction:column;gap:8px}.troop-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(0,0,0,.2);border-radius:6px;transition:background .3s ease;border-left:4px solid rgba(255,255,255,.3)}.troop-item:hover{background:rgba(0,0,0,.4)}.troop-item.siege-troop{background:rgba(255,107,53,.2);border-left:4px solid #ff6b35}.troop-item.total{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);margin-top:5px;border-left:4px solid #ffd700}.troop-name{color:#fff;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:6px}.troop-icon{width:18px;height:18px;object-fit:contain}.troop-count{background:rgba(255,255,255,.1);color:gold;padding:4px 10px;border-radius:12px;font-weight:700;font-size:.8rem;border:1px solid rgba(255,215,0,.3)}.siege-stats-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.siege-stat{display:flex;justify-content:space-between;align-items:center;padding:10px;background:rgba(255,107,53,.2);border-radius:8px;border:1px solid rgba(255,107,53,.4)}.siege-label{color:#ff8c42;font-size:.8rem;font-weight:500}.siege-value{color:#ff8c42;font-weight:700;font-size:.9rem;background:rgba(255,107,53,.3);padding:4px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}.siege-icon{width:18px;height:18px;object-fit:contain}.balance-info{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.balance-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(0,0,0,.3);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.balance-label{color:#4caf50;font-size:.85rem;font-weight:500}.balance-value{font-weight:700;font-size:1rem;padding:6px 12px;border-radius:15px;border:1px solid}.balance-value.balanced{background:rgba(76,175,80,.2);color:#4caf50;border-color:#4caf5080}.balance-value.overpowered{background:rgba(255,107,53,.2);color:#ff6b35;border-color:#ff6b3580}.balance-limit{text-align:center;font-size:.8rem;color:#ccc;padding:8px;background:rgba(0,0,0,.4);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.balance-warning{background:rgba(255,107,53,.2);border:1px solid rgba(255,107,53,.4);border-radius:8px;padding:12px;font-size:.8rem;color:#ff8c42;line-height:1.4}.balance-warning strong{color:#ff6b35}.bonus-stats-grid{display:flex;flex-direction:column;gap:10px}.bonus-stat{display:flex;justify-content:space-between;align-items:center;padding:10px;background:rgba(0,0,0,.3);border-radius:8px;border-left:4px solid #ff6b6b;position:relative}.bonus-label{color:#ccc;font-size:.8rem;font-weight:500;flex:1}.bonus-value{color:#ff6b6b;font-weight:700;font-size:.9rem;background:rgba(255,107,107,.2);padding:4px 8px;border-radius:6px;margin-right:8px}.bonus-limit{font-size:.65rem;color:#888;position:absolute;bottom:2px;right:10px;background:rgba(0,0,0,.5);padding:1px 4px;border-radius:3px}.total-section{background:rgba(255,107,107,.15);border:2px solid rgba(255,107,107,.3)}.total-defense{display:flex;justify-content:space-between;align-items:center;padding:15px;background:rgba(0,0,0,.3);border-radius:8px;margin-bottom:10px}.total-label{color:#fff;font-weight:700;font-size:1rem}.total-value{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);color:#fff;padding:8px 15px;border-radius:20px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #ff6b6b4d}.defense-tip{background:rgba(255,255,255,.1);padding:10px;border-radius:6px;font-size:.75rem;color:#ccc;border-left:3px solid #4CAF50;line-height:1.4}.defense-tip strong{color:#4caf50}.siege-tip{background:rgba(255,107,53,.2);border:1px solid rgba(255,107,53,.4);border-radius:6px;padding:10px;font-size:.75rem;color:#ff8c42;line-height:1.4}.siege-tip strong{color:#ff6b35}.defense-modal-footer{padding:15px 20px;border-top:2px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);border-radius:0 0 15px 15px;text-align:center}.btn-primary{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);border:none;border-radius:8px;padding:10px 25px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #4caf5066}@media (max-width: 768px){.defense-modal{width:95%;max-height:85vh;max-width:500px;transform:translateY(-35px)}.defense-modal-header h2{font-size:1.2rem}.defense-modal-content{padding:15px;gap:15px}.defense-section{padding:12px}.building-level-item,.troop-item,.bonus-stat,.siege-stat,.balance-item{padding:8px}.total-defense{padding:12px;flex-direction:column;gap:8px;text-align:center}.total-label{font-size:.9rem}.total-value{font-size:1rem;padding:6px 12px}.balance-item{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 480px){.defense-modal-header{padding:15px}.defense-modal-header h2{font-size:1.1rem}.building-name,.troop-name,.bonus-label,.siege-label,.balance-label{font-size:.75rem}.defense-tip,.siege-tip,.balance-warning{font-size:.7rem}.bonus-limit{font-size:.6rem;position:static;margin-top:2px;text-align:right}.bonus-stat{flex-direction:column;align-items:flex-start;gap:4px}.bonus-value{margin-right:0;align-self:flex-end}}.defense-modal::-webkit-scrollbar{width:8px}.defense-modal::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.defense-modal::-webkit-scrollbar-thumb{background:rgba(255,215,0,.5);border-radius:4px}.defense-modal::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.7)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.siege-section{animation:pulse 3s ease-in-out infinite}.balance-section:not(.balanced){animation:pulse 2s ease-in-out infinite}.quest-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);z-index:2000;display:flex;align-items:center;justify-content:center}.quest-modal{width:680px;max-width:92vw;background:#1f2a44;border:2px solid #3b4a6b;border-radius:12px;box-shadow:0 20px 40px #00000073;color:#e8f0ff}.quest-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #3b4a6b}.quest-modal-header h2{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}.quest-modal-header .close-btn{background:transparent;border:none;color:#e8f0ff;font-size:22px;cursor:pointer}.quest-modal-content{padding:14px 18px 18px;max-height:70vh;overflow:auto}.quest-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#253455;border:1px solid #34456d;border-radius:10px;margin-bottom:10px}.quest-title{font-weight:700;margin-bottom:4px}.quest-progress{font-size:12px;color:#c7d3ef;margin-bottom:4px}.quest-level-highlight{color:#34d399;font-weight:700}.quest-level-current{color:#ef4444;font-weight:700}.quest-reward{font-size:12px;color:#9fd4ff}.quest-action button{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:700}.quest-claim-btn{background:#22c55e;color:#0b1f14}.quest-locked-btn,.quest-claimed-btn{background:#4b5563;color:#e5e7eb;cursor:default}.quest-loading,.quest-empty{padding:16px;text-align:center;color:#c7d3ef}@media (max-width: 768px){.quest-modal{transform:translateY(-55px)}}.events-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(18,18,22,.85),rgba(8,8,12,.95));z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.events-modal{width:780px;max-width:94vw;background:linear-gradient(180deg,#1b2132 0%,#151a28 100%);border:1px solid rgba(255,215,128,.2);border-radius:16px;color:#f3e9d2;box-shadow:0 30px 60px #0000008c}.events-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,215,128,.15);background:linear-gradient(90deg,rgba(33,38,56,.95),rgba(22,26,40,.95))}.events-modal-header h2{margin:0;font-size:18px;letter-spacing:.5px;color:#f7d38b;display:flex;align-items:center;gap:8px}.events-modal-header .close-btn{background:transparent;border:none;color:#f7d38b;font-size:22px;cursor:pointer}.events-modal-body{display:flex;gap:14px;padding:16px 20px 20px}.events-tabs{width:210px;display:flex;flex-direction:column;gap:10px}.events-tab{background:linear-gradient(180deg,#2a334d 0%,#1f2638 100%);border:1px solid rgba(255,215,128,.15);color:#e7d9b5;padding:10px 12px;border-radius:10px;text-align:left;cursor:pointer;font-weight:600}.events-tab.active{background:linear-gradient(180deg,#3a4566 0%,#28324a 100%);border-color:#ffd78059;box-shadow:inset 0 0 0 1px #ffd78033}.events-content{flex:1;max-height:70vh;overflow:auto;padding-right:6px}.events-list{display:flex;flex-direction:column;gap:12px}.event-card{background:linear-gradient(180deg,#222a3f 0%,#1a2133 100%);border:1px solid rgba(255,215,128,.12);border-radius:12px;padding:14px 16px}.event-card.active-event{border-color:#ffd78080;box-shadow:0 0 0 1px #ffd78033,0 0 18px #ffd78040;background:linear-gradient(180deg,#2a3350 0%,#1d2336 100%)}.event-title{font-weight:700;margin-bottom:6px;color:#f3d08a}.event-desc{color:#cbbf9a;font-size:13px;line-height:1.4}.events-loading,.events-empty{padding:16px;text-align:center;color:#cbbf9a}.daily-rewards-wrap{display:flex;flex-direction:column;gap:14px}.daily-rewards-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.daily-rewards-title{font-weight:700;color:#f7d38b}.daily-rewards-subtitle{font-size:13px;color:#cbbf9a}.daily-rewards-time{font-size:12px;color:#b7a680;background:rgba(20,24,36,.6);padding:6px 10px;border-radius:8px;border:1px solid rgba(255,215,128,.12)}.daily-rewards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.daily-reward-card{background:linear-gradient(180deg,#222a3f 0%,#1a2133 100%);border:1px solid rgba(255,215,128,.12);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.daily-reward-card.today{border-color:#ffd78073;box-shadow:inset 0 0 0 1px #ffd78033}.daily-reward-card.claimed{opacity:.75}.daily-reward-day{font-weight:700;color:#f3d08a;font-size:13px;line-height:1.2;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.daily-reward-item{display:flex;align-items:center;gap:10px}.daily-reward-icon{font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-radius:8px}.daily-reward-icon img{width:100%;height:100%;object-fit:contain}.daily-reward-info{display:flex;flex-direction:column;gap:4px}.daily-reward-name{font-size:13px;color:#e7d9b5;line-height:1.25;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.daily-reward-count{font-size:12px;color:#bda77a}.daily-reward-actions{display:flex;justify-content:flex-end}.daily-reward-btn{background:linear-gradient(180deg,#3a4566 0%,#28324a 100%);border:1px solid rgba(255,215,128,.35);color:#f7d38b;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600}.daily-reward-btn:disabled{opacity:.6;cursor:not-allowed}.daily-bonus-card{background:linear-gradient(180deg,#2a3350 0%,#1d2336 100%);border:1px solid rgba(255,215,128,.25);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.harvest-wrap{display:flex;flex-direction:column;gap:16px}.harvest-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.harvest-header .leaderboard-tabs{display:flex;align-items:center;gap:8px}.harvest-header .leaderboard-tab{background:linear-gradient(180deg,#2a334d 0%,#1f2638 100%);border:1px solid rgba(255,215,128,.18);color:#e7d9b5;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.harvest-header .leaderboard-tab.active{background:linear-gradient(180deg,#3a4566 0%,#28324a 100%);border-color:#ffd78066;box-shadow:inset 0 0 0 1px #ffd78033}.harvest-header .leaderboard-tab:disabled{opacity:.5;cursor:not-allowed}.harvest-title{font-weight:700;color:#f7d38b;font-size:16px}.harvest-subtitle{font-size:13px;color:#cbbf9a;margin-top:6px}.harvest-status{text-align:right;display:flex;flex-direction:column;gap:6px}.harvest-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.4px;border:1px solid rgba(255,255,255,.12)}.harvest-pill.active{background:rgba(34,197,94,.18);color:#86efac;border-color:#22c55e66}.harvest-pill.inactive{background:rgba(148,163,184,.18);color:#cbd5f5;border-color:#94a3b866}.harvest-timer{font-size:12px;color:#b7a680}.harvest-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.harvest-rewards{display:flex;flex-direction:column;gap:12px}.harvest-rewards-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.harvest-rewards-title{font-weight:700;color:#f7d38b}.harvest-rewards-subtitle{font-size:12px;color:#b7a680}.harvest-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.harvest-reward-card{background:linear-gradient(180deg,#222a3f 0%,#1a2133 100%);border:1px solid rgba(255,215,128,.12);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.glacier-wrap .harvest-reward-card{background:radial-gradient(circle at 20% 15%,rgba(96,165,250,.18),transparent 45%),radial-gradient(circle at 80% 20%,rgba(56,189,248,.14),transparent 50%),linear-gradient(180deg,#1b2a41 0%,#151f30 100%);border-color:#60a5fa47;box-shadow:inset 0 0 0 1px #3b82f614}.harvest-reward-card.legendary{border-color:#fbbf2466}.harvest-reward-card.rare{border-color:#6366f159}.harvest-reward-card.common{border-color:#94a3b84d}.glacier-wrap .harvest-reward-card.legendary{border-color:#bae6fdb3;box-shadow:0 0 18px #7dd3fc59,0 0 32px #38bdf840,inset 0 0 12px #bae6fd40}.glacier-wrap .harvest-reward-card.rare{border-color:#93c5fd8c;box-shadow:0 0 14px #60a5fa4d,inset 0 0 10px #93c5fd2e}.glacier-wrap .harvest-reward-card.common{border-color:#94a3b873;box-shadow:0 0 10px #94a3b838,inset 0 0 8px #cbd5e11f}.harvest-reward-top{display:flex;align-items:center;gap:10px}.harvest-reward-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);background-size:cover;background-position:center}.harvest-reward-icon.legendary{background-image:var(--harvest-chest-legendary, none);box-shadow:inset 0 0 18px #fbbf2433}.harvest-reward-icon.rare{background-image:var(--harvest-chest-rare, none);box-shadow:inset 0 0 18px #6366f133}.harvest-reward-icon.common{background-image:var(--harvest-chest-common, none);box-shadow:inset 0 0 18px #94a3b833}.glacier-wrap .harvest-reward-icon.legendary{background-image:var(--glacier-chest-legendary, var(--harvest-chest-legendary, none));box-shadow:inset 0 0 18px #3b82f640,0 0 16px #7dd3fc59}.glacier-wrap .harvest-reward-icon.rare{background-image:var(--glacier-chest-rare, var(--harvest-chest-rare, none));box-shadow:inset 0 0 14px #6366f133,0 0 12px #60a5fa47}.glacier-wrap .harvest-reward-icon.common{background-image:var(--glacier-chest-common, var(--harvest-chest-common, none));box-shadow:inset 0 0 12px #94a3b833,0 0 10px #cbd5e133}.nemesis-wrap .harvest-reward-icon.legendary{background-image:var(--nemesis-chest-legendary, var(--harvest-chest-legendary, none));box-shadow:inset 0 0 18px #be185d40,0 0 16px #f43f5e4d}.nemesis-wrap .harvest-reward-icon.rare{background-image:var(--nemesis-chest-rare, var(--harvest-chest-rare, none));box-shadow:inset 0 0 14px #6366f133,0 0 12px #f472b640}.nemesis-wrap .harvest-reward-icon.common{background-image:var(--nemesis-chest-common, var(--harvest-chest-common, none));box-shadow:inset 0 0 12px #94a3b833,0 0 10px #f8717133}.harvest-reward-meta{display:flex;flex-direction:column;gap:4px}.harvest-reward-range{font-weight:700;color:#f3d08a;font-size:13px}.harvest-reward-chest{font-size:12px;color:#cbbf9a}.harvest-reward-details{display:flex;flex-direction:column;gap:4px}.harvest-reward-detail{font-size:12px;color:#cbbf9a;line-height:1.35}.harvest-stat{background:linear-gradient(180deg,#222a3f 0%,#1a2133 100%);border:1px solid rgba(255,215,128,.12);border-radius:12px;padding:12px 14px}.harvest-stat-label{font-size:12px;color:#cbbf9a}.harvest-stat-value{font-size:18px;font-weight:700;color:#f3d08a;margin-top:6px}.harvest-cap{display:flex;flex-direction:column;gap:6px;margin-top:6px}.harvest-cap-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.harvest-cap-fill{height:100%;background:linear-gradient(90deg,#fbbf24 0%,#f97316 100%);border-radius:999px}.harvest-cap-text{font-size:12px;color:#cbbf9a}.harvest-leaderboard{background:linear-gradient(180deg,#222a3f 0%,#1a2133 100%);border:1px solid rgba(255,215,128,.12);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}.harvest-leaderboard-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#f7d38b}.harvest-leaderboard-meta{font-size:12px;color:#b7a680}.harvest-leaderboard-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.harvest-row{display:grid;grid-template-columns:52px 1fr 80px 100px;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:rgba(18,24,38,.6);border:1px solid rgba(255,255,255,.06);font-size:13px}.harvest-row.top{background:rgba(251,191,36,.08);border-color:#fbbf244d}.harvest-row.self{background:rgba(59,130,246,.12);border-color:#3b82f659}.harvest-rank{font-weight:700;color:#f7d38b}.harvest-player{color:#e7d9b5}.harvest-level{color:#cbbf9a;font-size:12px}.harvest-points{text-align:right;font-weight:700;color:#f3d08a}.harvest-row.with-reward{grid-template-columns:52px 1fr 70px 90px 140px}.harvest-reward-preview{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.harvest-reward-chip{display:inline-flex;align-items:center;gap:4px;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.08);padding:2px 6px;border-radius:10px;font-size:11px;color:#e7d9b5}.harvest-reward-chip img{width:18px;height:18px;object-fit:contain}.harvest-reward-empty{text-align:right;font-size:12px;color:#b7a680}.harvest-self{text-align:center;font-size:12px;color:#cbbf9a}@media (max-width: 768px){.events-modal{width:95vw}.events-modal-body{flex-direction:column}.events-tabs{flex-direction:row;width:100%;flex-wrap:wrap}.harvest-row{grid-template-columns:44px 1fr 70px 80px}.harvest-row.with-reward{grid-template-columns:44px 1fr 60px 70px 120px}}.daily-bonus-title{font-weight:700;color:#f7d38b}.daily-bonus-subtitle{font-size:13px;color:#cbbf9a}.daily-bonus-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.daily-bonus-item{display:flex;align-items:center;gap:8px;background:rgba(15,20,34,.5);border-radius:10px;padding:8px}.activation-wrap{display:flex;flex-direction:column;gap:14px}.activation-card{background:linear-gradient(180deg,#222a3f 0%,#1a2133 100%);border:1px solid rgba(255,215,128,.12);border-radius:14px;padding:16px}.activation-title{font-weight:700;color:#f7d38b;margin-bottom:6px}.activation-subtitle{font-size:13px;color:#cbbf9a;margin-bottom:12px}.activation-form{display:flex;gap:10px;flex-wrap:wrap}.activation-form input{flex:1;min-width:220px;background:rgba(15,23,42,.7);border:1px solid rgba(255,215,128,.2);border-radius:10px;padding:10px 12px;color:#f3e9d2}.activation-btn{background:linear-gradient(180deg,#3a4566 0%,#28324a 100%);border:1px solid rgba(255,215,128,.35);color:#f7d38b;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.activation-btn:disabled{opacity:.6;cursor:not-allowed}.activation-message{margin-top:10px;padding:10px 12px;border-radius:10px;font-size:13px}.activation-message.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#fca5a5}.activation-message.success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);color:#86efac}.activation-rewards{margin-top:12px}.activation-rewards-title{font-weight:600;margin-bottom:8px;color:#f3d08a}.activation-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.activation-reward-item{display:flex;gap:10px;align-items:center;background:rgba(15,20,34,.5);border:1px solid rgba(255,215,128,.12);border-radius:10px;padding:10px}.activation-reward-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-radius:8px}.activation-reward-icon img{width:100%;height:100%;object-fit:contain}.activation-reward-name{font-size:13px;color:#e7d9b5}.activation-reward-count{font-size:12px;color:#bda77a}@media (max-width: 1200px){.daily-rewards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1024px){.daily-rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.daily-rewards-grid,.daily-bonus-items{grid-template-columns:1fr}}@media (max-width: 900px){.events-modal-overlay{align-items:flex-end!important;justify-content:center!important;padding:0 0 calc(70px + env(safe-area-inset-bottom)) 0!important;z-index:12000!important}.events-modal{width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;max-height:calc(100dvh - 86px)!important;border-radius:14px!important;margin:0 auto!important;transform:translateY(-40px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.events-modal-header{position:sticky;top:0;z-index:3;padding:10px 12px}.events-modal-header h2{font-size:16px}.events-modal-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px;overflow:hidden}.events-tabs{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.events-tab{min-height:40px;padding:8px 10px;border-radius:10px;text-align:center;font-size:14px;flex:1 1 calc(50% - 8px)}.events-content{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:0;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.activation-form{flex-direction:column}.activation-form input,.activation-btn{width:100%;min-height:44px}}.attack-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.attack-modal{background:linear-gradient(135deg,#0c0c14 0%,#1a1028 100%);border-radius:12px;width:720px;max-width:92vw;max-height:80vh;display:flex;flex-direction:column;border:2px solid #d4af37;box-shadow:0 0 30px #d4af3766,inset 0 1px #ffffff1a;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.attack-modal-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #d4af37;background:linear-gradient(to right,#8b0000,#5a0000);position:relative;min-height:60px;box-sizing:border-box}.attack-modal-header.is-gathering{background:linear-gradient(to right,#006400,#004d00)}.attack-modal-header:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.5),transparent)}.attack-modal-header h2{margin:0;color:gold;font-size:1.4rem;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.3);letter-spacing:.5px;font-weight:600;display:flex;align-items:center;gap:8px}.attack-target-subheader{padding:12px 20px;background:linear-gradient(to bottom,rgba(26,16,40,.9),rgba(20,10,30,.9));border-bottom:1px solid rgba(212,175,55,.3);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;min-height:60px;box-sizing:border-box;position:sticky;top:0;z-index:10}.target-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.target-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.target-title{color:gold;font-weight:600;font-size:1.1rem;white-space:nowrap}.target-value{color:#fff;font-weight:500;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.target-details{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:4px;font-size:.9rem}.detail-label{color:#b0b0b0}.detail-value{color:#fff;font-weight:500}.relation-badge{padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:1px solid currentColor;box-shadow:0 2px 4px #0000004d}.relation-badge.ally{color:#3498db;background-color:#3498db26}.relation-badge.nap{color:#f39c12;background-color:#f39c1226}.relation-badge.war{color:#e74c3c;background-color:#e74c3c26}.relation-badge.neutral{color:#95a5a6;background-color:#95a5a626}.attack-modal-content{flex:1;overflow-y:auto;padding:14px;background:linear-gradient(to bottom,rgba(15,10,25,.7),rgba(10,5,20,.9))}.troop-row{display:grid;grid-template-columns:minmax(220px,1fr) 110px 220px;column-gap:12px;align-items:center;padding:12px 14px;margin-bottom:8px;background:linear-gradient(135deg,rgba(40,30,60,.7),rgba(30,20,50,.9));border-radius:8px;border:1px solid rgba(212,175,55,.2);transition:all .3s ease;position:relative;overflow:hidden;box-sizing:border-box;min-width:0}.troop-row *{box-sizing:border-box}.troop-row:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .6s}.troop-row:hover{border-color:#d4af37;transform:translate(2px);box-shadow:0 4px 12px #0006,0 0 0 1px #d4af374d}.troop-row:hover:before{left:100%}.troop-row.selected{border-color:gold;background:linear-gradient(135deg,rgba(50,40,70,.9),rgba(40,30,60,.9));box-shadow:0 0 15px #ffd70033,inset 0 0 20px #d4af371a}.troop-row.disabled{opacity:.5;background:linear-gradient(135deg,rgba(60,30,30,.7),rgba(40,20,20,.9));pointer-events:none}.troop-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.troop-icon{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:6px;border:1px solid rgba(212,175,55,.3);text-shadow:0 0 5px currentColor;flex-shrink:0;object-fit:contain;padding:4px}.troop-details{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;flex:1;min-height:48px}.troop-name{color:#fff;font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.2}.troop-stats{display:flex;align-items:center;gap:8px;font-size:.85rem;flex-wrap:nowrap;margin-top:0;margin-bottom:0}.troop-stat{color:#b0b0b0;display:flex;align-items:center;gap:4px;line-height:1}.troop-stat span{color:#fff;font-weight:500}.troop-available{width:110px;text-align:center;padding:6px 12px;background:rgba(0,0,0,.4);border-radius:6px;border:1px solid rgba(255,255,255,.1);justify-self:center;flex-shrink:0;margin-left:130px}.available-label{color:#b0b0b0;font-size:.8rem;display:block;line-height:1.2}.available-value{color:#2ecc71;font-weight:600;font-size:1.1rem;display:block;line-height:1.2}.available-value.zero{color:#e74c3c}.quantity-controls{display:flex;align-items:center;gap:10px;width:220px;justify-self:end;flex-shrink:0}.quantity-input{width:84px;padding:7px 8px;background:rgba(0,0,0,.6);border:1px solid rgba(212,175,55,.5);border-radius:6px;color:#fff;text-align:center;font-size:1rem;font-weight:500;transition:all .2s;flex:0 0 auto;box-sizing:border-box}.quantity-input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd7004d;background:rgba(0,0,0,.8)}.quantity-input:disabled{opacity:.5;cursor:not-allowed}.max-btn{padding:7px 14px;background:linear-gradient(to bottom,#3498db,#2980b9);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;white-space:nowrap;border:1px solid rgba(255,255,255,.2);flex:0 0 auto}.max-btn:hover:not(:disabled){background:linear-gradient(to bottom,#2980b9,#1c5d87);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.max-btn:active:not(:disabled){transform:translateY(0)}.max-btn:disabled{opacity:.5;cursor:not-allowed;background:#7f8c8d}.selection-details{border-top:2px solid rgba(212,175,55,.5);position:sticky;bottom:0;background:linear-gradient(to bottom,rgba(12,8,20,.95),rgba(8,4,16,.98));border-radius:0 0 10px 10px;margin:0 -14px -14px;padding:20px 14px 14px}.training-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(0,0,0,.4);border-radius:6px;border:1px solid rgba(212,175,55,.2)}.summary-label{color:#b0b0b0;font-size:.9rem;font-weight:500}.summary-value{color:#fff;font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:6px}.summary-value.total{color:#fff}.summary-value.power{color:#e74c3c}.summary-value.loot{color:#f1c40f}.summary-value.gather{color:#2ecc71}.summary-value.time{color:#9b59b6}.attack-modal-error{margin-top:8px;padding:8px 10px;border-radius:6px;background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.4);color:#ffb4b4;font-size:.85rem;text-align:center}.modal-actions{display:flex;justify-content:space-between;gap:15px;margin-top:10px}.btn-cancel{flex:1;padding:14px;background:linear-gradient(to bottom,#7f8c8d,#6c7b7d);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.5px}.btn-cancel:hover{background:linear-gradient(to bottom,#6c7b7d,#5d6b6c);transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.btn-attack{flex:2;padding:14px;background:linear-gradient(to bottom,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .2s;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px}.btn-attack:hover:not(:disabled){background:linear-gradient(to bottom,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c66}.btn-gather{flex:2;padding:14px;background:linear-gradient(to bottom,#2ecc71,#27ae60);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .2s;border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px}.btn-gather:hover:not(:disabled){background:linear-gradient(to bottom,#27ae60,#219653);transform:translateY(-1px);box-shadow:0 4px 12px #2ecc7166}.btn-attack:disabled,.btn-gather:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.diplomatic-warning{margin-bottom:15px;padding:12px;background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.5);border-radius:6px;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.warning-text{color:#e74c3c;margin:0;font-size:.95rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.disabled-note{font-size:.85rem;color:#7f8c8d;text-align:center;margin-top:10px;font-style:italic;padding:8px;border-top:1px solid rgba(255,255,255,.1)}.close-btn{background:rgba(0,0,0,.4);border:1px solid rgba(212,175,55,.5);color:gold;font-size:2rem;cursor:pointer;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;margin-left:10px}.close-btn:hover{background:rgba(212,175,55,.2);border-color:gold;transform:rotate(90deg);box-shadow:0 0 10px #ffd7004d}@media (max-width: 768px){.attack-modal{max-height:90vh}.attack-target-subheader{flex-direction:column;align-items:flex-start;gap:8px}.target-details{width:100%;justify-content:space-between}.troop-row{grid-template-columns:1fr;row-gap:10px}.troop-available{justify-self:start;width:fit-content;min-width:100px}.quantity-controls{justify-self:stretch;width:100%;justify-content:flex-end}.quantity-input{width:90px}.training-summary{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-cancel,.btn-attack,.btn-gather{flex:1;width:100%}}@media (max-width: 480px){.attack-modal-header{padding:12px 16px}.attack-modal-header h2{font-size:1.2rem}.attack-target-subheader{padding:10px 16px}.attack-modal-content{padding:12px}.troop-icon{font-size:1.5rem;width:40px;height:40px}.troop-name{font-size:.9rem}.troop-stats{flex-direction:row;gap:12px}.quantity-input{width:80px;padding:6px 7px}.max-btn{padding:6px 12px;font-size:.85rem}}:root{--color-deep-navy: #0f172a;--color-dark-slate: #1e293b;--color-darker-slate: #0f141f;--color-gold: #FFD700;--color-gold-light: #ffed4e;--color-gold-dark: #b39700;--color-amber: #f59e0b;--color-white: #ffffff;--color-light-gray: #e2e8f0;--color-medium-gray: #94a3b8;--color-dark-gray: #475569;--color-red-gradient-start: #dc2626;--color-red-gradient-end: #991b1b;--color-glass-bg: rgba(15, 23, 42, .85);--color-glass-border: rgba(255, 215, 0, .25);--shadow-gold-glow: 0 0 20px rgba(255, 215, 0, .3);--shadow-dark: 0 10px 30px rgba(0, 0, 0, .5);--border-radius-lg: 16px;--border-radius-md: 12px;--border-radius-sm: 8px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--color-chat-blue: #3b82f6;--color-chat-purple: #8b5cf6;--color-report-red: #e74c3c;--color-report-orange: #f97316}.user-profile-trigger{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,var(--color-glass-bg) 0%,rgba(30,41,59,.9) 100%);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--color-glass-border);border-radius:20px;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff1a;cursor:pointer;transition:var(--transition-smooth);z-index:1000;min-width:220px;overflow:hidden;-webkit-user-select:none;user-select:none}.user-profile-trigger:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,215,0,.05) 100%);border-radius:inherit;z-index:-1}.user-profile-trigger:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #0009,var(--shadow-gold-glow),inset 0 1px #ffffff26;border-color:var(--color-gold);background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.95) 100%)}.trigger-avatar-wrapper{position:relative;width:56px;height:56px;flex-shrink:0}.trigger-avatar-frame{width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid var(--color-gold);background:linear-gradient(135deg,var(--color-darker-slate) 0%,var(--color-dark-slate) 100%);box-shadow:0 4px 15px #0006,inset 0 0 20px #0000004d;position:relative;z-index:1}.trigger-avatar-frame:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(135deg,transparent 30%,rgba(255,215,0,.3) 50%,transparent 70%);animation:rotate-glow 4s linear infinite;z-index:-1}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.trigger-user-avatar{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.05);transition:var(--transition-smooth)}.user-profile-trigger:hover .trigger-user-avatar{transform:scale(1.05)}.trigger-level-badge{position:absolute;bottom:-4px;right:-4px;background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-amber) 100%);color:var(--color-deep-navy);font-weight:800;font-size:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-white);box-shadow:0 3px 10px #0006;z-index:2;transition:var(--transition-smooth)}.user-profile-trigger:hover .trigger-level-badge{transform:scale(1.1) rotate(10deg);box-shadow:0 4px 12px #ffd70066}.trigger-profile-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.trigger-username{font-size:16px;font-weight:700;color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(to right,var(--color-white) 0%,var(--color-gold-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.trigger-power-display{display:flex;align-items:center;gap:6px;font-size:14px;padding:4px 8px;background:rgba(0,0,0,.3);border-radius:var(--border-radius-sm);border:1px solid rgba(255,215,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.trigger-power-icon{font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.trigger-power-value{color:var(--color-gold);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.3px}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:overlay-fade-in .3s ease-out;padding:20px}@keyframes overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.profile-modal{background:linear-gradient(135deg,var(--color-deep-navy) 0%,var(--color-dark-slate) 100%);width:90%;max-width:480px;max-height:85vh;border-radius:var(--border-radius-lg);border:1px solid var(--color-gold);box-shadow:var(--shadow-dark),0 0 0 1px #ffd7001a,inset 0 0 40px #0006;position:relative;animation:modal-scale-up .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;overflow:visible}@keyframes modal-scale-up{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-modal:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,transparent 0%,rgba(255,215,0,.1) 50%,transparent 100%);border-radius:inherit;z-index:-1;animation:border-glow 3s ease-in-out infinite alternate}@keyframes border-glow{0%{opacity:.3}to{opacity:.7}}.profile-modal-header{background:linear-gradient(90deg,rgba(255,215,0,.1) 0%,rgba(245,158,11,.1) 100%);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,215,0,.2);position:relative;overflow:visible;flex-shrink:0}.profile-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shimmer 3s infinite linear}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-title{margin:0;color:var(--color-gold);font-size:22px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,215,0,.3);letter-spacing:.5px;display:flex;align-items:center;gap:8px}.modal-title:before{content:"👑";filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.modal-header-actions{display:flex;align-items:center;gap:8px}.btn-report{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);color:var(--color-report-red);font-size:18px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.btn-report:before{content:"⚠️";font-size:16px}.btn-report:hover{background:rgba(231,76,60,.2);border-color:var(--color-report-red);color:#ff6b6b;transform:scale(1.1);box-shadow:0 0 15px #e74c3c66,inset 0 1px #ffffff1a}.btn-report:active{transform:scale(.95)}.modal-close-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,215,0,.3);color:var(--color-white);font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close-btn:hover{background:rgba(220,38,38,.3);border-color:#dc262680;transform:rotate(90deg) scale(1.1);box-shadow:0 0 15px #dc262666}.profile-modal-content{padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;flex:1;max-height:calc(85vh - 80px)}.modal-avatar-display{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.large-avatar-frame{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--color-gold);background:linear-gradient(135deg,var(--color-darker-slate) 0%,var(--color-dark-slate) 100%);box-shadow:0 10px 30px #00000080,inset 0 0 30px #0006,0 0 30px #ffd70033}.large-user-avatar{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.1);transition:var(--transition-smooth)}.large-avatar-frame:hover .large-user-avatar{transform:scale(1.05)}.large-level-badge{position:absolute;bottom:-8px;right:-8px;background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-amber) 100%);color:var(--color-deep-navy);font-weight:800;font-size:16px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-white);box-shadow:0 4px 15px #00000080;z-index:2}.modal-username{text-align:center;display:flex;flex-direction:column;gap:4px}.modal-username span:first-child{color:var(--color-white);font-size:24px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal-level{color:var(--color-gold);font-size:14px;font-weight:600;opacity:.9}.player-details{background:rgba(15,23,42,.6);border-radius:var(--border-radius-md);padding:20px;border:1px solid rgba(255,215,0,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.label{color:var(--color-medium-gray);font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.label:before{font-size:12px}.value{color:var(--color-white);font-size:15px;font-weight:600}.power-text{color:var(--color-gold);font-weight:700}.id-text{color:var(--color-amber);font-family:Courier New,monospace;font-weight:600;background:rgba(0,0,0,.3);padding:4px 8px;border-radius:var(--border-radius-sm);border:1px solid rgba(245,158,11,.2)}.clan-text{color:#38bdf8!important;font-weight:700!important;text-shadow:0 0 10px rgba(56,189,248,.3)!important}.no-clan-text{color:var(--color-medium-gray)!important;opacity:.8!important}.clan-info{display:inline-flex;align-items:center;gap:6px}.clan-tag{color:var(--color-gold);font-weight:800;background:rgba(255,215,0,.1);padding:2px 6px;border-radius:4px;border:1px solid rgba(255,215,0,.3)}.clan-name{color:#38bdf8;font-weight:600}.clan-role{color:var(--color-amber);font-size:12px;opacity:.9}.no-clan{color:var(--color-medium-gray);font-style:italic}.loading-text{color:var(--color-medium-gray);font-style:italic;display:inline-flex;align-items:center;gap:6px}.loading-text:after{content:"";width:12px;height:12px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-gold);border-radius:50%;animation:spin 1s linear infinite}.avatar-selection-section{display:flex;flex-direction:column;gap:16px}.section-title{color:var(--color-gold);font-size:18px;font-weight:600;margin:0;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.avatars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:8px;background:rgba(15,23,42,.4);border-radius:var(--border-radius-md);border:1px solid rgba(255,215,0,.1)}.avatar-option{width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:var(--transition-smooth);background:var(--color-dark-slate);position:relative}.avatar-option:hover{transform:scale(1.05);border-color:#ffd70080;box-shadow:0 0 15px #ffd7004d}.avatar-option.selected{border-color:var(--color-gold);box-shadow:0 0 20px #ffd70080,inset 0 0 20px #ffd7001a;transform:scale(1.05)}.avatar-option.selected:after{content:"✓";position:absolute;top:-5px;right:-5px;background:var(--color-gold);color:var(--color-deep-navy);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid var(--color-white);z-index:2}.avatar-option img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.avatar-option:hover img{transform:scale(1.1)}.btn-save-avatar{background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(245,158,11,.2) 100%);color:var(--color-gold);border:1px solid rgba(255,215,0,.4);padding:14px;border-radius:var(--border-radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:8px}.btn-save-avatar:hover:not(:disabled){background:linear-gradient(135deg,rgba(255,215,0,.3) 0%,rgba(245,158,11,.3) 100%);border-color:var(--color-gold);transform:translateY(-2px);box-shadow:0 6px 20px #ffd7004d,inset 0 1px #ffffff1a}.btn-save-avatar:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.profile-actions{display:flex;justify-content:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);min-height:68px;align-items:center}.btn-logout{background:linear-gradient(135deg,var(--color-red-gradient-start) 0%,var(--color-red-gradient-end) 100%);color:var(--color-white);border:none;padding:16px 32px;border-radius:var(--border-radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);width:100%;position:relative;overflow:hidden}.btn-logout:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .5s ease}.btn-logout:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262666,inset 0 1px #ffffff1a}.btn-logout:hover:before{left:100%}.btn-logout:after{content:"🚪";margin-right:8px}.btn-send-message{background:linear-gradient(135deg,rgba(59,130,246,.2) 0%,rgba(139,92,246,.2) 100%);color:var(--color-chat-blue);border:1px solid rgba(59,130,246,.4);padding:16px 32px;border-radius:var(--border-radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);width:100%;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;gap:8px}.btn-send-message:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .5s ease}.btn-send-message:hover{background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(139,92,246,.3) 100%);border-color:var(--color-chat-purple);color:var(--color-chat-purple);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666,inset 0 1px #ffffff1a}.btn-send-message:hover:before{left:100%}.btn-send-message:after{content:"💬";font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.profile-modal-content::-webkit-scrollbar{width:6px}.profile-modal-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.profile-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--color-gold) 0%,var(--color-amber) 100%);border-radius:3px}.profile-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--color-gold-light) 0%,var(--color-gold) 100%)}@media (max-width: 768px){.user-profile-trigger{min-width:180px;padding:8px 12px;top:15px;left:15px;border-radius:16px}.trigger-avatar-wrapper{width:48px;height:48px}.trigger-username{font-size:14px}.trigger-power-display{font-size:12px;padding:3px 6px}.profile-modal{width:95%;max-width:400px;max-height:90vh}.profile-modal-content{max-height:calc(90vh - 80px);padding:16px;gap:20px}.modal-header-actions{gap:6px}.btn-report,.modal-close-btn{width:32px;height:32px;font-size:16px}.btn-report:before{font-size:14px}.avatars-grid{grid-template-columns:repeat(3,1fr);gap:10px}.large-avatar-frame{width:100px;height:100px}.large-level-badge{width:32px;height:32px;font-size:14px;border-width:2px}.modal-title{font-size:20px}.btn-logout,.btn-send-message{padding:14px 24px;font-size:15px}}@media (max-width: 480px){.user-profile-trigger{min-width:auto;padding:6px 10px;background:var(--color-glass-bg)}.trigger-avatar-wrapper{width:44px;height:44px}.trigger-username{font-size:13px}.trigger-power-display{display:none}.profile-modal{margin:10px;border-radius:12px;max-height:92vh}.profile-modal-content{max-height:calc(92vh - 80px);padding:14px;gap:16px}.avatars-grid{grid-template-columns:repeat(2,1fr)}.player-details{padding:16px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.label,.value{font-size:13px}.modal-title{font-size:18px}.btn-logout,.btn-send-message{padding:12px 20px;font-size:14px}}.avatar-selection-section:empty{display:none}.detail-row:has(.value:empty){display:none}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.gold-text{background:linear-gradient(to right,var(--color-gold) 0%,var(--color-amber) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-effect{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.gold-glow{text-shadow:0 0 10px rgba(255,215,0,.5)}.profile-lang{margin-right:8px}.avatar-locked-note{margin:8px 0 0;color:var(--color-medium-gray);font-size:13px;line-height:1.4}.chat-ticker{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.95) 50%,rgba(15,23,42,.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(245,158,11,.3);padding:8px 16px;color:#f1f5f9;cursor:pointer;z-index:9998!important;transition:all .3s ease;box-shadow:0 -5px 20px #0000004d;display:flex;justify-content:space-between;align-items:center}.chat-ticker:hover{background:linear-gradient(90deg,rgba(30,41,59,.98) 0%,rgba(45,55,72,.98) 50%,rgba(30,41,59,.98) 100%);border-top-color:#f59e0b99;transform:translateY(-2px)}.ticker-content-wrapper{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden}.ticker-message{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.ticker-icon{font-size:16px;animation:pulse 2s infinite;flex-shrink:0}.ticker-content{font-size:13px;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ticker-badge{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#1c1917;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;animation:glow 2s infinite alternate;flex-shrink:0}@keyframes glow{0%{box-shadow:0 0 10px #f59e0b80}to{box-shadow:0 0 20px #f59e0bcc}}.chat-sender-info{display:inline-flex;align-items:center;gap:6px;margin-right:10px;cursor:default;transition:all .2s ease}.chat-sender-info.clickable{cursor:pointer}.chat-sender-info.clickable:hover{opacity:.8;transform:translateY(-1px)}.chat-sender-info.clickable:hover .sender-name{text-decoration:underline;text-decoration-color:#f59e0bb3;text-underline-offset:3px}.chat-sender-info.clickable:hover .chat-avatar-icon{box-shadow:0 0 8px #f59e0b66;transform:scale(1.05)}.ticker-sender-info{font-size:.9em;gap:4px}.ticker-sender-info.clickable:hover .sender-name{text-decoration-color:#f59e0b80}.chat-avatar-icon{width:28px;height:28px;border-radius:50%;margin-right:8px;object-fit:cover;border:1px solid #d4b106;flex-shrink:0;transition:all .2s ease}.ticker-sender-info .chat-avatar-icon{width:20px;height:20px;margin-right:6px;border:1px solid #d4b106}.clan-tag{color:#f55;font-weight:700;font-size:11px;margin-right:5px;flex-shrink:0}.ticker-sender-info .clan-tag{font-size:10px}.sender-name{color:#f0f0f0;font-weight:600;font-size:13px;flex-shrink:0;transition:all .2s ease;position:relative;padding-bottom:2px}.sender-name:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,#f59e0b 0%,transparent 100%);transition:width .2s ease}.chat-sender-info.clickable:hover .sender-name:after{width:100%}.ticker-sender-info .sender-name{font-size:12px}.me-indicator{color:#aaa;font-style:italic;font-weight:400;font-size:.9em;margin-left:4px;opacity:.9}.chat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9997!important;animation:fadeIn .2s ease-out}.chat-modal{width:90%;max-width:600px;height:80vh;max-height:700px;background:linear-gradient(145deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.95) 100%);border:1px solid rgba(245,158,11,.3);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset,0 0 30px #f59e0b1a;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out;z-index:9999!important;position:relative}.chat-header{padding:16px 20px;background:linear-gradient(90deg,rgba(245,158,11,.1) 0%,transparent 100%);border-bottom:1px solid rgba(245,158,11,.2);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10001}.chat-header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.chat-title{margin:0;font-size:20px;font-weight:800;color:#f1f5f9;display:flex;align-items:center;gap:8px}.chat-icon{color:#fbbf24}.clan-badge{background:rgba(99,102,241,.2);border:1px solid rgba(99,102,241,.4);color:#a5b4fc;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.chat-close-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#c7d2fe;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease;position:relative;z-index:10002}.chat-close-btn:hover{background:rgba(239,68,68,.2);border-color:#ef444466;color:#fca5a5;transform:rotate(90deg)}.chat-tabs{display:flex;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.05);padding:0 12px;position:relative;z-index:10000}.chat-tab{flex:1;background:transparent;border:none;color:#94a3b8;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.chat-tab:hover:not(.active):not(.disabled){color:#c7d2fe;background:rgba(255,255,255,.03)}.chat-tab.active{color:#fbbf24;background:linear-gradient(180deg,rgba(245,158,11,.15) 0%,transparent 100%);border-bottom:2px solid #f59e0b}.chat-tab.disabled{opacity:.5;cursor:not-allowed}.tab-lock{font-size:12px;opacity:.7}.chat-error{background:linear-gradient(90deg,rgba(239,68,68,.15) 0%,rgba(239,68,68,.05) 100%);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px 16px;margin:12px;border-radius:10px;font-size:13px;display:flex;align-items:center;gap:8px;animation:slideDown .3s ease-out;position:relative;z-index:10003}.error-icon{font-size:14px}.error-close{margin-left:auto;background:transparent;border:none;color:#fca5a5;cursor:pointer;font-size:12px;opacity:.7}.error-close:hover{opacity:1}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:rgba(0,0,0,.1);position:relative;z-index:10000}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(245,158,11,.3);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(245,158,11,.5)}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 0;color:#94a3b8;position:relative;z-index:10001}.loading-spinner{width:40px;height:40px;border:3px solid rgba(245,158,11,.1);border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite}.sending-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b;position:relative;z-index:10001}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#cbd5e1}.empty-subtitle{margin:0;font-size:13px;color:#94a3b8}.messages-list{display:flex;flex-direction:column;gap:12px}.pinned-announcement{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:linear-gradient(120deg,rgba(248,209,95,.95),rgba(240,168,52,.95));color:#1a1a1a;box-shadow:0 6px 18px #00000040}.pinned-badge{font-size:.7rem;font-weight:700;letter-spacing:.08em;background:rgba(0,0,0,.18);color:#1a1a1a;padding:4px 8px;border-radius:999px}.pinned-content{font-size:.85rem;font-weight:600}.message-wrapper{display:flex;animation:messageSlideIn .3s ease-out;position:relative;z-index:10002}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.own{justify-content:flex-end}.message-wrapper.system{justify-content:center}.message-bubble{max-width:80%;background:linear-gradient(135deg,rgba(30,41,59,.8) 0%,rgba(15,23,42,.9) 100%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 16px;box-shadow:0 4px 12px #0003;position:relative;transition:all .2s ease}.message-wrapper.own .message-bubble{background:linear-gradient(135deg,rgba(21,128,61,.8) 0%,rgba(20,83,45,.9) 100%);border-color:#4ade804d}.message-wrapper.own .message-bubble:hover{border-color:#4ade8099;transform:translateY(-2px)}.message-bubble:hover{border-color:#fff3;transform:translateY(-2px)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.message-time{font-size:11px;color:#64748b}.message-content{font-size:14px;line-height:1.4;color:#e2e8f0;word-break:break-word}.system-message{max-width:90%}.system-content{background:linear-gradient(90deg,rgba(245,158,11,.1) 0%,rgba(245,158,11,.05) 100%);border:1px solid rgba(245,158,11,.2);color:#fbbf24;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:500;text-align:center}.chat-input-area{border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2);padding:16px;position:relative;z-index:10004!important}.chat-form{margin-bottom:12px}.input-wrapper{position:relative}.chat-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f1f5f9;padding:14px 16px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:all .2s ease}.chat-input:focus{background:rgba(255,255,255,.08);border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b1a}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input::placeholder{color:#64748b}.input-info{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.char-count{font-size:12px;color:#94a3b8;padding-left:8px}.char-count:after{content:" karakter"}.send-btn{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;color:#1c1917;padding:8px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;position:relative;z-index:10005}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #f59e0b4d}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-shortcuts{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:10004}.shortcut-hint{font-size:11px;color:#64748b}.quick-actions{display:flex;gap:6px}.quick-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#c7d2fe;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s ease}.quick-btn:hover{background:rgba(255,255,255,.1);border-color:#fff3;transform:translateY(-2px)}.world-map-container{position:relative;width:100%;height:100vh;background-color:#5a7a4a;overflow:hidden;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.world-map-container:active{cursor:grabbing}.map-ui-overlay{position:absolute;top:20px;left:20px;z-index:300;background:rgba(0,0,0,.7);padding:15px;border-radius:8px;border:1px solid #ffd700;color:#fff;pointer-events:auto}.worldmap-event-indicator{margin-top:8px;padding:6px 10px;border-radius:6px;background:rgba(255,215,128,.15);border:1px solid rgba(255,215,128,.5);color:gold;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.coordinate-wrapper{display:flex;align-items:center;gap:10px;margin-top:5px;cursor:pointer;padding:5px 8px;border-radius:5px;background:rgba(255,255,255,.1);transition:background .2s}.coordinate-wrapper:hover{background:rgba(255,255,255,.2)}.mission-tracker{margin-top:8px;display:flex;flex-direction:column;gap:6px;font-size:12px}.mission-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:rgba(20,20,30,.55);border:1px solid rgba(255,215,0,.35);border-radius:6px;padding:6px 8px}.mission-text{color:#e2e8f0}.mission-target{background:transparent;border:none;color:gold;cursor:pointer;padding:0;font-size:12px;text-decoration:underline}.mission-target:hover{color:#ffef9a}.coords-text{font-size:14px;color:#ecf0f1}.search-icon{font-size:16px}.coord-modal{top:100px;bottom:auto!important;border-color:#4caf50!important}.coord-inputs{display:flex;gap:15px;margin:15px 0;justify-content:center}.coord-input-group{display:flex;flex-direction:column;align-items:center;gap:5px}.coord-input-group label{font-size:12px;color:gold}.coord-input-group input{width:60px;padding:8px;background:rgba(0,0,0,.5);border:1px solid #555;color:#fff;text-align:center;border-radius:5px;font-size:16px}.coord-input-group input:focus{outline:none;border-color:#4caf50}.back-button-group{position:absolute;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:auto;padding:6px;border-radius:14px;background:rgba(8,10,18,.45);border:1px solid rgba(215,181,109,.3);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%)}.back-button{padding:10px 14px;min-width:172px;background:linear-gradient(155deg,rgba(30,26,35,.96),rgba(18,16,24,.96));color:#f7e7c2;border:1px solid rgba(215,181,109,.45);border-radius:12px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 20px #00000061;transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease}.back-button:hover{transform:translateY(-2px);border-color:#f1d294cc;box-shadow:0 14px 26px #00000073,0 0 14px #d7b56d2e}.back-button.secondary{background:linear-gradient(155deg,rgba(24,51,48,.96),rgba(16,34,31,.96));border-color:#63cda980;color:#d9ffef}.back-button.secondary:hover{border-color:#8cebc8d9;box-shadow:0 14px 26px #00000073,0 0 14px #5cdbad38}.back-button-icon{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff1f;font-size:15px;flex-shrink:0}.back-button-label{line-height:1;font-size:17px;letter-spacing:.2px}.zoom-controls{display:none}.isometric-grid{position:relative;transform-style:preserve-3d;will-change:transform}.babylon-map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.babylon-canvas{width:100%;height:100%;display:block}.babylon-tooltip{position:fixed;z-index:400;pointer-events:none;background:rgba(15,23,42,.9);color:#e2e8f0;border:1px solid rgba(255,215,0,.35);border-radius:6px;padding:8px 10px;font-size:12px;min-width:120px;box-shadow:0 6px 16px #00000059}.babylon-tooltip-title{font-weight:700;color:gold}.babylon-tooltip-subtitle{margin-top:2px;color:#f8fafc}.babylon-tooltip-coords{margin-top:4px;color:#94a3b8;font-size:11px}.inline-unit-icon{width:18px;height:18px;object-fit:contain;margin-right:6px;vertical-align:middle}.worldmap-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.worldmap-loading-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 24px;background:rgba(15,23,42,.85);border:1px solid rgba(255,215,0,.25);border-radius:14px;box-shadow:0 10px 30px #00000073}.worldmap-loading-image{width:96px;height:96px;object-fit:contain}.worldmap-loading-text{color:#f8fafc;font-weight:700;letter-spacing:.4px}.worldmap-loading-bar{width:220px;height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}.worldmap-loading-bar-inner{width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(255,215,0,.2),rgba(255,215,0,.9),rgba(255,215,0,.2));animation:worldmap-loading-progress 1.2s ease-in-out infinite}@keyframes worldmap-loading-progress{0%{transform:translate(-120%)}50%{transform:translate(20%)}to{transform:translate(120%)}}.map-tile{position:absolute;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;box-sizing:border-box}.map-tile:hover{z-index:10}.map-tile.selected{outline:3px solid #ffd700;outline-offset:-3px;box-shadow:0 0 20px #ffd70099;z-index:20}.tile-ally{outline:2px solid rgba(0,255,120,.9);outline-offset:-2px;box-shadow:0 0 10px #00ff7859}.tile-nap{outline:2px solid rgba(255,200,0,.95);outline-offset:-2px;box-shadow:0 0 10px #ffc80059}.tile-own{outline:2px solid rgba(120,180,255,.9);outline-offset:-2px;box-shadow:0 0 10px #78b4ff59}.map-object{pointer-events:none;text-align:center;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5));display:flex;flex-direction:column;align-items:center;transform-origin:bottom center;position:relative;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.castle-image{pointer-events:none;display:block;filter:drop-shadow(0 5px 5px rgba(0,0,0,.5));image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.object-label-container{position:absolute;bottom:100%;left:50%;transform-origin:bottom center;display:flex;flex-direction:column;align-items:center;z-index:200;pointer-events:none;white-space:nowrap;margin-bottom:120px;text-shadow:4px 4px 8px rgba(0,0,0,1);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.player-name-badge{background:rgba(0,0,0,.7);padding:8px 18px;border-radius:40px;border:4px solid rgba(255,215,0,.7);display:flex;align-items:center;gap:10px;color:#fff;font-size:90px;max-width:360px;white-space:normal;text-align:center;justify-content:center;line-height:1.1}.p-name{font-weight:700;color:#fff}.p-level{color:gold;font-weight:700;background:rgba(255,215,0,.25);padding:6px 20px;border-radius:15px;border:2px solid rgba(255,215,0,.4)}.player-shield-inline{display:inline-flex;align-items:center;gap:8px;color:#7dd3fc;font-weight:700;background:rgba(15,23,42,.72);border:2px solid rgba(125,211,252,.7);border-radius:14px;padding:5px 14px}.player-shield-icon{width:28px;height:28px;object-fit:contain}.object-info-badge{background:rgba(0,0,0,.85);padding:10px 25px;border-radius:25px;display:flex;align-items:center;gap:12px;color:#ecf0f1;font-size:100px;border:3px solid rgba(255,255,255,.5)}.obj-name{font-weight:600}.obj-level{background:rgba(255,255,255,.25);padding:4px 15px;border-radius:10px;font-size:80px;font-weight:700}.clan-castle-badge{background:rgba(0,0,0,.7);color:#37d5d6;padding:8px 18px;border-radius:25px;font-weight:700;border:3px solid rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;gap:6px;font-size:85px;max-width:360px;white-space:normal;text-align:center;line-height:1.1}.clan-name-text{color:#37d5d6;font-weight:700}.clan-castle-badge .obj-level{background:rgba(236,240,241,.25);color:#ecf0f1;border:2px solid rgba(236,240,241,.5)}.rebel-camp-badge{background:rgba(0,0,0,.7);color:#ff4d4d;padding:8px 18px;border-radius:22px;font-weight:700;border:2px solid rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;font-size:85px;max-width:360px;white-space:normal;text-align:center;line-height:1.1}.rebel-camp-text{color:#ff4d4d;font-weight:700}.obj-stone_mine .object-info-badge,.obj-iron_mine .object-info-badge,.obj-farm .object-info-badge,.obj-forest .object-info-badge{border-color:#3498db99}.obj-stone_mine .obj-level,.obj-iron_mine .obj-level,.obj-farm .obj-level,.obj-forest .obj-level{color:#3498db;background:rgba(52,152,219,.2);border:3px solid rgba(52,152,219,.5)}.obj-clan_castle .object-info-badge{border-color:#9b59b699}.obj-clan_castle .obj-level{color:#9b59b6;background:rgba(155,89,182,.2);border:3px solid rgba(155,89,182,.5)}.object-amount-badge{margin-top:8px;background:rgba(46,204,113,.95);color:#fff;padding:6px 20px;border-radius:15px;font-size:80px;font-weight:700;box-shadow:0 6px 12px #0009;border:3px solid white}.placement-mode-indicator{background:rgba(0,0,0,.7);padding:8px 12px;border-radius:10px;margin-top:8px;border:2px solid #ffd700;animation:pulse 2s infinite}.placement-mode-text{color:gold;font-weight:700;font-size:16px;text-shadow:0 0 10px rgba(255,215,0,.8);display:flex;align-items:center;gap:8px}.placement-mode-text button{background:#e74c3c;color:#fff;border:none;border-radius:5px;padding:4px 10px;cursor:pointer;font-size:12px;transition:background .2s}.placement-mode-text button:hover{background:#c0392b}.march-layer{pointer-events:none}.march-line{stroke-linecap:round;animation:dashMove 1s linear infinite;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}@keyframes dashMove{to{stroke-dashoffset:-20}}.marching-troop{font-size:100px!important;filter:drop-shadow(0 10px 10px rgba(0,0,0,.8));transition:transform .1s linear;z-index:600}.tile-action-modal{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:rgba(20,20,30,.95);border:2px solid #ffd700;border-radius:12px;padding:20px;z-index:400;color:#fff;text-align:center;box-shadow:0 10px 30px #000c;pointer-events:auto;min-width:300px}.tile-action-modal h3{margin:0 0 10px;color:gold;font-size:18px}.tile-action-modal p{margin:5px 0 15px;color:#aaa;font-size:14px}.tile-coords{font-weight:700;color:#4caf50}.modal-actions{display:flex;gap:10px;justify-content:center}.tile-modal-icon{width:28px;height:28px;object-fit:contain}.spy-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:700}.spy-modal{background:rgba(20,20,30,.95);border:2px solid #ffd700;border-radius:12px;padding:16px 18px;min-width:280px;color:#fff;box-shadow:0 10px 30px #000c}.spy-modal-header{font-weight:700;color:gold;margin-bottom:8px;text-align:center}.spy-modal-body{text-align:center;color:#e2e8f0;font-size:14px;margin-bottom:12px}.spy-modal-hint{margin-top:8px;color:gold;font-size:12px}.spy-modal-error{margin-top:6px;color:#ff7b7b;font-size:12px}.spy-modal-actions{display:flex;gap:10px;justify-content:center}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.modal-tabs{display:flex;gap:8px;justify-content:center;margin:10px 0 15px;flex-wrap:wrap}.tab-btn{padding:6px 12px;border-radius:16px;border:1px solid #3a3a4a;background:rgba(30,30,45,.9);color:#cbd5e1;cursor:pointer;font-size:12px}.tab-btn.active{border-color:gold;color:gold;background:rgba(255,215,0,.12)}.tab-content{text-align:left;font-size:13px;color:#e2e8f0}.troop-form{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px 12px;margin:10px 0 12px}.troop-input{display:flex;align-items:center;gap:8px;justify-content:space-between}.troop-input input{width:70px}.garrison-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.garrison-total,.garrison-ally-total,.my-contribution{margin:8px 0;padding:8px;border-radius:8px;background:rgba(0,0,0,.2)}.info-note{color:#fbbf24;margin-bottom:8px}.action-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:transform .1s,background .2s}.action-btn:active{transform:scale(.95)}.btn-teleport{background:linear-gradient(180deg,#f1c40f,#f39c12);color:#1a1a2e}.btn-cancel{background:#e74c3c;color:#fff}.castle-popup-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;max-width:90%;background:rgba(0,0,0,.95);border:1px solid #d4af37;border-radius:8px;padding:10px;z-index:1000;color:#fff;box-shadow:0 8px 20px #000c;pointer-events:auto;animation:popupAppear .2s ease-out}@keyframes popupAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.castle-popup-header{text-align:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(212,175,55,.5)}.castle-popup-title{margin:0;color:gold;font-size:13px;font-weight:700;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.8)}.castle-popup-actions{display:flex;justify-content:space-between;gap:5px;margin-top:8px}.castle-popup-btn{flex:1;height:30px;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;color:#fff;background:rgba(60,60,70,.9);min-width:0;padding:0 8px}.castle-popup-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #0006}.castle-popup-btn:active:not(:disabled){transform:translateY(0)}.castle-popup-btn:disabled{opacity:.5;cursor:not-allowed}.btn-attack{background:linear-gradient(to bottom,#c0392b,#a93226);border:1px solid #e74c3c}.btn-attack:hover:not(:disabled){background:linear-gradient(to bottom,#d64541,#c0392b);border-color:#ff6b5c}.btn-spy{background:linear-gradient(to bottom,#27ae60,#219653);border:1px solid #2ecc71}.btn-spy:hover:not(:disabled){background:linear-gradient(to bottom,#2ecc71,#27ae60);border-color:#52ff9c}.btn-message{background:linear-gradient(to bottom,#2980b9,#1c5a7c);border:1px solid #3498db}.btn-message:hover:not(:disabled){background:linear-gradient(to bottom,#3498db,#2980b9);border-color:#5dade2}.btn-complaint{background:linear-gradient(to bottom,#f39c12,#d68910);border:1px solid #f1c40f}.btn-complaint:hover:not(:disabled){background:linear-gradient(to bottom,#f1c40f,#f39c12);border-color:#f8c471}.btn-disabled{background:linear-gradient(to bottom,#7f8c8d,#6c7a7d);border:1px solid #95a5a6;cursor:not-allowed}.castle-popup-close{position:absolute;top:5px;right:5px;width:22px;height:22px;background:rgba(231,76,60,.8);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1001}.castle-popup-close:hover{background:#e74c3c;transform:scale(1.1)}.castle-popup-close:active{transform:scale(.95)}.war-notifications-container{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px}.war-notification{background:rgba(0,0,0,.9);color:#fff;padding:15px;margin-bottom:10px;border-radius:8px;border-left:5px solid;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000004d;animation:slideInRight .3s ease-out}.war-notification.warning{border-left-color:#ff9800;background:rgba(255,152,0,.1)}.war-notification.error{border-left-color:#f44336;background:rgba(244,67,54,.1)}.war-notification.info{border-left-color:#2196f3;background:rgba(33,150,243,.1)}.notification-content{display:flex;align-items:center;gap:10px}.notification-icon{font-size:20px}.notification-message{font-size:14px;font-weight:500}.notification-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-close:hover{background:rgba(255,255,255,.1);border-radius:50%}.ui-toast-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:99999;pointer-events:none}.ui-toast{min-width:280px;max-width:520px;padding:12px 16px;border-radius:12px;background:rgba(20,20,20,.92);color:#fff;font-weight:600;box-shadow:0 10px 30px #00000059;transform:translateY(0);opacity:1;pointer-events:auto;animation:toastFadeIn .3s ease-out}.ui-toast-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-toast-icon{font-size:20px;flex-shrink:0}.ui-toast-message{flex:1;font-size:14px;line-height:1.4;word-break:break-word}.ui-toast-close{background:none;border:none;color:#ffffffb3;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;transition:all .2s ease}.ui-toast-close:hover{background:rgba(255,255,255,.1);color:#fff}.ui-toast-success{border:1px solid rgba(0,255,0,.35)}.ui-toast-success .ui-toast-icon{color:#4caf50}.ui-toast-error{border:1px solid rgba(255,0,0,.35)}.ui-toast-error .ui-toast-icon{color:#f44336}.ui-toast-warning{border:1px solid rgba(255,193,7,.35)}.ui-toast-warning .ui-toast-icon{color:#ff9800}.ui-toast-info{border:1px solid rgba(255,255,255,.15)}.ui-toast-info .ui-toast-icon{color:#2196f3}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ui-toast-backdrop.fade-out .ui-toast{animation:toastFadeOut .3s ease-in forwards}@keyframes toastFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.clan-castle-status{position:absolute;top:-40px;left:50%;transform:translate(-50%);padding:5px 15px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:300;white-space:nowrap;box-shadow:0 3px 10px #00000080}.siege-status{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);color:#fff;border:2px solid #ffd700;animation:pulseRed 2s infinite}.disabled-status{background:linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%);color:#fff;border:2px solid #bdc3c7}.status-icon{margin-right:5px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulseRed{0%,to{box-shadow:0 0 5px #ff6b6bb3}50%{box-shadow:0 0 20px #ff6b6be6}}@keyframes pulse{0%{box-shadow:0 0 #ffd700b3}70%{box-shadow:0 0 0 10px #ffd70000}to{box-shadow:0 0 #ffd70000}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.player-name-badge,.object-info-badge,.clan-castle-badge{font-size:60px!important;padding:8px 15px!important}.clan-castle-badge .obj-name{font-size:55px!important}.p-level,.obj-level{font-size:40px!important;padding:3px 10px!important}.object-label-container{margin-bottom:80px!important}.marching-troop{font-size:60px!important}.tile-action-modal{padding:15px;min-width:90%;bottom:50px}.tile-action-modal h3{font-size:16px}.castle-popup-modal{width:250px;padding:8px}.castle-popup-title{font-size:12px}.castle-popup-btn{height:28px;font-size:10px;padding:0 6px}.castle-popup-close{width:20px;height:20px;font-size:11px}.placement-mode-indicator{padding:6px 10px;margin-top:6px}.placement-mode-text{font-size:14px}.placement-mode-text button{padding:3px 8px;font-size:11px}.war-notifications-container{top:10px;right:10px;max-width:300px}.war-notification{padding:12px;margin-bottom:8px}.notification-message{font-size:12px}.notification-icon{font-size:16px}.clan-castle-status{font-size:10px;padding:4px 10px;top:-30px}.ui-toast{min-width:90%;max-width:90%;padding:10px 14px;margin:0 10px}.ui-toast-icon{font-size:18px}.ui-toast-message{font-size:13px}.ui-toast-close{font-size:16px;width:22px;height:22px}}@media (min-width: 769px) and (max-width: 1024px){.player-name-badge,.object-info-badge,.clan-castle-badge{font-size:80px!important}.clan-castle-badge .obj-name{font-size:75px!important}.p-level,.obj-level{font-size:60px!important}.castle-popup-modal{width:260px}.war-notifications-container{max-width:350px}.clan-castle-status{font-size:11px;padding:5px 12px}.ui-toast{min-width:320px;max-width:450px}}@media (min-width: 1440px){.war-notifications-container{max-width:450px}.notification-message{font-size:15px}.clan-castle-status{font-size:13px;padding:6px 18px}.ui-toast{min-width:300px;max-width:500px}.ui-toast-message{font-size:15px}}@media (prefers-color-scheme: dark){.war-notification{background:rgba(30,30,40,.95)}.war-notification.warning{background:rgba(255,152,0,.15)}.war-notification.error{background:rgba(244,67,54,.15)}.war-notification.info{background:rgba(33,150,243,.15)}.siege-status{background:linear-gradient(135deg,#e53935 0%,#b71c1c 100%)}.disabled-status{background:linear-gradient(135deg,#616161 0%,#424242 100%)}.ui-toast{background:rgba(10,10,10,.95)}.ui-toast-success{border-color:#4caf5080}.ui-toast-error{border-color:#f4433680}.ui-toast-warning{border-color:#ff980080}.ui-toast-info{border-color:#2196f34d}}@media (prefers-contrast: high){.war-notification{border-width:3px;background:black}.siege-status{background:#ff0000;color:#fff;border:3px solid #ffff00}.disabled-status{background:#808080;color:#fff;border:3px solid #c0c0c0}.ui-toast{background:black;border:2px solid white}.ui-toast-success{border-color:#0f0}.ui-toast-error{border-color:red}.ui-toast-warning{border-color:#ff0}.ui-toast-info{border-color:#0ff}.ui-toast-close{color:#fff;border:1px solid white}}.store-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.store-modal{background:linear-gradient(135deg,#2c3e50,#000000);border:2px solid #ffd700;border-radius:15px;width:90%;max-width:1000px;height:85vh;overflow:hidden;box-shadow:0 0 30px #ffd7004d;display:flex;flex-direction:column;color:#fff}.store-header{background:linear-gradient(90deg,#1a1a1a,#333);padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ffd700}.store-header h2{margin:0;color:gold;font-size:1.8em;text-shadow:2px 2px 4px rgba(0,0,0,.5);display:flex;align-items:center;gap:10px}.close-btn{background:transparent;color:gold;border:2px solid #ffd700;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffd700;color:#000;transform:rotate(90deg)}.store-content{flex:1;padding:16px 20px;overflow-y:auto;background-color:#0003;scrollbar-width:thin;scrollbar-color:#ffd700 #333}.store-content::-webkit-scrollbar{width:8px}.store-content::-webkit-scrollbar-track{background:#333}.store-content::-webkit-scrollbar-thumb{background-color:gold;border-radius:4px}.store-content.compact-resource{overflow-y:auto;padding-bottom:10px}.store-categories{display:flex;background:rgba(0,0,0,.5);padding:12px;gap:12px;overflow-x:auto;border-bottom:1px solid #444;justify-content:center;margin-bottom:12px}.category-btn{background:#34495e;border:1px solid #555;color:#ddd;padding:10px 18px;border-radius:22px;cursor:pointer;transition:all .25s ease;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:8px}.category-icon{font-size:1rem}.category-btn:hover{background:#4a69bd;border-color:#4a69bd;transform:translateY(-1px)}.category-btn.active{background:#ffd700;color:#1a1a2e;border-color:#fff;box-shadow:0 4px 12px #ffd70059}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding-bottom:20px}.products-grid.compact-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-bottom:6px}.product-card{background:linear-gradient(145deg,#2c3e50,#34495e);border:2px solid #555;border-radius:12px;padding:16px;text-align:left;transition:all .25s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:7px;min-height:190px}.products-grid.compact-list .product-card{padding:7px 8px;min-height:auto}.product-card:hover{border-color:gold;transform:translateY(-3px);box-shadow:0 10px 25px #ffd70033}.product-main{display:flex;gap:8px;align-items:center}.product-text{display:flex;flex-direction:column;gap:6px;flex:1}.product-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.product-icon img{width:100%;height:100%;object-fit:contain}.products-grid.compact-list .product-icon{width:28px;height:28px}.product-name{color:#fff;margin:0;font-size:1.1em;font-weight:700}.products-grid.compact-list .product-name{font-size:.78em}.product-details{background:rgba(0,0,0,.3);border-radius:8px;padding:8px;border-left:3px solid #ffd700}.products-grid.compact-list .product-details{padding:3px 5px;border-left-width:2px}.resource-rewards{display:flex;flex-direction:column;gap:6px}.resource-item{display:flex;align-items:center;gap:3px;font-size:.75rem}.resource-icon{font-size:.85rem}.resource-icon img{width:14px;height:14px;object-fit:contain;display:block}.resource-amount{color:gold;font-weight:600}.product-info{color:#bdc3c7;font-size:.85rem}.product-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-price{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border-radius:18px;padding:8px 12px;font-size:1rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.products-grid.compact-list .product-price{font-size:.75rem;padding:3px 6px}.purchase-btn{background:linear-gradient(135deg,#f1c40f,#e67e22);color:#1a1a1a;border:none;border-radius:18px;padding:8px 12px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.purchase-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #f1c40f59}.products-grid.compact-list .purchase-btn{font-size:.7rem;padding:3px 6px}.no-products{text-align:center;color:#aaa;padding:20px}.no-products .empty-icon{font-size:2rem;margin-bottom:8px}.purchase-history{margin-top:16px;background:rgba(0,0,0,.35);border-radius:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.1)}.purchase-history h3{margin:0 0 10px;color:gold;font-size:1rem}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:grid;grid-template-columns:1.5fr auto auto;gap:10px;font-size:.85rem;color:#ddd}.history-product{color:#fff}.history-price{color:gold;font-weight:700}.history-date{color:#9aa4b2}.no-history{color:#9aa4b2;font-size:.9rem}@media (max-width: 768px){.store-modal{width:95%;height:90vh}.store-content{padding:12px;padding-bottom:calc(72px + env(safe-area-inset-bottom));min-height:0}.store-content.compact-resource{overflow-y:auto}.products-grid,.products-grid.compact-list{grid-template-columns:1fr}.store-categories{justify-content:stretch;overflow-x:hidden;flex-wrap:wrap;gap:8px;padding:10px}.category-btn{padding:8px 10px;font-size:13px;white-space:normal;text-align:center;justify-content:center;line-height:1.2;flex:1 1 calc(50% - 8px);min-height:42px}.product-actions{justify-content:space-between;gap:6px}.purchase-btn,.products-grid.compact-list .purchase-btn{width:auto;min-width:104px;max-width:120px;padding:6px 10px;font-size:.78rem;flex:0 0 auto}}.clan-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}.clan-modal{width:min(1200px,95vw);height:min(850px,90vh);background:linear-gradient(160deg,#0f1420 0%,#1a2032 100%);color:#e8eefc;border:1px solid rgba(99,102,241,.2);border-radius:16px;box-shadow:0 20px 60px #000000b3,0 0 0 1px #ffffff0d inset;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.clan-modal-header{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(99,102,241,.1) 0%,transparent 100%);border-bottom:1px solid rgba(99,102,241,.2);position:relative}.clan-header-title{display:flex;flex-direction:column;gap:4px}.clan-modal-header h2{margin:0;font-size:20px;font-weight:800;background:linear-gradient(90deg,#a5b4fc 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:8px}.clan-header-subtitle{font-size:14px;color:#c7d2fe;opacity:.9;display:flex;align-items:center;gap:8px}.clan-close-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#c7d2fe;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease}.clan-close-btn:hover{background:rgba(239,68,68,.15);border-color:#ef444466;color:#fca5a5;transform:rotate(90deg)}.clan-tabs-nav{display:flex;gap:4px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(12,12,20,.9),rgba(20,18,30,.9));position:sticky;top:0;z-index:10;overflow-x:auto;scrollbar-width:none}.clan-tabs-nav::-webkit-scrollbar{display:none}.clan-tab{display:inline-flex;align-items:center;gap:8px;background:rgba(12,12,20,.8);border:1px solid rgba(215,181,109,.2);color:#d7b56d;padding:10px 24px 10px 16px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;white-space:nowrap;transition:all .2s ease;position:relative;overflow:hidden}.clan-tab:hover:not(.active):not(:disabled){background:rgba(20,18,30,.9);border-color:#d7b56d73;transform:translateY(-1px)}.clan-tab.active{background:linear-gradient(135deg,rgba(215,181,109,.25) 0%,rgba(215,181,109,.1) 100%);border:1px solid rgba(215,181,109,.6);color:#f3efe6;box-shadow:0 6px 18px #d7b56d33}.clan-tab:disabled{opacity:.5;cursor:not-allowed}.tab-badge{background:linear-gradient(135deg,#b45309 0%,#92400e 100%);color:#fff;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;margin-left:0;position:absolute;top:3px;right:4px;line-height:1}.create-clan-hint{padding:12px 14px;border-radius:12px;border:1px solid rgba(215,181,109,.35);background:linear-gradient(135deg,rgba(12,12,20,.9),rgba(20,18,30,.85));box-shadow:inset 0 0 18px #00000059;display:flex;flex-direction:column;gap:8px}.create-clan-hint .hint-title{color:#f2d187;font-weight:700;font-size:14px;letter-spacing:.4px}.create-clan-hint .hint-row{display:flex;align-items:center;gap:8px;color:#e8dcc0;font-size:13px;flex-wrap:wrap}.create-clan-hint .hint-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.create-clan-hint .hint-icon img{width:100%;height:100%;object-fit:contain}.create-clan-hint .hint-sep{color:#d7b56d80}.clan-modal-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;position:relative}.clan-tab-content{display:flex;flex-direction:column;gap:24px}.clan-error-alert{padding:12px 16px;background:linear-gradient(90deg,rgba(239,68,68,.15) 0%,rgba(239,68,68,.05) 100%);border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:14px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clan-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(15,20,32,.9);display:flex;align-items:center;justify-content:center;font-size:16px;color:#a5b4fc;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.clan-empty-state{padding:48px 24px;text-align:center;border:2px dashed rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon{font-size:48px;opacity:.5;margin-bottom:8px}.clan-empty-state h3{margin:0;color:#e8eefc;font-size:18px;font-weight:700}.clan-empty-state p{margin:0;color:#a5b4fc;font-size:14px;max-width:400px;line-height:1.5}.empty-actions{display:flex;gap:12px;margin-top:16px}button{background:linear-gradient(135deg,rgba(99,102,241,.25) 0%,rgba(99,102,241,.15) 100%);border:1px solid rgba(99,102,241,.4);color:#e0e7ff;padding:10px 18px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;justify-content:center}button:hover:not(:disabled){background:linear-gradient(135deg,rgba(99,102,241,.35) 0%,rgba(99,102,241,.25) 100%);border-color:#6366f199;transform:translateY(-2px);box-shadow:0 6px 20px #6366f133}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:1px solid rgba(99,102,241,.6)}.btn-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#e8eefc}.btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid rgba(16,185,129,.6);color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid rgba(245,158,11,.6);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid rgba(239,68,68,.6);color:#fff}.btn-small{padding:6px 12px;font-size:13px}.btn-large{padding:14px 28px;font-size:16px;font-weight:700}.input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#e8eefc;padding:12px 16px;border-radius:10px;outline:none;font-size:14px;transition:all .2s ease;width:100%}.input:focus{background:rgba(255,255,255,.09);border-color:#6366f199;box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:#94a3b8}textarea.input{min-height:80px;resize:vertical;font-family:inherit}.search-box{display:flex;gap:12px;max-width:500px}.search-input{flex:1}.search-btn{white-space:nowrap;min-width:100px}.search-hint{font-size:12px;color:#94a3b8;margin-top:8px;font-style:italic}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#c7d2fe}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.radio-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid transparent;transition:all .2s ease}.radio-label:hover{background:rgba(255,255,255,.06);border-color:#ffffff1a}.radio-label input[type=radio]{accent-color:#6366f1}.form-actions{display:flex;gap:16px;margin-top:24px;flex-wrap:wrap}.clan-info-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(99,102,241,.15);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.clan-info-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.clan-name{font-size:24px;font-weight:800;margin:0 0 8px;color:#e0e7ff}.clan-tag-large{font-size:18px;font-weight:700;color:#a5b4fc;background:rgba(99,102,241,.1);padding:4px 12px;border-radius:20px;border:1px solid rgba(99,102,241,.3)}.clan-stats{display:flex;gap:24px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:20px;font-weight:800;color:#e0e7ff}.role-leader{color:#fbbf24;background:rgba(251,191,36,.1);padding:4px 12px;border-radius:20px}.role-general{color:#f97316;background:rgba(249,115,22,.12);padding:4px 12px;border-radius:20px}.role-diplomat{color:#38bdf8;background:rgba(56,189,248,.12);padding:4px 12px;border-radius:20px}.role-officer{color:#10b981;background:rgba(16,185,129,.1);padding:4px 12px;border-radius:20px}.role-member{color:#a5b4fc;background:rgba(99,102,241,.1);padding:4px 12px;border-radius:20px}.clan-description{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;border-left:4px solid #6366f1}.clan-description h4{margin:0 0 12px;color:#c7d2fe;font-size:16px}.clan-description p{margin:0;line-height:1.6;color:#a5b4fc}.clan-actions-row{display:flex;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.clan-members-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.clan-members-section h4{margin:0 0 20px;font-size:18px;color:#e0e7ff;display:flex;align-items:center;gap:8px}.clan-members-table{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.members-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.08);font-weight:700;color:#c7d2fe;font-size:14px}.member-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.member-row:hover{background:rgba(255,255,255,.05)}.member-row:last-child{border-bottom:none}.col-name,.col-role,.col-power,.col-points,.col-actions{display:flex;align-items:center}.member-name{font-weight:600;color:#e0e7ff}.member-you{font-size:12px;color:#fbbf24;background:rgba(251,191,36,.1);padding:2px 8px;border-radius:10px;margin-left:8px}.member-role{font-weight:600;font-size:13px;padding:4px 12px;border-radius:20px;text-align:center;display:inline-block}.member-power{font-weight:700;color:#facc15;font-size:15px}.member-points{font-weight:700;color:#fbbf24;font-size:15px;display:flex;align-items:center;gap:4px}.role-select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#e8eefc;padding:6px 12px;border-radius:8px;font-size:13px;outline:none;cursor:pointer;min-width:100px}.copy-btn{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);color:#a5b4fc;width:30px;height:30px;padding:0;border-radius:8px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;transition:all .2s ease}.copy-btn:hover:not(:disabled){background:rgba(99,102,241,.2);border-color:#6366f180;color:#e0e7ff;transform:scale(1.1)}.copy-btn.small{width:24px;height:24px;font-size:12px;margin-left:4px}.clan-id{display:flex;align-items:center;font-family:monospace;font-size:13px;background:rgba(0,0,0,.2);padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.05)}.clan-management-section{background:linear-gradient(145deg,rgba(15,23,42,.8) 0%,transparent 100%);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:24px}.clan-management-section h4{margin:0 0 20px;font-size:18px;color:#e0e7ff;display:flex;align-items:center;gap:8px}.management-row{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.management-row .input{flex:1;min-width:250px}.settings-form{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;width:100%}.settings-form h5{margin:0 0 16px;color:#c7d2fe;font-size:16px}.inline-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:16px}.treasury-status{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(34,197,94,.2);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.treasury-status h4{margin:0;color:#e0e7ff;font-size:18px;display:flex;align-items:center;gap:8px}.treasury-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.resource-item{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(0,0,0,.2);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.resource-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.resource-icon img{width:100%;height:100%;object-fit:contain}.resource-label{font-size:14px;color:#94a3b8;flex:1}.resource-value{font-size:20px;font-weight:800;color:#e0e7ff}.user-points{background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,transparent 100%);border:1px solid rgba(251,191,36,.2);border-radius:12px;padding:20px}.user-points h5{margin:0 0 12px;color:#fbbf24;font-size:16px;display:flex;align-items:center;gap:8px}.points-display{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.points-value{font-size:32px;font-weight:800;color:#fbbf24;background:rgba(251,191,36,.1);padding:8px 20px;border-radius:12px;border:2px solid rgba(251,191,36,.3)}.points-info{font-size:13px;color:#94a3b8}.donation-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:24px}.donation-section h4{margin:0 0 20px;color:#e0e7ff;font-size:18px;display:flex;align-items:center;gap:8px}.donation-form{display:flex;flex-direction:column;gap:20px}.donation-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.donation-input-group{display:flex;flex-direction:column;gap:8px}.donation-input-group label{font-size:14px;font-weight:600;color:#c7d2fe;display:flex;align-items:center;gap:6px}.donation-summary{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-item:last-child{border-bottom:none}.summary-item span:first-child{font-size:14px;color:#94a3b8}.summary-value{font-size:16px;font-weight:700;color:#e0e7ff}.summary-value.points{color:#fbbf24;display:flex;align-items:center;gap:6px}.castle-built,.castle-not-built{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.castle-status{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px}.castle-status.success{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,transparent 100%);border:1px solid rgba(34,197,94,.2)}.castle-status.warning{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,transparent 100%);border:1px solid rgba(245,158,11,.2)}.status-icon{font-size:32px}.status-text h4{margin:0 0 8px;color:#e0e7ff;font-size:18px}.status-text p{margin:0;color:#a5b4fc;font-size:14px}.castle-details{background:rgba(0,0,0,.2);border-radius:12px;padding:20px}.castle-details h4{margin:0 0 16px;color:#c7d2fe;font-size:16px}.castle-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{font-size:13px;color:#94a3b8}.info-value{font-size:16px;font-weight:700;color:#e0e7ff}.castle-cost{background:rgba(0,0,0,.2);border-radius:12px;padding:20px}.castle-cost h4{margin:0 0 16px;color:#c7d2fe;font-size:16px}.cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.cost-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,0,0,.3);border-radius:10px;border:1px solid rgba(255,255,255,.05)}.cost-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.cost-icon img{width:100%;height:100%;object-fit:contain}.cost-label{font-size:14px;color:#94a3b8;flex:1}.cost-value{font-size:16px;font-weight:700;color:#e0e7ff}.castle-scroll-section{background:linear-gradient(145deg,rgba(15,23,42,.8) 0%,transparent 100%);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:24px;margin-top:20px}.castle-scroll-section h4{margin:0 0 16px;color:#e0e7ff;font-size:18px;display:flex;align-items:center;gap:8px}.scroll-info{display:flex;align-items:center;gap:16px;padding:16px;background:rgba(0,0,0,.2);border-radius:12px;margin-bottom:20px}.scroll-icon{font-size:48px;color:#fbbf24}.scroll-text h5{margin:0 0 8px;color:#fbbf24;font-size:16px}.scroll-text p{margin:0;color:#a5b4fc;font-size:14px;line-height:1.5}.scroll-requirements{background:rgba(0,0,0,.3);border-radius:12px;padding:20px;margin-bottom:20px}.scroll-requirements h5{margin:0 0 16px;color:#c7d2fe;font-size:16px}.scroll-requirements ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.scroll-requirements li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.03);font-size:14px}.requirement-met{color:#10b981}.requirement-missing{color:#ef4444}.scroll-actions{text-align:center}.scroll-acquired{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,transparent 100%);border:1px solid rgba(34,197,94,.2);border-radius:12px;margin-bottom:20px}.success-icon{font-size:32px;color:#10b981}.success-text h5{margin:0 0 8px;color:#10b981;font-size:16px}.success-text p{margin:0;color:#a5b4fc;font-size:14px}.castle-build-section{background:linear-gradient(145deg,rgba(15,23,42,.8) 0%,transparent 100%);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:24px;margin-top:20px}.castle-build-section h4{margin:0 0 16px;color:#e0e7ff;font-size:18px}.castle-build-section p{margin:0 0 20px;color:#a5b4fc;font-size:14px;line-height:1.5}.build-actions{display:flex;flex-direction:column;gap:20px;align-items:center}.leader-required{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,transparent 100%);border:1px solid rgba(245,158,11,.2);border-radius:12px;margin-top:20px}.warning-icon{font-size:32px;color:#f59e0b}.warning-text h5{margin:0 0 8px;color:#f59e0b;font-size:16px}.warning-text p{margin:0;color:#a5b4fc;font-size:14px}.castle-disabled-banner{background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,rgba(220,38,38,.1) 100%);border:2px solid rgba(239,68,68,.4);border-radius:16px;padding:20px;margin-bottom:20px;animation:pulseWarning 2s infinite;box-shadow:0 8px 24px #ef444433}@keyframes pulseWarning{0%,to{box-shadow:0 8px 24px #ef444433;border-color:#ef444466}50%{box-shadow:0 8px 32px #ef444466;border-color:#ef444499}}.banner-content{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.banner-icon{font-size:32px;color:#ef4444;background:rgba(239,68,68,.1);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.banner-text{flex:1;min-width:200px}.banner-text h5{margin:0 0 8px;color:#fca5a5;font-size:18px;font-weight:700}.banner-text .repair-timer{display:flex;align-items:center;gap:8px;font-size:14px;color:#fca5a5}.banner-text .repair-timer .timer-value{font-family:monospace;font-size:18px;font-weight:700;color:#fbbf24;background:rgba(251,191,36,.1);padding:4px 12px;border-radius:8px;border:1px solid rgba(251,191,36,.3)}.banner-actions{flex-shrink:0}.banner-actions button{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid rgba(239,68,68,.6);color:#fff;font-weight:700;padding:12px 20px;border-radius:10px;transition:all .2s ease}.banner-actions button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d}.banner-actions button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.tech-locked{padding:48px 24px;text-align:center;border:2px dashed rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;gap:16px}.locked-icon{font-size:48px;opacity:.5;margin-bottom:8px}.locked-text{max-width:400px}.locked-text h4{margin:0 0 12px;color:#e8eefc;font-size:18px;font-weight:700}.locked-text p{margin:0 0 20px;color:#a5b4fc;font-size:14px;line-height:1.5}.active-tech-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:24px}.active-tech-section h4{margin:0 0 20px;color:#e0e7ff;font-size:18px}.active-tech-card{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;border:1px solid rgba(59,130,246,.3)}.tech-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.tech-header h5{margin:0;font-size:18px;color:#e0e7ff}.tech-level{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:700}.tech-description{margin:0 0 16px;color:#a5b4fc;font-size:14px;line-height:1.5}.tech-progress{margin-top:20px}.progress-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%);border-radius:4px;transition:width .3s ease}.progress-text{display:flex;justify-content:space-between;font-size:12px;color:#94a3b8}.no-active-tech{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;text-align:center}.no-active-tech p{margin:0;color:#a5b4fc}.tech-selection-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:24px}.tech-selection-section h4{margin:0 0 16px;color:#e0e7ff;font-size:18px}.tech-select-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tech-select-form .input{flex:1;min-width:250px}.tech-donation-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(34,197,94,.2);border-radius:16px;padding:24px}.tech-donation-section h4{margin:0 0 20px;color:#e0e7ff;font-size:18px}.no-active-for-donation{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;text-align:center;margin-bottom:20px}.no-active-for-donation p{margin:0;color:#a5b4fc}.tech-list-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:24px}.tech-list-section h4{margin:0 0 20px;color:#e0e7ff;font-size:18px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tech-card{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.tech-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:0 12px 30px #0000004d}.tech-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tech-card-header h5{margin:0;font-size:16px;color:#e0e7ff;font-weight:700}.tech-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.tech-status.active{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.tech-status.inactive{background:rgba(255,255,255,.1);color:#a5b4fc}.tech-card-description{margin:0 0 16px;color:#a5b4fc;font-size:13px;line-height:1.5;min-height:40px}.tech-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tech-stat{display:flex;flex-direction:column;gap:4px;padding:8px;background:rgba(0,0,0,.3);border-radius:8px}.tech-stat span:first-child{font-size:11px;color:#94a3b8}.tech-stat .stat-value{font-size:14px;font-weight:700;color:#e0e7ff}.diplomacy-status{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;margin-bottom:16px}.diplomacy-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}.diplomacy-section h4{margin:0 0 10px;font-size:14px;color:#e0e7ff;display:flex;align-items:center;gap:8px}.diplomacy-refresh{display:flex;justify-content:flex-end;margin-bottom:8px}.refresh-btn{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:6px 12px;font-size:12px;border-radius:6px;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background:rgba(59,130,246,.3);border-color:#3b82f680}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.limit-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:8px 12px;margin-bottom:10px;color:#856404;font-size:.9em}.btn-action.limit-reached{opacity:.6;cursor:not-allowed;background-color:#f8f9fa;color:#6c757d;border-color:#dee2e6}.ally-list,.nap-list,.war-list{display:flex;flex-direction:column;gap:10px}.ally-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin-bottom:4px;background:rgba(255,255,255,.05);border-radius:4px}.ally-info{display:flex;align-items:center;gap:8px;flex:1}.ally-icon{font-size:14px}.ally-name{flex:1;font-size:14px;font-weight:600;color:#e0e7ff}.ally-tag{font-size:12px;color:#a5b4fc;background:rgba(99,102,241,.1);padding:2px 8px;border-radius:10px}.ally-remove-btn{background:rgba(220,53,69,.2);color:#dc3545;border:1px solid rgba(220,53,69,.3);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.ally-remove-btn:hover{background:rgba(220,53,69,.3);border-color:#dc354580}.ally-remove-btn:disabled{opacity:.5;cursor:not-allowed}.nap-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,0,0,.2);border-radius:10px;border:1px solid rgba(255,255,255,.05)}.nap-icon{font-size:16px}.nap-info{display:flex;align-items:center;gap:10px;flex:1}.nap-name{font-weight:600;color:#e0e7ff;flex:1}.nap-tag{font-size:12px;color:#a5b4fc;background:rgba(99,102,241,.1);padding:2px 8px;border-radius:10px}.nap-time{margin-left:auto;font-size:.9em;color:#6c757d}.no-data{text-align:center;padding:20px;color:#94a3b8;font-size:14px}.war-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,0,0,.2);border-radius:10px;border:1px solid rgba(255,255,255,.05)}.war-icon{font-size:16px}.war-name{font-weight:600;color:#e0e7ff;flex:1}.war-tag{font-size:12px;color:#a5b4fc;background:rgba(99,102,241,.1);padding:2px 8px;border-radius:10px}.incoming-requests-section,.send-request-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:14px}.incoming-requests-section h4,.send-request-section h4{margin:0 0 12px;color:#e0e7ff;font-size:14px}.request-form{display:flex;flex-direction:column;gap:20px}.wars-container{display:flex;flex-direction:column;gap:24px}.wars-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}@media (max-width: 1024px){.wars-grid{grid-template-columns:1fr}}.wars-column{display:flex;flex-direction:column;gap:20px}.wars-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:20px}.wars-section h4{margin:0 0 16px;font-size:18px;color:#e0e7ff;display:flex;align-items:center;gap:8px}.wars-list{display:flex;flex-direction:column;gap:12px}.war-card{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s ease}.war-card:hover{background:rgba(255,255,255,.05);border-color:#ef44444d}.war-card.selected{background:linear-gradient(90deg,rgba(239,68,68,.1) 0%,transparent 100%);border-color:#ef444466}.war-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.war-card-header h5{margin:0;font-size:16px;font-weight:700;color:#e0e7ff}.war-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;background:rgba(239,68,68,.2);color:#fca5a5}.war-card-details{display:flex;flex-direction:column;gap:8px}.war-info{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.war-info-item{display:flex;flex-direction:column;gap:4px}.war-info-item .info-label{font-size:11px;color:#94a3b8}.war-info-item .info-value{font-size:14px;font-weight:600;color:#e0e7ff}.war-info-item .info-value.timer{color:#fbbf24;font-weight:700;font-family:monospace;background:rgba(251,191,36,.1);padding:2px 8px;border-radius:6px;display:inline-block}.empty-wars,.empty-invites{text-align:center;padding:20px;color:#94a3b8;font-size:14px}.war-invites-list{display:flex;flex-direction:column;gap:12px}.war-invite-card{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;border:1px solid rgba(59,130,246,.2)}.invite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.invite-header h5{margin:0;font-size:16px;font-weight:700;color:#e0e7ff}.invite-type{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;background:rgba(59,130,246,.2);color:#93c5fd}.invite-details{display:flex;flex-direction:column;gap:10px}.invite-info{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.invite-info .info-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.invite-info .info-item span:first-child{color:#94a3b8}.invite-info .info-item span:last-child{color:#e0e7ff;font-weight:600}.invite-message{background:rgba(0,0,0,.3);border-radius:8px;padding:10px;margin-top:8px}.invite-message p{margin:0;color:#a5b4fc;font-size:13px;line-height:1.4}.invite-actions{display:flex;gap:10px;margin-top:16px}.war-details-section{background:linear-gradient(145deg,rgba(15,23,42,.8) 0%,transparent 100%);border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:24px}.war-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.war-details-header h4{margin:0;font-size:20px;color:#e0e7ff}.war-general-info{display:flex;flex-direction:column;gap:20px}.war-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.war-team{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.war-team.attacker{border:1px solid rgba(239,68,68,.3)}.war-team.defender{border:1px solid rgba(59,130,246,.3)}.war-team h5{margin:0;font-size:16px;font-weight:700;color:#e0e7ff;display:flex;align-items:center;gap:8px}.team-clan{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.team-clan .clan-name{font-weight:600;color:#e0e7ff;font-size:14px}.team-clan .clan-tag{font-size:12px;color:#a5b4fc;background:rgba(99,102,241,.1);padding:2px 8px;border-radius:10px}.team-stats{display:flex;flex-direction:column;gap:8px}.team-stats .stat{display:flex;justify-content:space-between;font-size:14px}.team-stats .stat span:first-child{color:#94a3b8}.team-stats .stat span:last-child{color:#e0e7ff;font-weight:700}.war-vs{font-size:24px;font-weight:800;color:#ef4444;background:rgba(239,68,68,.1);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.war-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:rgba(0,0,0,.2);border-radius:12px;padding:20px}.meta-item{display:flex;flex-direction:column;gap:6px}.meta-label{font-size:12px;color:#94a3b8}.meta-value{font-size:14px;font-weight:600;color:#e0e7ff}.meta-value.status{background:rgba(239,68,68,.1);color:#fca5a5;padding:4px 12px;border-radius:20px;display:inline-block;width:fit-content}.meta-value.timer{color:#fbbf24;font-weight:700;font-family:monospace;font-size:16px;background:rgba(251,191,36,.1);padding:6px 12px;border-radius:8px;display:inline-block}.war-control-section,.siege-timer-section,.siege-armies-section,.intel-report-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.war-control-section h5,.siege-timer-section h5,.siege-armies-section h5,.intel-report-section h5{margin:0;color:#e0e7ff;font-size:18px;display:flex;align-items:center;gap:8px}.war-control-section p,.siege-timer-section p{margin:0;color:#a5b4fc;font-size:14px;line-height:1.5}.siege-timer{background:rgba(0,0,0,.2);border-radius:12px;padding:20px;text-align:center;border:1px solid rgba(251,191,36,.3)}.timer-display{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.timer-value{font-size:36px;font-weight:800;color:#fbbf24;font-family:monospace;letter-spacing:2px;background:rgba(251,191,36,.1);padding:8px 20px;border-radius:12px;border:2px solid rgba(251,191,36,.3)}.timer-label{font-size:14px;color:#94a3b8;font-weight:600}.timer-info p{margin:0;color:#a5b4fc;font-size:13px;font-style:italic}.armies-list{display:flex;flex-direction:column;gap:12px}.army-card{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.army-card:hover{background:rgba(255,255,255,.05)}.army-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.army-owner{font-weight:600;color:#e0e7ff;font-size:15px}.army-side{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}.army-side.attacker{background:rgba(239,68,68,.2);color:#fca5a5}.army-side.defender{background:rgba(59,130,246,.2);color:#93c5fd}.army-troops{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}@media (max-width: 768px){.army-troops{grid-template-columns:repeat(2,1fr)}}.troop-count{display:flex;justify-content:space-between;align-items:center;padding:8px;background:rgba(0,0,0,.3);border-radius:8px;font-size:13px}.troop-count span:first-child{color:#94a3b8}.troop-count span:last-child{color:#e0e7ff;font-weight:600}.army-stats{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.army-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:rgba(0,0,0,.3);border-radius:8px}.army-stat span:first-child{font-size:11px;color:#94a3b8}.army-stat span:last-child{font-size:16px;font-weight:700;color:#e0e7ff}.intel-report-content{background:rgba(0,0,0,.3);border-radius:12px;padding:20px;border:1px solid rgba(139,92,246,.3)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.report-date{font-size:12px;color:#94a3b8;font-style:italic}.report-body{margin-bottom:20px}.report-body p{margin:0;color:#a5b4fc;font-size:14px;line-height:1.6}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;background:rgba(0,0,0,.2);border-radius:8px;margin-top:20px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(0,0,0,.3);border-radius:6px}.stat-row span:first-child{font-size:13px;color:#94a3b8}.stat-row span:last-child{font-size:15px;font-weight:700;color:#e0e7ff}.troop-send-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(34,197,94,.2);border-radius:16px;padding:20px}.troop-send-section h5{margin:0 0 16px;color:#e0e7ff;font-size:18px;display:flex;align-items:center;gap:8px}.troop-form{display:flex;flex-direction:column;gap:20px}.troop-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.troop-input-group{display:flex;flex-direction:column;gap:8px}.troop-input-group label{font-size:14px;font-weight:600;color:#c7d2fe;display:flex;align-items:center;gap:8px}.commander-section{display:flex;flex-direction:column;gap:8px}.commander-section label{font-size:14px;font-weight:600;color:#c7d2fe;display:flex;align-items:center;gap:8px}.army-split-section{background:rgba(0,0,0,.2);border-radius:12px;padding:16px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:600;color:#c7d2fe;margin-bottom:12px}.checkbox-label input[type=checkbox]{accent-color:#6366f1;width:18px;height:18px}.split-controls{display:flex;flex-direction:column;gap:12px;padding:12px;background:rgba(0,0,0,.3);border-radius:8px}.split-controls label{font-size:14px;font-weight:600;color:#c7d2fe}.split-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.1);border-radius:4px;outline:none}.split-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);cursor:pointer}.split-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);cursor:pointer;border:none}.split-explanation{display:flex;justify-content:space-between;font-size:13px;color:#94a3b8}.troop-summary{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.march-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:20px;text-align:center}.march-section h5{margin:0 0 12px;color:#e0e7ff;font-size:18px;display:flex;align-items:center;justify-content:center;gap:8px}.march-section p{margin:0 0 20px;color:#a5b4fc;font-size:14px;line-height:1.5}.siege-intel-section{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:20px}.siege-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.siege-header h5{margin:0;font-size:18px;color:#e0e7ff;display:flex;align-items:center;gap:8px}.intel-content{display:flex;flex-direction:column;gap:20px}.intel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.intel-card{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;text-align:center;border:1px solid rgba(255,255,255,.05)}.intel-card h6{margin:0 0 12px;font-size:14px;color:#c7d2fe}.intel-value{font-size:24px;font-weight:800;color:#e0e7ff}.intel-report{background:rgba(0,0,0,.3);border-radius:12px;padding:20px}.intel-report h6{margin:0 0 12px;font-size:16px;color:#e0e7ff}.report-content{color:#a5b4fc;font-size:13px;line-height:1.6;max-height:150px;overflow-y:auto;padding-right:10px}.report-content::-webkit-scrollbar{width:6px}.report-content::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px}.report-content::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:3px}.no-intel{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.no-war-selected{text-align:center;padding:60px 20px;border:2px dashed rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.02)}.no-war-selected h5{margin:16px 0 8px;color:#e8eefc;font-size:18px;font-weight:700}.no-war-selected p{margin:0;color:#a5b4fc;font-size:14px}.clan-list-section{margin-top:20px}.clan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.clan-card{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.clan-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:0 12px 30px #0000004d}.clan-card-header{display:flex;justify-content:space-between;align-items:center}.clan-card-name{margin:0;font-size:18px;font-weight:800;color:#e0e7ff}.clan-card-tag{font-size:14px;font-weight:700;color:#a5b4fc;background:rgba(99,102,241,.1);padding:4px 10px;border-radius:20px;border:1px solid rgba(99,102,241,.3)}.clan-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0}.clan-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:rgba(0,0,0,.2);border-radius:10px}.clan-stat .stat-label{font-size:11px;color:#94a3b8}.clan-stat .stat-value{font-size:16px;font-weight:700;color:#e0e7ff}.clan-card-description{color:#a5b4fc;font-size:13px;line-height:1.5;max-height:60px;overflow:hidden;text-overflow:ellipsis}.clan-card-actions{display:flex;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.clan-card-id-row{display:flex;align-items:center;gap:8px;margin-top:4px;margin-bottom:8px}.clan-card-id-label{font-size:12px;color:#94a3b8;font-weight:600}.clan-card-id-value{font-family:monospace;font-size:13px;color:#a5b4fc;background:rgba(0,0,0,.2);padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.05);flex:1;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.clan-card-short-id{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.clan-card-action-area{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.invites-list,.requests-list{display:flex;flex-direction:column;gap:16px}.invite-card,.request-card{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}.invite-actions .btn-success{padding:8px 14px;font-size:13px}.market-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.market-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#c7d2fe}.market-points{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35);padding:4px 8px;border-radius:8px;font-weight:600}.market-refresh{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.35);padding:4px 8px;border-radius:8px;font-weight:600}.market-list{display:flex;flex-direction:column;gap:12px}.market-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.market-card-left{display:flex;align-items:center;gap:12px}.market-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-size:18px}.market-icon img{width:100%;height:100%;object-fit:contain}.market-info{display:flex;flex-direction:column;gap:4px}.market-name{font-weight:700;color:#e2e8f0}.market-desc{font-size:12px;color:#94a3b8}.market-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.market-cost{font-size:13px;font-weight:700;color:#fbbf24}.invite-header,.request-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.invite-clan-title{display:flex;align-items:center;gap:10px}.invite-clan-name,.request-user{margin:0;font-size:16px;font-weight:700;color:#e0e7ff}.invite-clan-tag,.request-power{font-size:13px;color:#a5b4fc;font-weight:600}.invite-details,.request-details{display:flex;flex-direction:column;gap:6px}.invite-detail,.request-date{display:flex;align-items:center;gap:8px;font-size:12px}.detail-label{color:#94a3b8;min-width:80px}.detail-value{color:#c7d2fe;font-weight:500}.request-message{background:rgba(0,0,0,.2);border-radius:10px;padding:12px;margin-top:8px}.request-message p{margin:0;color:#a5b4fc;font-size:13px;line-height:1.5}.invite-actions,.request-actions{display:flex;gap:10px;margin-top:8px}.rankings-info{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;margin-bottom:20px;border-left:4px solid #fbbf24}.rankings-info p{margin:0;color:#a5b4fc;line-height:1.5}.rankings-table{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.rankings-header{display:grid;grid-template-columns:80px 3fr 1fr 1fr;gap:16px;padding:16px;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,255,255,.08);font-weight:700;color:#c7d2fe;font-size:14px}.rankings-row{display:grid;grid-template-columns:80px 3fr 1fr 1fr;gap:16px;padding:16px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.rankings-row:hover{background:rgba(255,255,255,.05)}.rankings-row.my-clan{background:linear-gradient(90deg,rgba(99,102,241,.1) 0%,transparent 100%);border-left:4px solid #6366f1}.rankings-row:last-child{border-bottom:none}.col-rank,.col-clan,.col-members,.col-power{display:flex;align-items:center}.rank-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.rank-1{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#78350f}.rank-2{background:linear-gradient(135deg,#d4d4d8 0%,#a1a1aa 100%);color:#27272a}.rank-3{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff}.rank-4,.rank-5,.rank-6,.rank-7,.rank-8,.rank-9,.rank-10{background:rgba(255,255,255,.08);color:#e0e7ff}.clan-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.clan-info .clan-name{font-size:16px;font-weight:700;margin:0}.your-clan-badge{font-size:12px;background:rgba(99,102,241,.2);color:#a5b4fc;padding:2px 8px;border-radius:10px;border:1px solid rgba(99,102,241,.4)}.members-count,.power-value{font-weight:700;color:#e0e7ff;font-size:15px}.clan-detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.clan-detail-modal{width:min(600px,95vw);max-height:90vh;background:linear-gradient(160deg,#0f1420 0%,#1a2032 100%);color:#e8eefc;border:1px solid rgba(99,102,241,.3);border-radius:20px;box-shadow:0 25px 50px #000c,0 0 0 1px #ffffff1a inset;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}.clan-detail-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(99,102,241,.2) 0%,transparent 100%);border-bottom:1px solid rgba(99,102,241,.3)}.clan-detail-header h3{margin:0;font-size:22px;font-weight:800;background:linear-gradient(90deg,#a5b4fc 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clan-detail-content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.loading-spinner{text-align:center;padding:60px 20px;color:#a5b4fc;font-size:16px;font-style:italic}.clan-detail-basic{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.clan-detail-name{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.clan-detail-name h4{margin:0;font-size:24px;font-weight:800;color:#e0e7ff}.clan-detail-tag{font-size:18px;font-weight:700;color:#a5b4fc;background:rgba(99,102,241,.15);padding:6px 14px;border-radius:20px;border:2px solid rgba(99,102,241,.4)}.clan-detail-id{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(0,0,0,.3);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.id-label{font-size:14px;font-weight:600;color:#c7d2fe}.id-value{flex:1;font-family:monospace;font-size:14px;color:#e0e7ff;background:rgba(0,0,0,.2);padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.clan-detail-description{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;border-left:4px solid #6366f1}.clan-detail-description h5{margin:0 0 12px;color:#c7d2fe;font-size:16px}.clan-detail-description p{margin:0;color:#a5b4fc;font-size:14px;line-height:1.6}.clan-detail-stats{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.clan-detail-leader{background:linear-gradient(145deg,rgba(255,255,255,.03) 0%,transparent 100%);border:1px solid rgba(251,191,36,.2);border-radius:16px;padding:20px}.clan-detail-leader h5{margin:0 0 16px;color:#fbbf24;font-size:18px;display:flex;align-items:center;gap:8px}.leader-info{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.leader-id{font-family:monospace;font-size:14px;color:#e0e7ff;background:rgba(0,0,0,.2);padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);flex:1}.leader-note{margin:0;color:#94a3b8;font-size:13px;font-style:italic}.clan-detail-actions{background:linear-gradient(145deg,rgba(15,23,42,.8) 0%,transparent 100%);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:24px}.clan-detail-actions h5{margin:0 0 20px;color:#e0e7ff;font-size:18px}.no-clan-warning{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,transparent 100%);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:20px;text-align:center}.warning-text{margin:0 0 16px;color:#f59e0b;font-size:15px;font-weight:600}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}@media (max-width: 768px){.action-buttons{grid-template-columns:1fr}}.btn-action{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#e8eefc;padding:14px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;cursor:pointer}.btn-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-action.ally{background:linear-gradient(135deg,rgba(16,185,129,.2) 0%,rgba(16,185,129,.1) 100%);border-color:#10b98166;color:#10b981}.btn-action.nap{background:linear-gradient(135deg,rgba(59,130,246,.2) 0%,rgba(59,130,246,.1) 100%);border-color:#3b82f666;color:#93c5fd}.btn-action.war{background:linear-gradient(135deg,rgba(239,68,68,.2) 0%,rgba(239,68,68,.1) 100%);border-color:#ef444466;color:#fca5a5}.btn-action.message{background:linear-gradient(135deg,rgba(139,92,246,.2) 0%,rgba(139,92,246,.1) 100%);border-color:#8b5cf666;color:#c4b5fd}.btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.action-note{margin:16px 0 0;color:#94a3b8;font-size:13px;font-style:italic;text-align:center;padding:8px;background:rgba(0,0,0,.2);border-radius:8px}.error-state{text-align:center;padding:60px 20px;color:#fca5a5}.clan-detail-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.3);display:flex;justify-content:center}.message-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.message-modal{width:min(500px,95vw);background:linear-gradient(160deg,#0f1420 0%,#1a2032 100%);color:#e8eefc;border:1px solid rgba(139,92,246,.3);border-radius:20px;box-shadow:0 25px 50px #000c,0 0 0 1px #ffffff1a inset;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}.message-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(139,92,246,.2) 0%,transparent 100%);border-bottom:1px solid rgba(139,92,246,.3)}.message-header h3{margin:0;font-size:22px;font-weight:800;background:linear-gradient(90deg,#c4b5fd 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message-content{padding:24px;display:flex;flex-direction:column;gap:20px}.message-content p{margin:0;color:#a5b4fc;font-size:14px;line-height:1.5}.message-textarea{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#e8eefc;padding:16px;border-radius:12px;outline:none;font-size:14px;font-family:inherit;resize:vertical;min-height:150px;transition:all .2s ease}.message-textarea:focus{background:rgba(255,255,255,.09);border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf61a}.message-textarea::placeholder{color:#94a3b8}.message-info{background:rgba(0,0,0,.2);border-radius:12px;padding:16px;border-left:4px solid #8b5cf6}.message-info p{margin:0;color:#c4b5fd;font-size:13px;line-height:1.5}.message-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.3);display:flex;justify-content:flex-end;gap:12px}.clan-modal-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-left{display:flex;align-items:center;gap:12px}.player-info{font-size:14px;color:#a5b4fc;display:flex;align-items:center;gap:6px}.footer-right{display:flex;gap:12px}.clan-modal-content::-webkit-scrollbar,.clan-detail-content::-webkit-scrollbar{width:8px}.clan-modal-content::-webkit-scrollbar-track,.clan-detail-content::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:4px}.clan-modal-content::-webkit-scrollbar-thumb,.clan-detail-content::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:4px}.clan-modal-content::-webkit-scrollbar-thumb:hover,.clan-detail-content::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.5)}@media (max-width: 1024px){.wars-grid{grid-template-columns:1fr}.war-teams{grid-template-columns:1fr;gap:20px}.war-vs{transform:rotate(90deg);width:40px;height:40px;margin:0 auto}.action-buttons{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.clan-modal{width:95vw;height:95vh;border-radius:12px}.clan-detail-modal{width:95vw;max-height:95vh}.message-modal{width:95vw}.clan-modal-header{padding:12px 16px}.clan-modal-content,.clan-detail-content,.message-content{padding:16px}.clan-tabs-nav{padding:8px 10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow-x:hidden}.clan-tab{width:100%;min-width:0;justify-content:center;text-align:center;padding:7px 6px;font-size:11px;line-height:1.1;gap:4px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankings-table{width:100%;max-width:100%;overflow-x:hidden;overflow-y:hidden}.rankings-header,.rankings-row{grid-template-columns:44px minmax(0,2fr) minmax(0,.85fr) minmax(0,1fr);min-width:0;gap:8px;padding:10px;font-size:11px;align-items:center}.rankings-header{font-size:10px}.rankings-header .col-rank,.rankings-header .col-clan,.rankings-header .col-members,.rankings-header .col-power,.rankings-row .col-rank,.rankings-row .col-clan,.rankings-row .col-members,.rankings-row .col-power{min-width:0}.clan-info{gap:6px;flex-wrap:wrap;min-width:0}.clan-info .clan-name{font-size:12px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15;min-width:0}.clan-tag{font-size:11px;white-space:nowrap}.your-clan-badge{font-size:10px;padding:1px 6px;white-space:nowrap}.members-count,.power-value{font-size:12px;white-space:normal;word-break:break-word;line-height:1.15}.rankings-row .power-value{font-size:11px;text-align:right}.rank-badge{width:24px;height:24px;font-size:11px}.clan-detail-footer .btn-secondary{min-width:110px;width:auto;white-space:nowrap;word-break:normal;line-height:1;padding:9px 14px;font-size:13px;letter-spacing:.1px}.castle-scroll-section .scroll-actions .btn-primary,.castle-build-section .build-actions .btn-primary{width:100%;max-width:100%;padding:10px 12px;font-size:13px;line-height:1.2;white-space:normal;word-break:break-word;text-align:center}.clan-grid{grid-template-columns:1fr}.members-header,.member-row{grid-template-columns:1fr 1fr 1fr;gap:12px}.clan-members-table .members-header,.clan-members-table .member-row{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.8fr) minmax(0,.75fr) minmax(0,1.1fr);gap:8px;padding:10px}.clan-members-table .members-header{font-size:12px}.clan-members-table .col-name,.clan-members-table .col-role,.clan-members-table .col-power,.clan-members-table .col-points,.clan-members-table .col-actions{min-width:0;grid-column:auto;margin-top:0}.clan-members-table .member-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-members-table .member-role,.clan-members-table .member-power,.clan-members-table .member-points{font-size:13px}.clan-members-table .col-actions{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.clan-members-table .role-select{min-width:0;width:100%;padding:5px 6px;font-size:11px}.clan-members-table .btn-small{padding:5px 7px;font-size:11px;white-space:nowrap}.col-name{grid-column:span 2}.col-actions{grid-column:span 3;justify-content:flex-start;margin-top:8px}.diplomacy-status,.tech-grid{grid-template-columns:1fr}.clan-info-header{flex-direction:column;align-items:flex-start}.clan-info-header>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clan-info-header>div:first-child .clan-name{margin:0;line-height:1.2}.clan-info-header>div:first-child .clan-tag-large{order:-1;display:inline-flex;align-items:center;white-space:nowrap}.clan-stats{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;justify-content:initial}.clan-info-section .clan-stats .stat-item{min-width:0;display:grid;grid-template-rows:auto auto;justify-items:start;align-items:start;gap:4px}.clan-info-section .clan-stats .stat-label,.clan-info-section .clan-stats .stat-value{display:block;width:100%;white-space:nowrap;line-height:1.15}.clan-info-section .clan-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.clan-info-section .clan-actions-row .btn-secondary,.clan-info-section .clan-actions-row .btn-danger{width:100%;min-width:0;padding:8px 10px;font-size:13px;line-height:1.1;white-space:nowrap}.form-row,.donation-inputs,.cost-grid,.war-info,.invite-info{grid-template-columns:1fr}.intel-grid,.troop-inputs,.army-troops{grid-template-columns:repeat(2,1fr)}.banner-content{flex-direction:column;text-align:center;gap:16px}.banner-text{min-width:auto}.banner-actions,.banner-actions button{width:100%}.action-buttons{grid-template-columns:1fr}.clan-detail-name{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.clan-modal{width:100vw;height:100vh;border-radius:0}.clan-detail-modal{width:100vw;max-height:100vh;border-radius:0}.message-modal{width:100vw;border-radius:0}.clan-tabs-nav{padding:6px 8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.clan-tab{padding:6px 4px;font-size:10px;border-radius:7px}.clan-modal-header h2,.clan-detail-header h3,.message-header h3{font-size:18px}.clan-name{font-size:20px}.clan-info-header>div:first-child{gap:6px}.clan-info-header>div:first-child .clan-tag-large{font-size:13px;padding:3px 9px}.stat-value{font-size:18px}.clan-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.clan-info-section .clan-stats .stat-item{justify-items:start;align-items:start;gap:3px}.clan-stats .stat-label{font-size:10px;letter-spacing:.4px}.clan-stats .stat-value{font-size:15px}.clan-info-section .clan-actions-row{gap:6px}.clan-info-section .clan-actions-row .btn-secondary,.clan-info-section .clan-actions-row .btn-danger{padding:7px 8px;font-size:12px}.form-actions{flex-direction:column}.form-actions button{width:100%}.members-header,.member-row{grid-template-columns:1fr 1fr}.clan-members-table .members-header,.clan-members-table .member-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.72fr) minmax(0,.7fr) minmax(0,.95fr);gap:6px;padding:8px}.clan-members-table .members-header{font-size:10px}.clan-members-table .member-name,.clan-members-table .member-role,.clan-members-table .member-power,.clan-members-table .member-points{font-size:12px}.clan-members-table .role-select,.clan-members-table .btn-small{font-size:10px;padding:4px 6px}.col-name,.col-actions{grid-column:span 2}.rankings-header,.rankings-row{grid-template-columns:36px minmax(0,2fr) minmax(0,.8fr) minmax(0,1fr);min-width:0;gap:6px;padding:8px;font-size:10px}.col-rank{justify-content:center}.clan-info .clan-name{font-size:11px}.your-clan-badge{font-size:9px;padding:1px 5px}.members-count,.power-value{font-size:10px}.clan-detail-footer .btn-secondary{min-width:104px;padding:8px 12px;font-size:12px;line-height:1}.castle-scroll-section .scroll-actions .btn-primary,.castle-build-section .build-actions .btn-primary{padding:9px 10px;font-size:12px;line-height:1.15}.intel-grid,.troop-inputs,.army-troops{grid-template-columns:1fr}.army-stats{flex-direction:column;gap:8px}.timer-value{font-size:28px;padding:6px 16px}.message-footer{flex-direction:column}.message-footer button{width:100%}}.private-chat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999!important;animation:private-chat-fadeIn .3s ease-out}@keyframes private-chat-fadeIn{0%{opacity:0}to{opacity:1}}.private-chat-container{width:90%;max-width:1000px;height:85vh;max-height:800px;background:linear-gradient(145deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.95) 100%);border:1px solid rgba(245,158,11,.4);border-radius:20px;box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0d inset,0 0 40px #f59e0b26;display:flex;flex-direction:column;overflow:hidden;animation:private-chat-modalSlideIn .4s ease-out;z-index:10000!important;position:relative}@keyframes private-chat-modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.private-chat-header{padding:18px 24px;background:linear-gradient(90deg,rgba(245,158,11,.15) 0%,transparent 100%);border-bottom:1px solid rgba(245,158,11,.3);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.private-chat-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.private-chat-title{margin:0;font-size:22px;font-weight:800;color:#f1f5f9;display:flex;align-items:center;gap:10px}.private-chat-icon{width:30px;height:30px;object-fit:contain}.private-chat-active-contact-name{color:#fbbf24;font-size:18px;font-weight:600;margin-left:5px}.private-chat-close-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#c7d2fe;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s ease}.private-chat-close-btn:hover{background:rgba(239,68,68,.2);border-color:#ef444466;color:#fca5a5;transform:rotate(90deg)}.private-chat-body{flex:1;display:flex;overflow:hidden}.private-chat-conversation-list{flex:1;display:flex;flex-direction:column;overflow:hidden;background:rgba(0,0,0,.1)}.private-chat-conversation-list-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.private-chat-conversation-list-title{margin:0;font-size:18px;font-weight:700;color:#e2e8f0}.private-chat-new-chat-btn{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;color:#1c1917;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease}.private-chat-new-chat-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px #f59e0b4d}.private-chat-conversation-search{position:relative;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.private-chat-search-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f1f5f9;padding:12px 16px 12px 40px;font-size:14px;font-family:inherit;outline:none;transition:all .2s ease}.private-chat-search-input:focus{background:rgba(255,255,255,.08);border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b1a}.private-chat-search-input::placeholder{color:#64748b}.private-chat-search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:#64748b;font-size:16px;pointer-events:none}.private-chat-conversation-items{flex:1;overflow-y:auto;padding:8px 4px}.private-chat-conversation-items::-webkit-scrollbar{width:6px}.private-chat-conversation-items::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px}.private-chat-conversation-items::-webkit-scrollbar-thumb{background:rgba(245,158,11,.3);border-radius:3px}.private-chat-conversation-items::-webkit-scrollbar-thumb:hover{background:rgba(245,158,11,.5)}.private-chat-conversation-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.private-chat-conversation-item:hover{background:rgba(255,255,255,.05);border-left:3px solid rgba(245,158,11,.5);padding-left:17px;transform:translate(2px)}.private-chat-conversation-item.active{background:linear-gradient(90deg,rgba(245,158,11,.1) 0%,rgba(245,158,11,.05) 100%);border-left:3px solid #f59e0b;border-bottom-color:#f59e0b33}.private-chat-conversation-item.unread{background:linear-gradient(90deg,rgba(59,130,246,.08) 0%,rgba(59,130,246,.02) 100%);border-left:3px solid rgba(59,130,246,.4)}.private-chat-conversation-item.unread:hover{background:linear-gradient(90deg,rgba(59,130,246,.12) 0%,rgba(59,130,246,.04) 100%);border-left-color:#3b82f699}.private-chat-contact-avatar{position:relative;flex-shrink:0}.private-chat-avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #d4b106;background:rgba(15,23,42,.8)}.private-chat-new-indicator{position:absolute;top:0;right:0;width:12px;height:12px;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:50%;border:2px solid rgba(15,23,42,.9);animation:private-chat-pulseBlue 2s infinite}@keyframes private-chat-pulseBlue{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.private-chat-unread-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid rgba(15,23,42,.9);animation:private-chat-pulse 2s infinite}@keyframes private-chat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.private-chat-contact-info{flex:1;min-width:0}.private-chat-contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.private-chat-contact-name{color:#f1f5f9;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-chat-contact-name.unread-bold{color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.2)}.private-chat-contact-time{color:#64748b;font-size:12px;flex-shrink:0;margin-left:8px}.private-chat-contact-preview{display:flex;justify-content:space-between;align-items:center;gap:8px}.private-chat-preview-text{color:#94a3b8;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.private-chat-preview-text.own-message{color:#86efac;opacity:.9}.private-chat-new-badge{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;animation:private-chat-slideInRight .3s ease-out}@keyframes private-chat-slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.private-chat-loading-conversations,.private-chat-loading-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8;flex:1}.private-chat-loading-spinner{width:40px;height:40px;border:3px solid rgba(245,158,11,.1);border-top-color:#f59e0b;border-radius:50%;animation:private-chat-spin 1s linear infinite;margin-bottom:16px}@keyframes private-chat-spin{to{transform:rotate(360deg)}}.private-chat-sending-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:private-chat-spin .6s linear infinite}.private-chat-empty-conversations,.private-chat-empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b;flex:1}.private-chat-empty-icon{font-size:52px;margin-bottom:20px;opacity:.5}.private-chat-empty-title{margin:0 0 8px;font-size:17px;font-weight:600;color:#cbd5e1}.private-chat-empty-subtitle{margin:0;font-size:14px;color:#94a3b8}.private-chat-chat-container,.private-chat-chat-room{flex:1;display:flex;flex-direction:column;overflow:hidden}.private-chat-chat-header{padding:16px 24px;background:linear-gradient(90deg,rgba(245,158,11,.1) 0%,rgba(30,41,59,.8) 100%);border-bottom:1px solid rgba(245,158,11,.2);display:flex;align-items:center;gap:16px;z-index:10002!important;flex-shrink:0;position:relative}.private-chat-back-button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fbbf24;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s ease;flex-shrink:0}.private-chat-back-button:hover{background:rgba(245,158,11,.2);border-color:#f59e0b66;transform:translate(-2px)}.private-chat-chat-partner{display:flex;align-items:center;gap:14px;flex:1;min-width:0;transition:all .2s ease}.private-chat-chat-partner:hover{opacity:.9}.private-chat-partner-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #f59e0b;flex-shrink:0}.private-chat-partner-info{display:flex;flex-direction:column;min-width:0}.private-chat-partner-name{color:#f1f5f9;font-weight:700;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-chat-partner-status{color:#10b981;font-size:12px;font-weight:600;margin-top:2px}.private-chat-profile-button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#c7d2fe;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease;flex-shrink:0}.private-chat-profile-button:hover{background:rgba(99,102,241,.2);border-color:#6366f166;color:#a5b4fc;transform:scale(1.1)}.private-chat-chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;background:rgba(0,0,0,.05);position:relative;z-index:10001}.private-chat-chat-messages::-webkit-scrollbar{width:8px}.private-chat-chat-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:4px}.private-chat-chat-messages::-webkit-scrollbar-thumb{background:rgba(245,158,11,.4);border-radius:4px}.private-chat-chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(245,158,11,.6)}.private-chat-message-list{display:flex;flex-direction:column;gap:16px}.private-chat-message-item{display:flex;animation:private-chat-messageSlideIn .3s ease-out;position:relative;z-index:10002}@keyframes private-chat-messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.private-chat-message-item.own{justify-content:flex-end}.private-chat-message-bubble{max-width:70%;background:linear-gradient(135deg,rgba(30,41,59,.9) 0%,rgba(15,23,42,.95) 100%);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px 18px;box-shadow:0 4px 12px #0003;position:relative;transition:all .2s ease}.private-chat-message-item.own .private-chat-message-bubble{background:linear-gradient(135deg,rgba(21,128,61,.9) 0%,rgba(20,83,45,.95) 100%);border-color:#4ade804d}.private-chat-message-item.own .private-chat-message-bubble:hover{border-color:#4ade8099;transform:translateY(-2px)}.private-chat-message-bubble:hover{border-color:#fff3;transform:translateY(-2px)}.private-chat-sender-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.private-chat-sender-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #d4b106}.private-chat-sender-name{color:#f0f0f0;font-weight:600;font-size:13px}.private-chat-message-content{font-size:15px;line-height:1.5;color:#e2e8f0;word-break:break-word;margin-bottom:6px}.private-chat-message-time{font-size:11px;color:#64748b;text-align:right}.private-chat-message-input-area{border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2);padding:20px 24px;flex-shrink:0;position:relative;z-index:10003!important}.private-chat-input-wrapper{position:relative}.private-chat-message-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#f1f5f9;padding:16px 20px;font-size:15px;font-family:inherit;resize:none;outline:none;transition:all .2s ease}.private-chat-message-input:focus{background:rgba(255,255,255,.08);border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b1a}.private-chat-message-input:disabled{opacity:.5;cursor:not-allowed}.private-chat-message-input::placeholder{color:#64748b}.private-chat-input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.private-chat-char-count{font-size:12px;color:#94a3b8;padding-left:8px}.private-chat-char-count:after{content:" karakter"}.private-chat-send-button{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;color:#1c1917;padding:10px 28px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;position:relative;z-index:10004}.private-chat-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #f59e0b4d}.private-chat-send-button:disabled{opacity:.5;cursor:not-allowed}.private-chat-error-message{background:linear-gradient(90deg,rgba(239,68,68,.15) 0%,rgba(239,68,68,.05) 100%);border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px 16px;margin-top:12px;border-radius:10px;font-size:13px;animation:private-chat-slideDown .3s ease-out;position:relative;z-index:10005}@keyframes private-chat-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.private-chat-container{width:95%;height:90vh;max-height:none}.private-chat-conversation-item{padding:14px 16px}.private-chat-avatar-img{width:42px;height:42px}.private-chat-chat-header{padding:14px 18px}.private-chat-partner-avatar{width:38px;height:38px}.private-chat-partner-name{font-size:16px}.private-chat-message-bubble{max-width:85%}.private-chat-conversation-search{padding:10px 16px}.private-chat-search-input{padding:10px 14px 10px 36px;font-size:13px}.private-chat-search-icon{left:26px;font-size:14px}}@media (max-width: 480px){.private-chat-header{padding:14px 16px}.private-chat-title{font-size:18px}.private-chat-conversation-list-title{font-size:16px}.private-chat-contact-name{font-size:14px}.private-chat-contact-name.unread-bold{font-size:13.5px}.private-chat-preview-text{font-size:12px}.private-chat-new-badge{font-size:9px;padding:1px 4px}.private-chat-message-content{font-size:14px}.private-chat-conversation-search{padding:8px 12px}.private-chat-search-input{padding:8px 12px 8px 32px;font-size:12px}.private-chat-search-icon{left:20px;font-size:12px}}.attack-power-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .2s ease}.attack-power-modal{background:linear-gradient(135deg,#2c0b0e 0%,#581b1b 100%);border:2px solid #e74c3c;border-radius:15px;width:90%;max-width:500px;max-height:85vh;overflow:hidden;box-shadow:0 0 30px #e74c3c66;color:#fff;display:flex;flex-direction:column}.attack-power-header{background:rgba(0,0,0,.4);padding:15px 20px;border-bottom:2px solid #e74c3c;display:flex;justify-content:space-between;align-items:center}.attack-power-header h2{margin:0;color:#e74c3c;text-shadow:0 2px 4px rgba(0,0,0,.5);font-size:1.4rem;display:flex;align-items:center;gap:8px}.close-button{background:transparent;border:1px solid #e74c3c;color:#e74c3c;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.close-button:hover{background:#e74c3c;color:#fff}.attack-power-content{padding:20px;overflow-y:auto;flex:1}.total-power-card{background:linear-gradient(90deg,rgba(231,76,60,.2),rgba(192,57,43,.2));border:1px solid #e74c3c;border-radius:10px;padding:20px;text-align:center;margin-bottom:20px;box-shadow:inset 0 0 20px #e74c3c1a}.power-label{color:#fcc;font-size:.9rem;letter-spacing:1px;margin-bottom:5px}.power-value{font-size:2.5rem;font-weight:700;color:#e74c3c;text-shadow:0 0 10px rgba(231,76,60,.6);font-family:Segoe UI,monospace}.power-subtext{font-size:.8rem;color:#aaa;margin-top:5px}.bonus-text{color:#f1c40f;font-weight:700}.bonus-section{margin-bottom:20px}.bonus-section h3,.troops-section h3{color:#e74c3c;border-bottom:1px solid rgba(231,76,60,.3);padding-bottom:5px;margin-bottom:10px;font-size:1.1rem}.bonus-grid{display:grid;grid-template-columns:1fr;gap:10px}.bonus-item{background:rgba(0,0,0,.3);padding:10px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;border-left:3px solid #f1c40f}.bonus-val{color:#f1c40f;font-weight:700}.attack-troops-list{display:flex;flex-direction:column;gap:8px}.attack-troop-row{background:rgba(255,255,255,.05);padding:10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.attack-troop-row:hover{background:rgba(255,255,255,.1)}.siege-row{border:1px solid #d35400;background:rgba(211,84,0,.1)}.troop-info{display:flex;align-items:center;gap:8px}.troop-name{font-weight:700}.troop-count{background:rgba(0,0,0,.4);padding:2px 6px;border-radius:4px;font-size:.8rem;color:#ccc}.troop-stats{text-align:right;font-size:.85rem}.total-unit-power{color:#e74c3c;font-size:1rem}.no-troops{text-align:center;color:#777;padding:20px;font-style:italic}.attack-tip{margin-top:20px;background:rgba(231,76,60,.1);border-left:3px solid #e74c3c;padding:10px;font-size:.8rem;color:#ddd}.attack-power-footer{padding:15px;background:rgba(0,0,0,.2);text-align:center}.btn-close{background:#e74c3c;color:#fff;border:none;padding:10px 30px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s}.btn-close:hover{background:#c0392b;transform:translateY(-2px)}.attack-power-content::-webkit-scrollbar{width:6px}.attack-power-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.attack-power-content::-webkit-scrollbar-thumb{background:#e74c3c;border-radius:3px}@media (max-width: 900px){.attack-power-overlay{align-items:flex-end!important;justify-content:center!important;padding:0 0 calc(62px + env(safe-area-inset-bottom)) 0!important;z-index:3600!important}.attack-power-modal{width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;max-height:calc(100dvh - 74px)!important;border-radius:14px!important;border-left:2px solid #e74c3c;border-right:2px solid #e74c3c;border-bottom:2px solid #e74c3c;margin:0 auto!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;touch-action:pan-y}.attack-power-header{padding:10px 12px}.attack-power-header h2{font-size:1rem;line-height:1.2}.attack-power-content{padding:12px!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.attack-power-content .total-power-card{padding:12px;margin-bottom:12px}.attack-power-content .power-value{font-size:2rem}.attack-power-content .power-subtext{font-size:.75rem}.attack-power-content .bonus-section,.attack-power-content .troops-section{margin-bottom:12px}.attack-power-content .bonus-section h3,.attack-power-content .troops-section h3{font-size:1rem}.attack-power-content .attack-troop-row{flex-direction:column;align-items:flex-start;gap:8px}.attack-power-content .troop-stats{width:100%;text-align:left;display:grid;grid-template-columns:1fr;gap:2px;font-size:.8rem}.attack-power-content .troop-icon{width:24px;height:24px}.attack-power-content .attack-tip{margin-top:12px;font-size:.75rem}.attack-power-footer{padding:10px 12px;position:sticky;bottom:0;z-index:2;background:rgba(0,0,0,.55);border-top:1px solid rgba(231,76,60,.35);flex-shrink:0}.attack-power-footer .btn-close{width:100%;min-height:44px;padding:10px 14px}}.market-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:9999}.market-modal{width:min(1100px,94vw);height:min(760px,90vh);background:#101522;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 25px 90px #0000008c;display:flex;flex-direction:column;overflow:hidden}.market-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.market-title{font-size:20px;font-weight:800;color:#fff;letter-spacing:.2px;display:flex;align-items:center;gap:8px}.market-subtitle{margin-top:4px;font-size:12px;color:#ffffffa6}.market-close{background:transparent;border:1px solid rgba(255,255,255,.12);color:#fffc;width:34px;height:34px;border-radius:10px;cursor:pointer}.market-tabs{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.market-tabs button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#ffffffd9;padding:8px 10px;border-radius:12px;cursor:pointer;font-weight:700;font-size:12px}.market-tabs button.active{background:rgba(255,255,255,.12);border-color:#ffffff2e}.market-tabs button:disabled{opacity:.35;cursor:not-allowed}.market-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.market-search{display:flex;gap:8px;flex:1}.market-search input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:10px 12px;outline:none}.market-select,.market-form select{background:#101522;border:1px solid rgba(255,255,255,.1);color:#e8ecff;border-radius:12px;padding:10px 12px;outline:none;color-scheme:dark;font-size:13px}.market-select option,.market-form select option{background:#101522;color:#e8ecff;padding:10px 12px;font-size:13px}.market-select:focus,.market-form select:focus{border-color:#ffd7004d;box-shadow:0 0 0 1px #ffd7001a}.market-body{flex:1;overflow:auto;padding:12px}.market-split{display:grid;grid-template-columns:360px 1fr;gap:12px}@media (max-width: 980px){.market-split{grid-template-columns:1fr}}.market-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px}.market-panel-title{font-weight:900;color:#fff;margin-bottom:10px;font-size:15px}.market-form{display:flex;flex-direction:column;gap:10px}.market-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#ffffffbf}.market-form input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:10px 12px;outline:none;font-size:13px}.market-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-hint{font-size:12px;color:#ffffffa6;line-height:1.4}.market-list{min-height:420px}.market-rows{display:flex;flex-direction:column;gap:8px;margin-top:10px}.market-row-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .2s ease}.market-row-item:hover{background:rgba(255,255,255,.05);border-color:#ffffff1f;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.market-row-separator{width:1px;height:24px;background:rgba(255,255,255,.08);flex-shrink:0}@media (max-width: 768px){.market-row-item{flex-wrap:wrap;gap:12px}.market-row-separator{display:none}.market-price,.market-row-actions{margin-left:auto}}.market-seller{display:flex;align-items:center;gap:12px;min-width:150px;flex-shrink:0}.market-seller-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2a2f42,#1a1f32);border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px #00000080,0 2px 10px #0009,0 0 20px #6496ff26;position:relative}.market-seller-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.2) 100%);pointer-events:none}.market-seller-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:1px solid rgba(0,0,0,.4);background:rgba(20,25,40,.8);box-shadow:inset 0 1px 3px #ffffff1a,inset 0 -1px 3px #00000080}.market-seller-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;color:#fffffff2;background:linear-gradient(135deg,#4a4f62,#3a3f52);border-radius:50%;text-shadow:0 1px 3px rgba(0,0,0,.7);box-shadow:inset 0 1px 3px #ffffff1a,inset 0 -1px 3px #00000080}.market-seller-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.market-seller-name{font-weight:800;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3)}.market-seller-clan{display:flex;align-items:center;gap:6px;font-size:11px}.market-clan-tag{color:#96dcfff2;background:rgba(50,120,220,.25);padding:2px 6px;border-radius:6px;font-weight:800;line-height:1.2;border:1px solid rgba(100,180,255,.2);box-shadow:0 1px 2px #0003;text-shadow:0 1px 1px rgba(0,0,0,.3)}.market-clan-name{color:#ffffffbf;line-height:1.2;font-size:11px;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.3)}.market-item-meta{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.market-item-img{width:44px;height:44px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.market-item-img img{width:100%;height:100%;object-fit:contain;padding:6px}.market-item-img-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff9}.market-item-details{display:flex;flex-direction:column;gap:4px;min-width:0}.market-item-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:4px}.market-item-rarity{font-size:12px;color:#fff9;font-weight:500}.rarity-common{color:#fffffff2}.rarity-rare{color:#4da6ff;text-shadow:0 0 8px rgba(77,166,255,.3)}.rarity-legendary{color:gold;text-shadow:0 0 8px rgba(255,215,0,.3)}.market-item-stat{font-size:12px;color:#b4dcffd9;background:rgba(50,100,180,.1);padding:3px 8px;border-radius:8px;display:inline-block;max-width:fit-content}.market-trade-info{display:flex;align-items:center;gap:20px;flex:1;min-width:0;flex-wrap:wrap}.market-trade-section{display:flex;flex-direction:column;gap:4px}.market-trade-label{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.market-trade-resource{font-size:14px;font-weight:700;padding:6px 12px;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(255,255,255,.08);min-width:140px}.resource-wood{color:#7ae582;border-color:#7ae58233;background:rgba(122,229,130,.08)}.resource-stone{color:silver;border-color:#c0c0c033;background:rgba(192,192,192,.08)}.resource-iron{color:#5dadec;border-color:#5dadec33;background:rgba(93,173,236,.08)}.resource-food{color:#ffb347;border-color:#ffb34733;background:rgba(255,179,71,.08)}.market-trade-arrow{color:#fff6;font-size:16px;font-weight:700}.market-trade-bonus{font-size:11px;color:#64ff96e6;background:rgba(50,200,100,.15);padding:4px 10px;border-radius:10px;border:1px solid rgba(100,255,150,.2)}.market-price{display:flex;align-items:center;gap:4px;font-weight:900;min-width:100px;flex-shrink:0;justify-content:flex-end}.market-price-amount{color:gold;font-size:16px}.market-price-icon{width:18px;height:18px;object-fit:contain;display:inline-block}.market-row-actions{display:flex;gap:8px;flex-shrink:0}.btn,.btn-primary,.btn-danger{border-radius:12px;padding:8px 16px;font-weight:900;border:1px solid rgba(255,255,255,.12);cursor:pointer;font-size:13px;white-space:nowrap;transition:all .2s ease}.btn{background:rgba(255,255,255,.08);color:#ffffffe6}.btn:hover:not(:disabled){background:rgba(255,255,255,.12)}.btn-primary{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,195,0,.3));color:#fff;border-color:#ffd7004d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,rgba(255,215,0,.3),rgba(255,195,0,.4))}.btn-danger{background:rgba(255,75,75,.2);color:#fff;border-color:#ff4b4b59}.btn-danger:hover:not(:disabled){background:rgba(255,75,75,.3)}.btn:disabled,.btn-primary:disabled,.btn-danger:disabled{opacity:.45;cursor:not-allowed}.market-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(560px,92vw);background:rgba(10,14,24,.95);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 14px;z-index:10000;box-shadow:0 20px 55px #0000008c}.market-toast-title{font-weight:1000;color:#fff}.market-toast-msg{margin-top:4px;color:#ffffffbf;font-size:13px}.market-toast.error{border-color:#ff4b4b73}.market-toast.success{border-color:#50ffaa59}.market-muted{color:#fff9;font-size:13px;padding:12px;text-align:center}@media (max-width: 900px){.market-row-item.trade-row{padding:8px 10px;gap:8px;flex-wrap:nowrap;align-items:center}.market-row-item.trade-row .market-row-separator{display:none}.market-row-item.trade-row .market-seller{min-width:0;gap:8px;flex:0 0 auto}.market-row-item.trade-row .market-seller-avatar{width:24px;height:24px}.market-row-item.trade-row .market-seller-name{font-size:12px;max-width:74px}.market-row-item.trade-row .market-seller-clan{display:none}.market-row-item.trade-row .market-trade-info{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;gap:6px}.market-row-item.trade-row .market-trade-section{flex-direction:row;align-items:center;min-width:0;gap:4px}.market-row-item.trade-row .market-trade-label,.market-row-item.trade-row .market-trade-bonus{display:none}.market-row-item.trade-row .market-trade-resource{min-width:0;padding:3px 8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.market-row-item.trade-row .market-trade-arrow{font-size:12px;flex:0 0 auto}.market-row-item.trade-row .market-row-actions{margin-left:0;flex:0 0 auto}.market-row-item.trade-row .market-row-actions .btn{padding:6px 10px;font-size:12px;border-radius:10px}}.reports-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reports-modal{width:90%;max-width:1400px;height:85vh;max-height:850px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:20px;border:2px solid rgba(255,215,0,.3);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffd7001a;display:flex;flex-direction:column;overflow:hidden;position:relative}.reports-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,215,0,0) 0%,rgba(255,215,0,.8) 50%,rgba(255,215,0,0) 100%)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:rgba(0,0,0,.5);border-bottom:1px solid rgba(255,215,0,.2)}.modal-header h2{margin:0;color:gold;font-size:1.8rem;font-family:Cinzel,serif;text-shadow:0 2px 4px rgba(0,0,0,.5);display:flex;align-items:center;gap:8px}.close-btn{background:transparent;border:none;color:gold;font-size:1.8rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1;padding:0}.close-btn:hover{transform:scale(1.1);color:#e74c3c;background:rgba(255,215,0,.1)}.modal-filters{padding:20px 30px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:20px;align-items:center}.filter-group{display:flex;align-items:center;gap:10px}.filter-label{color:#ccc;font-size:.9rem;white-space:nowrap}.filter-select{background:rgba(0,0,0,.5);border:1px solid rgba(255,215,0,.3);color:#fff;padding:8px 12px;border-radius:6px;min-width:150px;cursor:pointer;font-size:.9rem}.filter-select:focus{outline:none;border-color:gold;box-shadow:0 0 0 2px #ffd70033}.filter-checkbox{display:flex;align-items:center;gap:8px;color:#ccc;font-size:.9rem;cursor:pointer}.filter-checkbox input{width:18px;height:18px;accent-color:#FFD700}.filter-actions{display:flex;gap:10px;margin-left:auto}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-weight:500}.mark-all-read{background:rgba(46,204,113,.2);color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.mark-all-read:hover:not(:disabled){background:rgba(46,204,113,.3);transform:translateY(-2px)}.delete-all{background:rgba(231,76,60,.2);color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.delete-all:hover:not(:disabled){background:rgba(231,76,60,.3);transform:translateY(-2px)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modal-content{flex:1;overflow:hidden;position:relative}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:gold;font-size:1.1rem}.empty-reports{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:40px}.empty-icon{font-size:4rem;color:#ffd7004d;margin-bottom:10px}.empty-title{font-size:1.5rem;color:gold;font-family:Cinzel,serif}.empty-message{color:#aaa;text-align:center;max-width:400px;line-height:1.5}.reports-list{height:100%;overflow-y:auto;padding:20px}.report-item{display:flex;align-items:center;padding:15px 20px;margin-bottom:10px;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;position:relative}.report-item:hover{background:rgba(255,215,0,.1);border-color:#ffd7004d;transform:translate(5px)}.report-item.read{opacity:.8}.report-item.unread{background:rgba(255,215,0,.05);border-left:4px solid #FFD700}.report-item.defense_report{background:linear-gradient(to right,#2c0b0e,#1a1a1a);border-left:4px solid #ff4444;border-color:#ff44444d;position:relative;overflow:hidden}.report-item.defense_report:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(255,68,68,0) 0%,rgba(255,68,68,.8) 50%,rgba(255,68,68,0) 100%)}.report-item.defense_report:hover{background:linear-gradient(to right,#3a0e12,#2a2a2a);border-color:#f44;transform:translate(5px)}.report-item.defense_report .report-icon{color:#f44;background:rgba(255,68,68,.1);border-radius:50%}.report-item.defense_report.unread{border-left:4px solid #ff4444;animation:defensePulse 2s infinite}@keyframes defensePulse{0%,to{border-left-color:#f44;box-shadow:0 0 #f440}50%{border-left-color:#f77;box-shadow:0 0 10px #ff44444d}}.report-icon{font-size:1.8rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-right:15px}.report-content{flex:1;min-width:0}.report-title-row{display:flex;align-items:center;gap:10px;margin-bottom:5px}.report-title{margin:0;color:#fff;font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-item.defense_report .report-title{color:#f99;text-shadow:0 1px 2px rgba(0,0,0,.5)}.unread-dot{color:gold;font-size:1rem;animation:pulse 1.5s infinite}.report-item.defense_report .unread-dot{color:#f44;animation:defensePulseDot 1.5s infinite}@keyframes defensePulseDot{0%,to{opacity:1}50%{opacity:.5}}.report-preview{color:#aaa;font-size:.9rem;margin-bottom:5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.report-item.defense_report .report-preview{color:#faa}.report-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.report-date{color:#888;font-size:.8rem}.report-item.defense_report .report-date{color:#f77}.report-type-tag{font-size:.7rem;padding:3px 8px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.defense-tag{background:rgba(255,68,68,.2);color:#f44;border:1px solid rgba(255,68,68,.4)}.report-actions{opacity:0;transition:opacity .3s ease}.report-item:hover .report-actions{opacity:1}.delete-btn{background:rgba(231,76,60,.2);border:1px solid rgba(231,76,60,.3);color:#e74c3c;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.delete-btn:hover{background:rgba(231,76,60,.3);transform:scale(1.1)}.delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.detail-view{height:100%;display:flex;flex-direction:column}.back-button{align-self:flex-start;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);color:gold;padding:10px 20px;margin:20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;transition:all .3s ease}.back-button:hover{background:rgba(255,215,0,.2);transform:translate(-5px)}.report-detail{flex:1;overflow-y:auto;padding:0 30px 30px}.battle-detail-container{color:#fff;display:flex;flex-direction:column;gap:30px}.battle-detail-header{background:rgba(0,0,0,.4);border:1px solid rgba(255,215,0,.2);border-radius:15px;padding:25px;text-align:center}.defense-report-header{background:linear-gradient(135deg,rgba(44,11,14,.6) 0%,rgba(42,42,42,.6) 100%);border:2px solid rgba(255,68,68,.4)}.defense-report-header .battle-result-banner{background:linear-gradient(135deg,rgba(255,68,68,.1) 0%,rgba(192,57,43,.3) 100%);border:2px solid rgba(255,68,68,.4)}.defense-report-header .result-text h2,.defense-report-header .result-icon-large{color:#f44}.battle-result-banner{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px;padding:15px;border-radius:10px}.battle-result-banner.victory{background:linear-gradient(135deg,rgba(46,204,113,.1) 0%,rgba(39,174,96,.3) 100%);border:2px solid rgba(46,204,113,.4)}.battle-result-banner.defeat{background:linear-gradient(135deg,rgba(231,76,60,.1) 0%,rgba(192,57,43,.3) 100%);border:2px solid rgba(231,76,60,.4)}.result-icon-large{font-size:3.5rem;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.result-text h2{margin:0;font-size:2.8rem;font-family:Cinzel,serif;text-shadow:0 2px 8px rgba(0,0,0,.5)}.battle-result-banner.victory h2{color:#2ecc71}.battle-result-banner.defeat h2{color:#e74c3c}.result-subtitle{color:#aaa;font-size:1.1rem;margin-top:5px}.battle-info{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:20px}.info-item{display:flex;align-items:center;gap:10px;padding:8px 16px;background:rgba(0,0,0,.5);border-radius:8px;border:1px solid rgba(255,215,0,.2)}.info-label{color:gold;font-weight:500}.info-value{color:#fff}.defense-info{background:rgba(255,68,68,.1)!important;border-color:#ff44444d!important}.defense-value{color:#f44!important;font-weight:700}.battle-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:start}@media (max-width: 1024px){.battle-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:20px}}.battle-panel{background:rgba(0,0,0,.4);border:1px solid rgba(255,215,0,.2);border-radius:15px;padding:25px;display:flex;flex-direction:column;gap:20px}.left-player-panel{border-color:#3498db66;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(52,152,219,.1))}.right-enemy-panel{border-color:#e74c3c66;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(231,76,60,.1))}.panel-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:2px solid rgba(255,215,0,.2)}.player-avatar,.enemy-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,215,0,.4);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6)}.left-player-panel .player-avatar{border-color:#3498db99;box-shadow:0 0 15px #3498db4d}.right-enemy-panel .enemy-avatar{border-color:#e74c3c99;box-shadow:0 0 15px #e74c3c4d}.npc-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c3e50,#34495e)}.npc-icon{font-size:2.5rem;color:gold}.avatar-image{width:100%;height:100%;object-fit:cover}.player-info{flex:1}.player-name{margin:0;color:#fff;font-size:1.8rem;font-weight:700;font-family:Cinzel,serif}.left-player-panel .player-name{color:#3498db}.right-enemy-panel .player-name{color:#e74c3c}.player-level{color:gold;font-size:1.1rem;margin-top:5px}.player-role{font-size:.9rem;padding:4px 12px;background:rgba(255,255,255,.1);border-radius:15px;display:inline-block;margin-top:5px;color:#aaa}.left-player-panel .player-role{background:rgba(52,152,219,.2);color:#3498db;border:1px solid rgba(52,152,219,.3)}.right-enemy-panel .player-role{background:rgba(231,76,60,.2);color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.troops-table{background:rgba(0,0,0,.6);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.troops-table .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;background:rgba(255,215,0,.15);color:gold;font-weight:700;padding:15px 20px;border-bottom:2px solid rgba(255,215,0,.3)}.table-header .table-cell{text-align:center;padding:10px 5px;font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.table-body{max-height:300px;overflow-y:auto}.troop-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .3s ease;align-items:center}.troop-row:hover{background:rgba(255,215,0,.05)}.troop-cell{text-align:center;padding:8px 5px}.troop-type{text-align:left;color:#fff;font-weight:500;padding-left:10px}.troop-dead{color:#e74c3c;font-weight:700}.troop-wounded{color:#f39c12;font-weight:700}.troop-remaining{color:#2ecc71;font-weight:700}.no-troops-message{text-align:center;padding:30px;color:#aaa;font-style:italic}.table-footer{background:rgba(0,0,0,.7);padding:15px 20px;border-top:2px solid rgba(255,215,0,.2)}.summary-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:center;color:gold;font-weight:700;font-size:1.1rem}.summary-row span:first-child{text-align:left;padding-left:10px}.summary-row span:not(:first-child){text-align:center}.player-stats{display:flex;justify-content:space-around;padding:15px;background:rgba(0,0,0,.5);border-radius:8px;border:1px solid rgba(255,215,0,.2)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label{color:#aaa;font-size:.9rem}.stat-value{color:#fff;font-size:1.2rem;font-weight:700}.left-player-panel .stat-value{color:#3498db}.right-enemy-panel .stat-value{color:#e74c3c}.battle-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px}.vs-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(192,156,0,.3));border:3px solid rgba(255,215,0,.5);display:flex;align-items:center;justify-content:center;animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd70099}}.vs-text{color:gold;font-size:2.5rem;font-weight:700;font-family:Cinzel,serif}.center-info{display:flex;flex-direction:column;gap:15px;width:100%;max-width:200px}.center-item{text-align:center;padding:10px;background:rgba(0,0,0,.4);border-radius:8px;border:1px solid rgba(255,215,0,.2)}.center-label{color:#aaa;font-size:.9rem;display:block;margin-bottom:5px}.center-value{color:#fff;font-size:1.2rem;font-weight:700}.defense-value{color:#f44!important}.loot-section{background:rgba(0,0,0,.4);border:2px solid rgba(46,204,113,.4);border-radius:15px;padding:25px;margin-top:20px}.section-header{text-align:center;margin-bottom:25px}.section-title{color:gold;font-size:1.8rem;margin:0;font-family:Cinzel,serif;display:flex;align-items:center;justify-content:center;gap:10px}.stolen-title{color:#f44}.title-icon{font-size:2rem}.loot-content{display:flex;flex-direction:column;gap:25px}.loot-subtitle{color:#2ecc71;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(46,204,113,.3)}.resources-loot{background:rgba(0,0,0,.5);border-radius:10px;padding:20px;border:1px solid rgba(46,204,113,.2)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.resource-card{display:flex;align-items:center;gap:15px;padding:15px;background:rgba(0,0,0,.6);border-radius:8px;border:1px solid rgba(46,204,113,.3);transition:transform .3s ease,border-color .3s ease}.resource-card:hover{transform:translateY(-5px);border-color:#2ecc71}.stolen-card{border-color:#e74c3c4d;background:rgba(231,76,60,.05)}.stolen-card:hover{border-color:#e74c3c}.loot-card{border-color:#2ecc714d;background:rgba(46,204,113,.05)}.loot-card:hover{border-color:#2ecc71}.resource-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(46,204,113,.1);border-radius:50%}.resource-icon img{width:60%;height:60%;object-fit:contain}.stolen-card .resource-icon{background:rgba(231,76,60,.1)}.resource-info{flex:1}.resource-name{color:#fff;font-weight:500;margin-bottom:5px}.resource-amount{color:#2ecc71;font-size:1.3rem;font-weight:700}.stolen-amount{color:#e74c3c!important}.loot-amount{color:#2ecc71!important}.items-loot{background:rgba(0,0,0,.5);border-radius:10px;padding:20px;border:1px solid rgba(255,215,0,.2)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.item-card{display:flex;align-items:center;gap:15px;padding:20px;background:rgba(0,0,0,.6);border-radius:10px;border:1px solid rgba(255,215,0,.3);transition:all .3s ease;position:relative}.item-card:hover{transform:translateY(-5px);border-color:gold;box-shadow:0 10px 20px #0000004d}.special-item{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(192,156,0,.3));border-color:gold;border-width:2px}.item-icon-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(255,215,0,.1);border-radius:10px;overflow:hidden;border:1px solid rgba(255,215,0,.3)}.item-image{width:40px;height:40px;object-fit:contain;vertical-align:middle;border-radius:5px;background:rgba(0,0,0,.3)}.loot-item-image{width:40px;height:40px;object-fit:contain;vertical-align:middle;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:rgba(0,0,0,.3)}.item-info{flex:1}.item-name{color:gold;font-size:1.3rem;font-weight:700;margin-bottom:5px;font-family:Cinzel,serif}.item-rarity{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:8px}.item-rarity[data-rarity=common]{background:rgba(52,152,219,.2);color:#3498db;border:1px solid rgba(52,152,219,.4)}.item-rarity[data-rarity=rare]{background:rgba(155,89,182,.2);color:#9b59b6;border:1px solid rgba(155,89,182,.4)}.item-rarity[data-rarity=epic]{background:rgba(46,204,113,.2);color:#2ecc71;border:1px solid rgba(46,204,113,.4)}.item-rarity[data-rarity=legendary]{background:rgba(255,215,0,.2);color:gold;border:1px solid rgba(255,215,0,.4)}.item-description{color:#aaa;font-size:.9rem;line-height:1.4}.item-quantity{position:absolute;top:-10px;right:-10px;background:#e74c3c;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;border:2px solid #1a1a2e}.experience-loot{background:rgba(0,0,0,.5);border-radius:10px;padding:20px;border:1px solid rgba(52,152,219,.3)}.exp-card{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,rgba(52,152,219,.1),rgba(41,128,185,.3));border-radius:10px;border:1px solid rgba(52,152,219,.4)}.exp-icon{font-size:2.5rem;color:gold}.exp-info{flex:1}.exp-name{color:#fff;font-size:1.2rem;font-weight:500;margin-bottom:5px}.exp-amount{color:#3498db;font-size:1.8rem;font-weight:700}.battle-details{display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;padding:20px;background:rgba(0,0,0,.4);border-radius:10px;border:1px solid rgba(255,215,0,.2)}.detail-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(0,0,0,.6);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.detail-label{color:gold;font-weight:500}.detail-value{color:#fff;font-weight:700}.defense-detail{color:#f44!important}.battle-detail-error{text-align:center;padding:60px 30px;background:rgba(0,0,0,.4);border:2px solid rgba(231,76,60,.4);border-radius:15px;margin:40px auto;max-width:600px}.error-icon{font-size:4rem;color:#ffd7004d;margin-bottom:20px}.battle-detail-error h3{color:#e74c3c;font-size:1.8rem;margin-bottom:15px}.battle-detail-error p{color:#aaa;font-size:1.1rem;line-height:1.6}.gathering-report{color:#fff}.gathering-header{text-align:center;padding:20px;margin-bottom:30px;background:linear-gradient(135deg,rgba(52,152,219,.1) 0%,rgba(41,128,185,.2) 100%);border:2px solid rgba(52,152,219,.3);border-radius:10px}.gathering-icon{font-size:3rem;margin-bottom:10px}.gathering-header h3{margin:0 0 10px;color:#3498db;font-size:1.8rem}.gathering-date{color:#aaa;font-size:.9rem}.gathering-content{background:rgba(0,0,0,.3);border:1px solid rgba(52,152,219,.2);border-radius:10px;padding:30px}.system-report{color:#fff}.system-header{text-align:center;padding:20px;margin-bottom:30px;background:linear-gradient(135deg,rgba(155,89,182,.1) 0%,rgba(142,68,173,.2) 100%);border:2px solid rgba(155,89,182,.3);border-radius:10px}.system-icon{font-size:3rem;margin-bottom:10px}.system-header h3{margin:0 0 10px;color:#9b59b6;font-size:1.8rem}.system-date{color:#aaa;font-size:.9rem}.system-content{background:rgba(0,0,0,.3);border:1px solid rgba(155,89,182,.2);border-radius:10px;padding:30px}.system-message{color:#fff;line-height:1.6;margin-bottom:20px;font-size:1.1rem}.modal-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.1)}.page-btn{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);color:gold;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:rgba(255,215,0,.2);transform:translateY(-2px)}.page-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.page-info{color:#aaa;font-size:.9rem}.modal-footer{padding:15px 30px;background:rgba(0,0,0,.5);border-top:1px solid rgba(255,215,0,.2)}.footer-info{display:flex;align-items:center;gap:10px;color:#aaa;font-size:.9rem}.footer-info i{color:gold}@media (max-width: 1024px){.reports-modal{width:95%;height:90vh;max-width:none}.battle-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto}.battle-center{order:-1;flex-direction:row;justify-content:space-around;margin-bottom:20px}.vs-circle{width:80px;height:80px}.vs-text{font-size:2rem}.center-info{flex-direction:row;max-width:none;gap:10px}.center-item{flex:1}}@media (max-width: 768px){.reports-modal{width:98%;height:92vh;max-height:92vh;border-radius:14px;transform:translateY(-35px)}.detail-view{min-height:0}.back-button{position:sticky;top:8px;z-index:4;margin:10px;width:calc(100% - 20px);justify-content:center;padding:10px 12px;font-size:.9rem}.report-detail{padding:0 10px 16px;min-height:0}.battle-detail-container{gap:14px}.battle-detail-header{padding:12px;border-radius:12px}.battle-result-banner{padding:10px;gap:10px;margin-bottom:10px}.result-icon-large{font-size:2rem;animation:none}.result-text h2{font-size:1.4rem;line-height:1.2}.result-subtitle{font-size:.9rem}.battle-info{gap:8px;margin-top:10px}.info-item{width:100%;justify-content:space-between;padding:8px 10px}.info-label,.info-value{font-size:.85rem}.battle-grid{grid-template-columns:1fr;gap:8px}.battle-panel{padding:8px;gap:8px;border-radius:10px}.panel-header{gap:8px;padding-bottom:8px;border-bottom-width:1px;align-items:center}.player-avatar,.enemy-avatar{width:40px;height:40px;border-width:2px}.player-name{font-size:.86rem;line-height:1.2}.player-level{font-size:.7rem;margin-top:2px}.player-role{font-size:.64rem;padding:2px 6px}.troops-table{border-radius:8px;overflow-x:auto}.troops-table .table-header,.troop-row,.summary-row{min-width:440px;padding:8px 10px;font-size:.78rem}.table-header .table-cell,.troop-cell{padding:4px 3px;white-space:nowrap}.table-body{max-height:220px}.table-footer{padding:8px 10px}.player-stats{padding:8px;gap:6px}.stat-label{font-size:.66rem}.stat-value{font-size:.82rem}.battle-center{padding:8px;gap:10px}.vs-circle{width:56px;height:56px;border-width:2px}.vs-text{font-size:1.2rem}.center-info{max-width:none;gap:8px}.center-item{padding:8px}.center-label{font-size:.72rem}.center-value{font-size:.95rem}.loot-section,.stolen-resources-section,.resources-loot,.items-loot,.experience-loot,.battle-details{padding:12px;border-radius:12px;margin-top:10px}.section-header{margin-bottom:12px}.section-title{font-size:1.1rem;gap:6px}.title-icon{font-size:1.2rem}.loot-subtitle{font-size:1rem;margin-bottom:8px;padding-bottom:6px}.resources-grid{grid-template-columns:1fr;gap:8px}.resource-card{padding:10px;gap:10px}.resource-icon{width:36px;height:36px}.resource-amount{font-size:1rem}.items-grid{grid-template-columns:1fr;gap:8px}.item-card{padding:12px;gap:10px}.item-icon-container{width:44px;height:44px}.item-image,.loot-item-image{width:30px;height:30px}.item-name{font-size:1rem}.item-description{font-size:.78rem;line-height:1.3}.item-quantity{width:24px;height:24px;font-size:.72rem;top:-8px;right:-8px}.battle-details{gap:8px}.detail-item{width:100%;justify-content:space-between;padding:8px 10px}.detail-label,.detail-value{font-size:.82rem}.battle-detail-error{padding:24px 14px;margin:10px auto}.battle-detail-error h3{font-size:1.2rem}.battle-detail-error p{font-size:.9rem}.modal-header{padding:15px}.modal-filters{padding:15px;flex-direction:column;align-items:stretch}.filter-group{flex-direction:column;align-items:flex-start}.filter-actions{margin-left:0;flex-direction:column}.action-btn{width:100%;justify-content:center}.reports-list{padding:10px}.report-item{padding:12px}.report-icon{width:40px;height:40px;font-size:1.5rem;margin-right:10px}.detail-view{padding:0}.back-button{top:6px;margin:8px;width:auto;min-width:118px;max-width:150px;justify-content:flex-start;padding:6px 9px;font-size:.72rem;gap:5px;border-radius:5px}.report-detail{padding:0 8px 10px}.battle-detail-header{padding:10px}.battle-result-banner{flex-direction:column;gap:10px}.result-icon-large{font-size:1.8rem}.result-text h2{font-size:1.2rem}.battle-info{flex-direction:column;gap:10px}.info-item{width:100%;justify-content:space-between}.panel-header{flex-direction:row;text-align:left;gap:7px}.player-avatar,.enemy-avatar{width:36px;height:36px}.player-name{font-size:.82rem}.player-stats{flex-direction:column;gap:10px}.stat-item{flex-direction:row;justify-content:space-between}.troops-table .table-header,.troop-row,.summary-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr;min-width:360px;padding:7px 8px;font-size:.68rem}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.items-grid{grid-template-columns:1fr}.resource-card,.item-card{padding:12px}.exp-card{flex-direction:column;text-align:center;gap:15px}.battle-details{flex-direction:column}.detail-item{justify-content:space-between}.close-btn{position:absolute;top:15px;right:15px;background:rgba(0,0,0,.7);border:1px solid rgba(255,215,0,.3)}}@media (max-width: 480px){.reports-modal{width:98%;height:93vh;max-height:93vh;border-radius:12px}.back-button{top:6px;margin:6px;width:auto;min-width:108px;max-width:138px;padding:5px 8px;font-size:.68rem;border-radius:5px}.report-detail{padding:0 8px 12px}.troops-table .table-header,.troop-row,.summary-row{min-width:400px;font-size:.74rem}.player-name{font-size:.78rem}.player-avatar,.enemy-avatar{width:32px;height:32px}.modal-header h2{font-size:1rem}.section-title{font-size:.98rem}.resources-grid{grid-template-columns:1fr}.troops-table .table-header,.troop-row,.summary-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;min-width:330px;padding:6px 7px;font-size:.64rem}.battle-center,.center-info{flex-direction:column}.vs-circle{width:60px;height:60px}.vs-text{font-size:1.5rem}.close-btn{font-size:1.5rem;width:36px;height:36px}.item-icon-container{width:50px;height:50px}.item-image,.loot-item-image{width:32px;height:32px}}@media (max-width: 768px){.detail-view,.detail-view .report-detail,.battle-detail-container,.battle-grid{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.battle-grid{display:flex!important;flex-direction:column!important;gap:8px!important}.battle-panel{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.left-player-panel{order:1}.battle-center{order:2;width:100%;padding:2px 0 4px!important;gap:6px!important;align-items:center;justify-content:center}.right-enemy-panel{order:3}.battle-center .center-info{width:100%;max-width:240px;margin:0 auto}.detail-view{position:relative!important}.detail-view .back-button{position:absolute!important;top:6px!important;right:52px!important;left:auto!important;margin:0!important;width:auto!important;min-width:0!important;max-width:none!important;padding:4px 7px!important;font-size:.62rem!important;line-height:1!important;border-radius:4px!important;gap:4px!important;z-index:9!important}.detail-view .report-detail{padding-top:34px!important}.troops-table .table-header,.troop-row,.summary-row{display:grid!important;grid-template-columns:minmax(90px,1.7fr) repeat(4,minmax(48px,1fr))!important;align-items:center!important;min-width:390px!important;column-gap:0!important}.troops-table{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important}.troops-table .table-header{min-height:28px!important}.troops-table .table-header .table-cell{font-size:.56rem!important;letter-spacing:0!important;text-transform:none!important;font-weight:700!important;line-height:1!important;padding-top:2px!important;padding-bottom:2px!important}.table-header .table-cell,.troop-row .troop-cell,.summary-row span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:20px!important;white-space:nowrap!important}.troop-row .troop-type,.summary-row span:first-child,.table-header .table-cell:first-child{justify-content:flex-start!important;text-align:left!important;padding-left:4px!important}}@media (max-width: 480px){.battle-center{padding:0 0 2px!important}.detail-view .back-button{top:4px!important;right:46px!important;padding:3px 6px!important;font-size:.58rem!important}.detail-view .report-detail{padding-top:30px!important}.troops-table .table-header,.troop-row,.summary-row{grid-template-columns:minmax(82px,1.6fr) repeat(4,minmax(42px,1fr))!important;min-width:360px!important}.troops-table .table-header .table-cell{font-size:.52rem!important;letter-spacing:0!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(255,215,0,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.5)}*{scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.3) rgba(0,0,0,.2)}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative}.auth-lang{position:absolute;top:16px;right:16px;z-index:5}.auth-form{background:white;padding:2rem;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.auth-form h2{text-align:center;color:#333;margin-bottom:1.5rem}.avatar-selector{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.avatar-circle{width:84px;height:84px;border-radius:50%;border:2px solid #667eea;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 16px #00000026}.avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-nav{width:36px;height:36px;border-radius:50%;border:1px solid #d0d7e2;background:#ffffff;color:#374151;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.avatar-nav:hover{background:#eef2ff;transform:translateY(-1px)}.form-group{margin-bottom:1rem}.form-group input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.auth-button{width:100%;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s}.auth-button:hover:not(:disabled){background:#5a6fd8}.auth-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:5px;margin-bottom:1rem;border:1px solid #fcc}.auth-link{text-align:center;margin-top:1rem;color:#666}.auth-link a{color:#667eea;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.auth-modal{background:#ffffff;border-radius:10px;padding:20px;width:min(420px,90vw);box-shadow:0 12px 30px #00000040;text-align:center}.auth-modal h3{margin-bottom:10px;color:#b91c1c}.auth-modal p{color:#333;margin-bottom:16px}:root{--admin-bg: #0f172a;--admin-bg-soft: #1e293b;--admin-card: rgba(15, 23, 42, .8);--admin-accent: #f59e0b;--admin-accent-2: #22c55e;--admin-text: #e2e8f0;--admin-muted: #94a3b8;--admin-danger: #ef4444;--admin-border: rgba(148, 163, 184, .2)}.admin-root{min-height:100vh;background:radial-gradient(circle at top,#1f2937 0%,#0b1120 60%);color:var(--admin-text);font-family:IBM Plex Sans,sans-serif;overflow:hidden}.admin-login{position:relative}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;height:100vh}.admin-sidebar{padding:24px;background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(2,6,23,.95));border-right:1px solid var(--admin-border)}.admin-brand{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:28px;letter-spacing:.02em}.admin-nav{display:flex;flex-direction:column;gap:10px}.admin-nav button{background:transparent;color:var(--admin-text);border:1px solid transparent;padding:10px 14px;text-align:left;border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:600}.admin-nav button.active{background:rgba(245,158,11,.15);border-color:#f59e0b59;color:#fbbf24}.admin-nav button:hover{border-color:#94a3b84d}.admin-content{padding:28px 32px;max-height:100vh;overflow-y:auto}.admin-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-topbar .admin-top-actions{display:flex;align-items:center;gap:12px}.admin-lang .lang-button{background:rgba(15,23,42,.8);border-color:#f59e0b4d}.admin-lang .lang-menu{background:#0f172a;border-color:#94a3b833}.admin-login .admin-lang{position:absolute;top:16px;right:16px}.admin-title{font-family:Space Grotesk,sans-serif;font-size:1.6rem;font-weight:700}.admin-pill{padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.3);color:var(--admin-muted);font-size:.8rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.admin-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:14px;padding:16px;box-shadow:0 10px 20px #0f172a59}.admin-card-success{border-color:#22c55e66}.admin-card-error{border-color:#ef444466}.admin-card h4{font-size:.85rem;color:var(--admin-muted);margin-bottom:8px}.admin-card strong{font-size:1.4rem;font-family:Space Grotesk,sans-serif}.admin-muted{color:var(--admin-muted);font-size:.85rem}.admin-section{margin-bottom:28px}.admin-section h3{font-family:Space Grotesk,sans-serif;margin-bottom:12px}.admin-form{display:grid;gap:12px}.admin-form input,.admin-form textarea,.admin-form select{background:rgba(15,23,42,.7);border:1px solid var(--admin-border);border-radius:10px;padding:10px 12px;color:var(--admin-text);font-size:.9rem}.admin-form textarea{resize:vertical;min-height:100px}.admin-input-sm{width:90px;background:rgba(15,23,42,.7);border:1px solid var(--admin-border);border-radius:8px;padding:6px 8px;color:var(--admin-text);font-size:.85rem}.admin-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-inventory-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-inventory-actions{display:flex;gap:8px}.admin-inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:12px}.admin-subcard{background:rgba(15,23,42,.6)}.admin-subcard-full{grid-column:1 / -1}.admin-inventory-list{display:grid;gap:6px;font-size:.9rem}.admin-btn{border:none;border-radius:10px;padding:9px 14px;font-weight:600;cursor:pointer;transition:transform .2s ease}.admin-btn.primary{background:var(--admin-accent);color:#1f2937}.admin-btn.success{background:var(--admin-accent-2);color:#052e1b}.admin-btn.danger{background:var(--admin-danger);color:#fff5f5}.admin-btn.ghost{background:transparent;border:1px solid var(--admin-border);color:var(--admin-text)}.admin-btn:hover{transform:translateY(-1px)}.admin-gift-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.admin-bot-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.admin-gift-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.admin-gift-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--admin-border);background:rgba(15,23,42,.55)}.admin-gift-row.inactive{opacity:.8}.admin-gift-main{display:grid;gap:6px}.admin-gift-code{font-family:Space Grotesk,sans-serif;font-weight:700;color:#fbbf24}.admin-gift-name{font-weight:600}.admin-gift-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--admin-muted);font-size:.8rem}.admin-gift-actions{display:flex;gap:8px;align-items:center}.admin-gift-detail{grid-column:1 / -1;margin-top:10px;padding:12px;border-radius:10px;border:1px solid var(--admin-border);background:rgba(15,23,42,.4);display:grid;gap:12px}.admin-gift-detail-row{display:flex;gap:8px;font-size:.85rem}.admin-gift-items{display:grid;gap:10px}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table-scroll{max-height:520px;overflow-y:auto;border:1px solid rgba(148,163,184,.12);border-radius:12px}.admin-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}.admin-page-info{color:var(--admin-muted);font-weight:600}.admin-table th,.admin-table td{padding:10px 8px;border-bottom:1px solid rgba(148,163,184,.15);text-align:left}.admin-table th{color:var(--admin-muted);font-weight:600}.admin-clan-row{cursor:pointer}.admin-clan-row:hover{background:rgba(148,163,184,.08)}.admin-clan-expand td{padding:0;border-bottom:none}.admin-expand-card{background:rgba(15,23,42,.6);border-top:1px solid rgba(148,163,184,.12);padding:12px}.admin-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,rgba(248,209,95,.15),rgba(15,23,42,1))}.admin-login-card{width:min(420px,90vw);padding:28px;border-radius:18px;background:rgba(15,23,42,.9);border:1px solid var(--admin-border);box-shadow:0 20px 40px #0f172a80}.admin-login-card h2{font-family:Space Grotesk,sans-serif;margin-bottom:6px}.admin-login-card p{color:var(--admin-muted);margin-bottom:18px}.admin-inline{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid var(--admin-border)}}body,html{margin:0;padding:0;height:100%;overflow:hidden}.app-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:transparent}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:radial-gradient(circle at 20% 20%,rgba(83,67,41,.35),transparent 50%),linear-gradient(140deg,#0b0a0f 0%,#12131d 60%,#171827 100%);color:#f2d187}.loading-screen h2{margin-top:20px;font-weight:600;letter-spacing:3px;text-transform:uppercase;font-family:Cinzel,Times New Roman,serif;animation:pulse 1.5s infinite}.spinner{width:52px;height:52px;border:5px solid rgba(215,181,109,.25);border-radius:50%;border-top-color:#f2d187;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html.is-mobile,body.is-mobile,body.is-mobile #root{min-height:100dvh}@media (max-width: 900px){:root{--mobile-right-panel-width: min(78vw, 320px);--mobile-left-panel-width: 86px}html,body{overflow-y:auto;overflow-x:hidden;-webkit-text-size-adjust:100%}body{padding-bottom:env(safe-area-inset-bottom)}.app-container{min-height:100dvh;height:auto;padding:12px}.castle-container{min-height:100dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.user-profile-trigger{top:calc(8px + env(safe-area-inset-top));left:8px;min-width:108px;max-width:108px;padding:6px 8px;gap:6px;border-radius:12px;z-index:131}.trigger-avatar-wrapper{width:34px;height:34px}.trigger-level-badge{width:18px;height:18px;font-size:10px}.trigger-username{font-size:12px}.trigger-power-display{display:none}.resources-bar{position:fixed;top:calc(8px + env(safe-area-inset-top));left:122px;right:8px;z-index:120;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 78px;grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:4px;padding:4px 6px;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-layout .resources-bar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 78px!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;justify-content:stretch!important;overflow-x:hidden!important;overflow-y:hidden!important;white-space:normal;gap:4px!important}.resources-bar>.resource:nth-child(1){grid-column:1;grid-row:1}.resources-bar>.resource:nth-child(2){grid-column:2;grid-row:1}.resources-bar>.resource:nth-child(3){grid-column:1;grid-row:2}.resources-bar>.resource:nth-child(4){grid-column:2;grid-row:2}.resources-bar>.gold-resource{grid-column:3;grid-row:1 / span 2}.resource{min-width:0;padding:3px 5px;border-radius:7px;gap:3px;width:100%}.mobile-layout .resource{width:100%!important;min-width:0!important;max-width:none;display:flex!important;align-items:center!important}.mobile-layout .gold-resource{min-width:0!important}.res-icon-wrapper{display:none}.res-details{min-width:0}.res-name{display:inline;font-size:8px;line-height:1;color:#f3efe6cc;white-space:nowrap}.res-top{gap:2px;align-items:center}.res-value{font-size:10px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-bottom,.production-rate{display:none}.buy-gold-btn{width:14px;height:14px;min-height:14px;font-size:9px;margin-left:2px;flex:0 0 14px}.mobile-layout .gold-resource{gap:2px;padding-right:4px;justify-content:flex-start!important}.mobile-layout .gold-resource .res-value{max-width:60px}.castle-content{margin-top:calc(112px + env(safe-area-inset-top));padding:0 6px;min-height:auto;flex-direction:column;gap:8px}.mobile-layout .castle-content{margin-top:calc(112px + env(safe-area-inset-top))!important;min-height:calc(100dvh - 86px)!important}.castle-map{min-height:calc(100dvh - 96px);height:calc(100dvh - 96px);margin-left:68px;margin-right:8px;padding:8px}.mobile-layout .castle-map{width:100%!important;min-height:calc(100dvh - 86px)!important;height:calc(100dvh - 86px)!important;margin-left:0!important;margin-right:0!important;padding:0!important;overflow:auto!important;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.mobile-layout .castle-map-surface{position:relative!important;left:0!important;top:0!important;width:1920px!important;height:1080px!important;min-width:1920px!important;min-height:1080px!important;transform:none!important}.mobile-layout .castle-ground,.mobile-layout .buildings-grid{width:1920px!important;height:1080px!important}.mobile-layout .buildings-grid{display:block!important;min-height:0!important;max-height:none!important;grid-template-areas:none!important;grid-template-rows:none!important;grid-template-columns:none!important;gap:0!important}.mobile-layout .building,.mobile-layout .castle,.mobile-layout .market,.mobile-layout .warehouse,.mobile-layout .barracks,.mobile-layout .hospital{width:var(--lk-building-width, auto)!important;height:var(--lk-building-height, auto)!important;max-width:none!important;padding:0!important;justify-self:auto!important}.mobile-layout .building.free{position:absolute!important}.mobile-layout .building .building-image,.mobile-layout .castle .building-image,.mobile-layout .market .building-image,.mobile-layout .warehouse .building-image,.mobile-layout .barracks .building-image,.mobile-layout .hospital .building-image,.mobile-layout .quarry .building-image,.mobile-layout .lumberjack .building-image,.mobile-layout .blacksmith .building-image,.mobile-layout .farm .building-image{width:var(--lk-building-image-width, 100%)!important;height:var(--lk-building-image-height, 100%)!important;max-width:none!important;object-fit:contain!important}.mobile-layout .building:not(.wall) .building-info{padding:2px 6px!important;border-radius:6px!important;gap:4px!important;background:rgba(0,0,0,.52)!important;width:auto!important;min-width:0!important;max-width:max-content!important;white-space:nowrap!important}.mobile-layout .building:not(.wall) .building-name{font-size:11px!important;line-height:1.1!important;max-width:none!important}.mobile-layout .building:not(.wall) .building-level{font-size:10px!important;line-height:1.1!important}.mobile-layout .building.quarry .building-info,.mobile-layout .building.lumberjack .building-info{top:auto!important;bottom:34px!important;left:50%!important;transform:translate(-50%)!important;padding:2px 6px!important;max-width:max-content!important}.mobile-layout .building.warehouse .building-info,.mobile-layout .building.blacksmith .building-info,.mobile-layout .building.barracks .building-info,.mobile-layout .building.hospital .building-info,.mobile-layout .building.market .building-info,.mobile-layout .building.farm .building-info{bottom:46px!important}.construction-sidebar.mobile-drawer{position:fixed;top:calc(78px + env(safe-area-inset-top));right:0;bottom:calc(56px + env(safe-area-inset-bottom));width:var(--mobile-right-panel-width);min-width:0;max-height:none;padding:10px;z-index:142;border-radius:12px 0 0 12px;transform:translate(calc(100% + 6px));transition:transform .25s ease;overflow-y:auto}.construction-sidebar.mobile-drawer.mobile-open{transform:translate(0)}.castle-side-buttons.mobile-left-drawer{position:fixed!important;left:6px;top:50%;transform:translateY(-50%);z-index:141;min-width:86px;width:var(--mobile-left-panel-width);height:auto;padding:6px 4px;background:rgba(12,12,20,.74);border:1px solid rgba(215,181,109,.3);border-radius:10px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:calc(100dvh - 120px);transition:transform .25s ease;transform:translate(calc(-100% - 10px)) translateY(-50%)}.castle-side-buttons.mobile-left-drawer.mobile-open{transform:translate(0) translateY(-50%)}.castle-side-buttons .defense-button,.castle-side-buttons .attack-button,.castle-side-buttons .reports-button,.castle-side-buttons .quests-button,.castle-side-buttons .events-button,.castle-side-buttons .clan-button,.castle-side-buttons .inventory-button,.castle-side-buttons .store-button,.castle-side-buttons .market-button,.castle-side-buttons .world-map-button,.castle-side-buttons .dm-button{min-height:34px;min-width:0;width:100%;justify-content:center;padding:6px 4px;margin-top:0!important;flex-shrink:1;border-radius:8px;gap:3px;background:rgba(12,12,20,.82)!important;border:1px solid rgba(215,181,109,.32)!important;box-shadow:none!important}.castle-side-buttons .defense-button span,.castle-side-buttons .attack-button span,.castle-side-buttons .reports-button span,.castle-side-buttons .quests-button span,.castle-side-buttons .events-button span,.castle-side-buttons .clan-button span,.castle-side-buttons .inventory-button span,.castle-side-buttons .store-button span,.castle-side-buttons .market-button span,.castle-side-buttons .world-map-button span,.castle-side-buttons .dm-button span{display:block!important;font-size:11px;line-height:1.1;text-align:center;color:#f3efe6}.castle-side-buttons .store-button{min-height:40px}.castle-side-buttons .store-button span{font-size:9px;line-height:1.05;white-space:normal;word-break:break-word}.castle-side-buttons .side-btn-icon{display:none!important}.castle-side-buttons .unread-badge{top:-3px;right:-3px}.mobile-left-panel-toggle{position:fixed;left:0;top:50%;transform:translateY(-50%);width:26px;height:64px;border:1px solid rgba(215,181,109,.42);border-left:none;border-radius:0 10px 10px 0;background:rgba(12,12,20,.9);color:#f2d187;z-index:143;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.mobile-left-panel-toggle.open{left:calc(var(--mobile-left-panel-width) + 8px)}.mobile-left-panel-toggle-icon{font-size:12px;line-height:1}.mobile-right-panel-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%);width:26px;height:64px;border:1px solid rgba(215,181,109,.42);border-right:none;border-radius:10px 0 0 10px;background:rgba(12,12,20,.9);color:#f2d187;z-index:143;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.mobile-right-panel-toggle.open{right:var(--mobile-right-panel-width)}.mobile-right-panel-toggle-icon{font-size:12px;line-height:1}.modal-overlay,.attack-modal-overlay,.defense-modal-overlay,.events-modal-overlay,.quest-modal-overlay,.reports-modal-overlay,.store-modal-overlay,.healing-modal-overlay,.train-troops-modal-overlay,.private-chat-modal-overlay,.chat-modal-overlay,.clan-modal-overlay,.clan-detail-modal-overlay,.message-modal-overlay,.profile-modal-overlay,.market-overlay,.gold-store-overlay,.spy-modal-overlay,.auth-modal-overlay{align-items:flex-end!important;justify-content:center!important;padding:0!important}.building-modal,.barracks-choice-modal,.attack-modal,.defense-modal,.events-modal,.quest-modal,.reports-modal,.store-modal,.healing-modal,.train-troops-modal,.private-chat-modal,.chat-modal,.clan-modal,.clan-detail-modal,.message-modal,.profile-modal,.market-modal,.gold-store-modal,.spy-modal{width:100vw!important;max-width:100vw!important;max-height:92dvh!important;margin:0!important;border-radius:14px 14px 0 0!important;border-bottom:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.modal-header,.attack-modal-header,.defense-modal-header,.events-modal-header,.quest-modal-header,.profile-modal-header,.chat-modal-header,.private-chat-header,.gold-store-header,.healing-modal-header,.clan-modal-header{position:sticky!important;top:0!important;z-index:3!important;padding:10px 12px!important}.modal-content,.attack-modal-content,.defense-modal-content,.events-modal-body,.quest-modal-content,.profile-modal-content,.healing-modal-list,.clan-modal-content,.reports-modal .modal-content,.store-modal-content,.market-content,.private-chat-body,.chat-messages{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.modal-actions,.attack-modal-footer,.defense-modal-footer,.healing-modal-footer,.clan-modal-footer,.modal-footer,.spy-modal-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.modal-actions button,.action-btn,.close-btn,.close-button,.modal-close-btn,.market-close,.healing-modal-close,.ui-dialog-btn,.events-tab,.tab-btn,.filter-select,.coord-input-group input,.spy-modal input,.spy-modal select,.chat-input{min-height:44px!important}.reports-modal,.clan-modal,.profile-modal,.private-chat-modal,.chat-modal,.train-troops-modal{max-height:94dvh!important}.store-modal-overlay{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important;z-index:12000!important}.store-modal{max-height:calc(100dvh - 78px)!important;border-radius:14px!important}.attack-modal-overlay{align-items:flex-end;padding-bottom:calc(56px + env(safe-area-inset-bottom))!important}.attack-modal{width:100vw!important;max-width:100vw!important;max-height:calc(100dvh - 68px)!important;border-radius:14px 14px 0 0!important;margin:0!important;border-left:none!important;border-right:none!important;border-bottom:none!important}.attack-modal-header{padding:12px 14px}.attack-modal-content{padding:10px!important;overflow-y:auto!important;min-height:0!important}.attack-modal .troop-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"info info" "available controls";row-gap:8px!important;align-items:stretch!important;padding:10px!important}.attack-modal .troop-info{grid-area:info;min-width:0!important;gap:8px!important}.attack-modal .troop-details{min-width:0!important}.attack-modal .troop-name{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;word-break:break-word;line-height:1.15}.attack-modal .troop-stats{flex-wrap:wrap!important;gap:6px!important}.attack-modal .troop-available{grid-area:available;margin-left:0!important;width:100%!important;justify-self:stretch!important;display:flex!important;justify-content:space-between!important;align-items:center!important;text-align:left!important;padding:8px 10px!important;min-width:0!important}.attack-modal .quantity-controls{grid-area:controls;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;justify-content:initial!important;gap:8px!important;min-width:0!important}.attack-modal .quantity-input{width:100%!important;min-width:0!important}.attack-modal .max-btn{min-width:72px}.attack-modal .selection-details{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.attack-modal .quantity-input,.attack-modal .max-btn,.attack-modal .close-btn{min-height:44px}.world-map-container{min-height:100dvh;height:100dvh}.map-ui-overlay{top:calc(8px + env(safe-area-inset-top));left:8px;right:auto;width:min(250px,calc(100vw - 16px));max-width:calc(100vw - 16px);padding:8px;border-radius:10px;max-height:34dvh;overflow-y:auto;background:rgba(0,0,0,.78)}.map-ui-overlay h3{font-size:13px;line-height:1.2;margin-bottom:5px}.coordinate-wrapper{min-height:34px;padding:7px 8px;border-radius:8px}.coords-text{font-size:12px}.search-icon{font-size:14px}.worldmap-perf-panel{min-width:0!important;font-size:11px!important;padding:6px 8px!important;line-height:1.25!important}.worldmap-perf-toggle{font-size:10px!important;padding:3px 6px!important}.mission-tracker{max-height:22dvh;overflow-y:auto}.mission-row{padding:8px 10px}.back-button-group{top:auto;right:40px;left:40px;bottom:calc(20px + env(safe-area-inset-bottom));flex-direction:row;align-items:stretch;gap:8px;padding:8px}.back-button{min-width:0;flex:1;min-height:44px;padding:10px;justify-content:center}.back-button-label{font-size:13px}.back-button-icon{width:22px;height:22px;font-size:13px}.tile-action-modal,.spy-modal,.castle-popup-modal,.clan-castle-build-content{width:min(96vw,560px);max-width:96vw;max-height:84dvh;overflow-y:auto}.tile-action-modal{left:50%;right:auto;top:auto;bottom:calc(64px + env(safe-area-inset-bottom));transform:translate(-50%)}.coord-input-group input,.action-btn,.build-confirm-btn,.build-cancel-btn,.castle-popup-btn,.spy-modal-actions .action-btn{min-height:44px}.war-notifications-container{top:auto;right:8px;left:8px;bottom:calc(132px + env(safe-area-inset-bottom));max-width:none}.war-notification{padding:10px 12px}.ui-toast-backdrop{padding:0 8px}.ui-toast-content{width:100%;max-width:none}}:root{--df-font-body: "Spectral", "Georgia", serif;--df-font-display: "Cinzel", "Times New Roman", serif;--df-bg-1: #0b0a0f;--df-bg-2: #12131d;--df-bg-3: #171827;--df-panel: #1a1b2a;--df-panel-2: #12131d;--df-panel-3: #202235;--df-gold: #d7b56d;--df-gold-strong: #f2d187;--df-ember: #b75b2a;--df-ember-soft: rgba(183, 91, 42, .2);--df-border: rgba(215, 181, 109, .35);--df-border-strong: rgba(215, 181, 109, .6);--df-text: #f3efe6;--df-muted: #b4a991;--df-shadow: 0 24px 60px rgba(0, 0, 0, .55);--df-glow: 0 0 24px rgba(215, 181, 109, .2);--df-radius-lg: 18px;--df-radius-md: 12px;--df-radius-sm: 8px;--harvest-chest-common: url(/harvestchest/commonk.png);--harvest-chest-rare: url(/harvestchest/rarek.png);--harvest-chest-legendary: url(/harvestchest/legendaryk.png);--glacier-chest-common: url(/titan/ck.png);--glacier-chest-rare: url(/titan/rk.png);--glacier-chest-legendary: url(/titan/lk.png);--nemesis-chest-common: url(/nemesis/ck.png);--nemesis-chest-rare: url(/nemesis/rk.png);--nemesis-chest-legendary: url(/nemesis/lk.png)}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh}body{font-family:var(--df-font-body);background:radial-gradient(circle at 15% 10%,rgba(83,67,41,.35),transparent 45%),radial-gradient(circle at 85% 20%,rgba(71,35,24,.35),transparent 40%),linear-gradient(140deg,var(--df-bg-1) 0%,var(--df-bg-2) 45%,var(--df-bg-3) 100%);color:var(--df-text);letter-spacing:.2px}#root{min-height:100vh}.resource-inline-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle;display:inline-block}h1,h2,h3,h4,h5,h6{font-family:var(--df-font-display);letter-spacing:.6px}button,input,select,textarea{font-family:var(--df-font-body)}a{color:var(--df-gold-strong);text-decoration:none}::selection{background:rgba(215,181,109,.35);color:#0b0a0f}.attack-modal-overlay,.defense-modal-overlay,.events-modal-overlay,.quest-modal-overlay,.reports-modal-overlay,.store-modal-overlay,.healing-modal-overlay,.train-troops-modal-overlay,.private-chat-modal-overlay,.chat-modal-overlay,.clan-modal-overlay,.clan-detail-modal-overlay,.message-modal-overlay,.profile-modal-overlay,.market-overlay,.gold-store-overlay,.spy-modal-overlay,.auth-modal-overlay,.modal-overlay{background:radial-gradient(circle at 20% 20%,rgba(47,35,20,.6),transparent 50%),radial-gradient(circle at 80% 10%,rgba(70,30,20,.55),transparent 45%),rgba(3,3,6,.86)!important;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}.attack-modal,.defense-modal,.events-modal,.quest-modal,.reports-modal,.store-modal,.healing-modal,.train-troops-modal,.private-chat-modal,.chat-modal,.clan-modal,.clan-detail-modal,.message-modal,.profile-modal,.market-modal,.gold-store-modal,.spy-modal{background:linear-gradient(145deg,var(--df-panel) 0%,var(--df-panel-2) 100%)!important;border:1px solid var(--df-border)!important;border-radius:var(--df-radius-lg)!important;box-shadow:var(--df-shadow),var(--df-glow)!important;color:var(--df-text)}.modal-header,.quest-modal-header,.events-modal-header,.market-header,.attack-modal-header,.defense-modal-header,.gold-store-header,.profile-modal-header,.chat-modal-header,.private-chat-header{background:linear-gradient(120deg,rgba(23,24,39,.95),rgba(12,12,20,.95))!important;border-bottom:1px solid var(--df-border)!important}.modal-header h2,.quest-modal-header h2,.events-modal-header h2,.market-title,.attack-modal-header h2,.defense-modal-header h2,.gold-store-header h2,.profile-modal-header h2{color:var(--df-gold-strong)!important;text-shadow:0 2px 8px rgba(0,0,0,.5)}.close-btn,.close-button,.market-close{border:1px solid var(--df-border-strong)!important;color:var(--df-gold-strong)!important;background:rgba(12,12,20,.6)!important;box-shadow:0 0 12px #d7b56d26}.close-btn:hover,.close-button:hover,.market-close:hover{transform:translateY(-1px) scale(1.05);background:rgba(215,181,109,.15)!important}.filter-select,.market-tabs button,.events-tab,.quest-claim-btn,.quest-locked-btn{border-radius:var(--df-radius-md)}.filter-select,.market-tabs button,.events-tab,.action-btn{background:rgba(12,12,20,.7)!important;border:1px solid var(--df-border)!important;color:var(--df-text)!important}.action-btn:hover:not(:disabled){box-shadow:0 10px 24px #0006;transform:translateY(-1px)}.lang-button{background:rgba(12,12,20,.8);color:var(--df-gold-strong);border:1px solid var(--df-border)}.lang-menu{background:rgba(12,12,20,.95);border:1px solid var(--df-border);box-shadow:var(--df-shadow)}.lang-item.active{background:rgba(215,181,109,.2);border-color:var(--df-border-strong);color:var(--df-gold-strong)}.lang-selector{position:relative;display:inline-flex;align-items:center;font-size:.85rem}.lang-button{background:rgba(0,0,0,.6);color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:8px;cursor:pointer;font-weight:600}.lang-menu{position:absolute;top:calc(100% + 6px);min-width:160px;background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:4px;z-index:2000;box-shadow:0 10px 20px #0000004d}.lang-selector[data-align=right] .lang-menu{right:0}.lang-selector[data-align=left] .lang-menu{left:0}.lang-item{background:transparent;color:#e5e7eb;border:1px solid transparent;padding:6px 8px;border-radius:8px;cursor:pointer;text-align:left;font-weight:500}.lang-item:hover{border-color:#fff3;background:rgba(255,255,255,.08)}.lang-item.active{background:rgba(99,102,241,.2);border-color:#6366f180;color:#c7d2fe}