body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#1a1a1a;color:#fff;overflow:hidden;overscroll-behavior-y:none}#root{height:100vh;min-height:-webkit-fill-available;min-height:100dvh}.app-container{display:flex;flex-direction:column;height:100vh;min-height:-webkit-fill-available;min-height:100dvh;width:100%;margin:0 auto;background-color:#222;background-image:url(/images/bg_forest_main.webp);background-size:cover;background-position:center}.header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;background:none;border-bottom:none;flex-shrink:0}.header-user{display:flex;align-items:center;font-weight:700;font-size:1.1em;background:#0009;padding:8px 18px;border-radius:25px;box-shadow:0 4px 10px #0000004d;gap:8px}.header-user img{width:40px;height:40px;border-radius:50%;border:2px solid gold;flex-shrink:0}.header-balance{font-size:1.4em;font-weight:700;display:flex;align-items:center;background:#0009;padding:8px 18px;border-radius:25px;box-shadow:0 4px 10px #0000004d;gap:8px}.header-balance img{width:40px;height:40px;object-fit:contain;border-radius:50%;border:2px solid rgba(255,215,0,.7);box-shadow:0 0 8px #ffd70080;flex-shrink:0}.header{padding:8px 10px}.header-user{font-size:1em;padding:6px 14px;gap:6px}.header-user img{width:35px;height:35px}.header-balance{font-size:1.2em;padding:6px 14px;gap:6px}.header-balance img{width:35px;height:35px}.game-screen{flex-grow:1;padding:0;overflow:hidden;position:relative}.boost-header{text-align:center;margin-bottom:20px;padding:10px 0;background:linear-gradient(#00000080,#0003);border-radius:10px;border-bottom:3px solid gold}.boost-header h2{margin:0;font-size:1.5em;color:gold;text-shadow:1px 1px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.5);font-weight:900;letter-spacing:1px}.golden-nut-container{position:absolute;width:60px;height:60px;cursor:pointer;z-index:50;filter:drop-shadow(0 0 8px gold);transition:top 1s ease-in-out,left 1s ease-in-out,opacity .3s}.golden-nut-container img{width:100%;height:100%;animation:floatBob 1.5s infinite alternate ease-in-out}@keyframes floatBob{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-5px) rotate(2deg)}}.active-bonus-indicator{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:3px;max-width:60%;z-index:60}.bonus-indicator-item{display:flex;flex-direction:row;align-items:center;white-space:nowrap;margin:0;padding:3px 8px;background:#ffd700e6;color:#000;font-weight:700;border-radius:5px;box-shadow:0 2px 8px #0006;text-align:center;animation:flash .5s infinite alternate;font-size:.9em}@keyframes flash{0%{opacity:1}to{opacity:.8}}.locked-screen-message{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;background:#000000e6;color:gold;font-size:1.3em;font-weight:700;padding:20px;box-sizing:border-box}.locked-screen-message h3{text-align:center}.locked-screen-message p{color:#eee;font-size:1em;margin-top:15px;text-align:center;max-width:90%}.forest-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;touch-action:manipulation}.forest-screen .squirrel-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .05s ease;position:relative;z-index:10;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@keyframes clickShake{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.forest-screen .squirrel-btn.is-active{animation:clickShake .15s ease-out;transform:scale(.98)}.forest-screen .squirrel-btn img{width:100%;max-width:400px;height:auto;position:relative;top:20px;pointer-events:none}.forest-screen h3{display:none}.tap-animation{position:absolute;font-size:2em;font-weight:900;color:gold;text-shadow:1px 1px 3px black;pointer-events:none;opacity:0;animation:floatUpClick 1s ease-out forwards;z-index:10000!important}@keyframes floatUpClick{0%{opacity:0;transform:translate(-50%)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-150px)}}@keyframes floatUpCrit{0%{opacity:0;transform:translate(-50%) scale(1)}15%{opacity:1;transform:translate(-52%,-5px) scale(1.2) rotate(-5deg)}30%{opacity:1;transform:translate(-48%,-10px) scale(1.2) rotate(5deg)}to{opacity:0;transform:translate(-50%,-150px) scale(1.2) rotate(0)}}.tap-animation.critical{font-size:3em;color:orange;text-shadow:0 0 5px black,0 0 10px #FFD700;animation:floatUpCrit 1s ease-out forwards}.game-screen-scroll{padding:20px;overflow-y:auto;height:100%}.upgrade-list{display:flex;flex-direction:column;gap:10px;padding:10px 10px 50px}.upgrade-item{display:flex;align-items:center;background:#00000080;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.upgrade-item img{width:40px;height:40px;margin-right:10px;background:#444;border-radius:8px}.upgrade-info{flex-grow:1;text-align:left}.upgrade-info strong{margin-bottom:2px;display:inline-block;font-size:.95em}.upgrade-info .level-text{font-size:.85em;color:#aaa;margin-bottom:2px}.upgrade-info .description-line{font-size:.85em;color:#eee;font-weight:500;line-height:1.3;word-break:break-all}.upgrade-info .description-line-next{color:#4caf50;font-weight:700}.buy-btn{background-color:#4caf50;color:#fff;border:none;padding:8px 10px;border-radius:8px;font-weight:700;cursor:pointer;flex-shrink:0;transition:background-color .3s;font-size:.9em;line-height:1.1}.buy-btn:disabled{background-color:#555;cursor:not-allowed;animation:none}.buy-btn.purchased{background-color:#3f51b5}.buy-btn.max-level{background-color:#c00;cursor:not-allowed}.raid-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:20px}.raid-btn{background-color:#e53935;color:#fff;border:none;padding:20px 30px;border-radius:12px;font-size:1.2em;font-weight:700;cursor:pointer;margin-top:20px}.raid-log{margin-top:30px;text-align:left;font-size:.9em;color:#ccc;width:100%;padding:0 20px;box-sizing:border-box}.raid-battle-container{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;box-sizing:border-box}.defender-info{margin-bottom:20px}.raid-hp-bar{width:100%;max-width:300px;height:20px;background-color:#fff3;border-radius:10px;overflow:hidden;margin-bottom:10px}.raid-hp-fill{height:100%;background:linear-gradient(90deg,#e53935,#ffb300);transition:width .1s linear}.raid-duplo-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .05s ease}.raid-duplo-btn img{width:200px;height:auto}.raid-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px;background:#000c;border-radius:15px;z-index:100;text-align:center}.energy-bar-container{padding:10px 15px;flex-shrink:0;background:#0000004d}.energy-bar-label{display:flex;justify-content:space-between;font-size:.9em;margin-bottom:5px}.energy-bar-fill{width:100%;height:10px;background-color:#fff3;border-radius:5px;overflow:hidden}.energy-bar-inner{height:100%;background:linear-gradient(90deg,#64dd17,#33b760);border-radius:5px;transition:width .5s ease}.tab-bar{display:flex;justify-content:space-around;background:#000000f2;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;padding:0;height:65px;align-items:center}.tab-item{flex-grow:1;cursor:pointer;color:#999;border-top:3px solid transparent;transition:all .2s;font-weight:600;padding:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.95em;line-height:1.2;position:relative;z-index:5}.tab-item:active{transform:scale(.95);background:#ffffff0d}.tab-item img{width:38px;height:38px;opacity:1;margin:0 0 2px;display:block;transform:scale(1.3)}.tab-item.active{color:gold;border-top-color:gold;background:linear-gradient(to bottom,rgba(255,215,0,.1),transparent)}.tab-item.active img{filter:none;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.app-modal{background:#282828;padding:20px;border-radius:15px;max-width:95%;width:auto;text-align:center;box-shadow:0 0 30px #ffd70080;border:2px solid gold;animation:fadeIn .3s ease-out;box-sizing:border-box}.app-modal h3{font-size:1.3em;margin-top:0;margin-bottom:15px;font-weight:700}.app-modal h3.success{color:#4caf50}.app-modal h3.max-level{color:gold;text-shadow:0 0 5px rgba(255,215,0,.8)}.app-modal h3.ended{color:#ff7043}.app-modal p{color:#fff;font-size:1em;margin-bottom:20px;line-height:1.4}.app-modal .icon{font-size:3em;margin-bottom:15px;display:inline-block}.app-modal .bot-icon{animation:pulse 1.5s infinite alternate}.app-modal .level-icon{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}.app-modal .buy-btn{background-color:#4caf50;color:#fff;font-weight:700;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes pulse-green{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 10px 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.notification-badge,.daily-rewards-button .notification-badge{position:absolute;top:-4px;right:-4px;background:#ff3b30;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.7em;font-weight:700;border:2px solid #282828;box-shadow:0 2px 4px #0000004d;z-index:50}.tasks-modal{background:#282828;padding:15px;border-radius:15px;max-width:95%;width:auto;text-align:center;box-shadow:0 0 30px #ffd70080;border:2px solid gold;animation:fadeIn .3s ease-out;box-sizing:border-box;max-height:90vh;display:flex;flex-direction:column}.tasks-modal h2{color:gold;margin-top:0;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:15px}.task-list-content,.daily-rewards-content{flex-grow:1;overflow-y:auto;padding-top:10px}.daily-rewards-content{flex-grow:1;overflow-y:auto;padding:10px 0;min-height:150px}.task-tab-bar{display:flex;justify-content:space-around;border-bottom:1px solid #555;margin-bottom:15px}.task-tab{flex-grow:1;padding:10px 5px;cursor:pointer;color:#aaa;font-weight:500;border-bottom:3px solid transparent;transition:color .2s,border-color .2s;position:relative}.task-tab:hover{color:#eee}.task-tab.active{color:gold;border-bottom-color:gold}.task-tab-badge{position:absolute;top:5px;right:5px;background:red;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.7em;font-weight:700;line-height:18px}.task-list-content{max-height:calc(90vh - 200px);overflow-y:auto}.task-list-content::-webkit-scrollbar{width:6px}.task-list-content::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.task-list-content::-webkit-scrollbar-track{background:#0000001a}.task-item{display:flex;align-items:center;background:#0000004d;padding:10px;border-radius:10px;margin-bottom:10px;border:1px solid rgba(255,255,255,.1);transition:background .3s,border-color .3s}.task-item.is-claimable{background:#4caf5026;border-color:#4caf50}.task-item.is-claimable .buy-btn{background-color:#4caf50;animation:pulse-green 1.5s infinite}.task-item .icon{font-size:2em;margin-right:15px}.task-info{flex-grow:1;text-align:left}.task-title-row{display:flex;align-items:center;gap:8px}.task-info-btn{background:#555;color:#fff;border:1px solid #777;border-radius:50%;width:20px;height:20px;font-size:.8em;font-weight:700;padding:0;cursor:pointer;line-height:18px;flex-shrink:0}.task-info strong{font-size:1.1em}.task-info .progress-text{font-size:.9em;color:#aaa;word-break:break-all}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin-top:5px;overflow:hidden}.progress-bar-inner{height:100%;background:#4caf50;border-radius:4px;transition:width .3s}.daily-rewards-modal{background:linear-gradient(135deg,#f4e7c3,#e8d5a3);border:3px solid #c7a86b;padding:20px 15px;border-radius:25px;box-shadow:0 15px 50px #00000080;color:#4a3b22;position:relative;width:85%;max-width:340px;box-sizing:border-box}.daily-rewards-modal h2{font-size:1.4em;margin-bottom:5px;color:#5d4037;font-weight:800;text-align:center;text-shadow:none}.daily-rewards-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;max-height:60vh;overflow-y:auto}.daily-subtitle{color:#8d6e63;font-size:.85em;margin:0 0 15px;line-height:1.3;text-align:center;font-weight:500}.daily-reward-card{background:#dccbb1;border-radius:14px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:125px;position:relative;border:none;box-shadow:inset 0 0 10px #00000008}.daily-card-day{font-size:.85em;color:#5d4037;font-weight:700;margin-bottom:5px}.daily-card-icon{font-size:1.8em;margin:5px 0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15));transition:transform .2s}.daily-card-amount{font-size:.9em;font-weight:600;color:#5d4037;margin-bottom:8px}.daily-reward-card.available{background:#eaddca;box-shadow:0 4px 10px #0000001a;z-index:2;transform:scale(1.02);border:2px solid #fff}.daily-reward-card.available .daily-card-day{color:#f57f17}.daily-reward-card.available .daily-card-icon{transform:scale(1.1)}.daily-reward-card.claimed{background:#eaddca;border-color:#aca18b;opacity:.9;box-shadow:inset 0 2px 5px #0000000d}.daily-reward-card.claimed:after{display:none}.daily-reward-card.claimed .daily-card-day,.daily-reward-card.claimed .daily-card-amount{color:#757575}.daily-reward-card.locked{opacity:.7;background:#e0e0e0;border-color:#bdbdbd}.daily-reward-card.locked .daily-card-icon{opacity:.7;filter:grayscale(.5)}.daily-reward-card.locked .daily-status-text{width:100%;background:#bcaaa4;color:#fff;font-size:.8em;font-weight:600;padding:6px 0;border-radius:6px;text-align:center;margin-top:auto}.daily-claim-btn{width:100%;margin-top:auto;padding:8px 0;border-radius:6px;border:none;font-weight:600;font-size:.9em;cursor:pointer;background:#7cb342;color:#fff;box-shadow:0 3px #558b2f;transition:all .1s}.daily-claim-btn:active{transform:translateY(2px);box-shadow:0 1px #558b2f}.btn-get{background:linear-gradient(180deg,gold,orange);color:#000;box-shadow:0 3px #b87900;animation:pulse-gold 2s infinite}.btn-get:active{transform:translateY(2px);box-shadow:0 1px #b87900}.btn-locked{background:#444;color:#aaa;cursor:default}.btn-claimed{background:#2e3b2f;color:#4caf50;cursor:default}.daily-reward-card.day-7{grid-column:span 2;background:#d7ccc8}.daily-reward-card.day-7 .daily-card-amount{font-size:1.4em;color:#e65100}@keyframes pulse-gold{0%{box-shadow:0 0 #ffd700b3}70%{box-shadow:0 0 10px 5px #ffd70000}to{box-shadow:0 0 #ffd70000}}.daily-reward-card.claimed .daily-status-text{width:100%;background:#7cb342;color:#fff;font-size:.8em;font-weight:600;padding:6px 0;border-radius:6px;text-align:center;margin-top:auto}.daily-reward-item{background:#0000004d;border:2px solid #555;border-radius:10px;padding:15px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100px;box-sizing:border-box}.daily-reward-item .day-label{font-size:.9em;font-weight:700;color:#aaa;margin-bottom:10px}.daily-reward-item .reward-icon{font-size:2em;margin-bottom:10px}.daily-reward-item .reward-label{font-size:1em;font-weight:700}.daily-reward-item.day-7{grid-column:span 3;background:linear-gradient(145deg,#0000004d,#ffd7001a);border-color:#777}.daily-reward-item.locked{background:#0009;border-color:#444;color:#777;cursor:pointer}.daily-reward-item.locked .reward-icon{font-size:2.5em}.daily-reward-item.claimed{background:#0000001a;border-color:#4caf50;opacity:.6}.daily-reward-item.claimed .reward-icon{font-size:2.5em;color:#4caf50}.daily-reward-item.available{background:#4caf5026;border-color:#4caf50;color:#fff;cursor:pointer;animation:pulse-green 1.5s infinite;transition:transform .2s ease}.daily-reward-item.available:hover{transform:scale(1.05)}.settings-modal{background:#282828;padding:20px;border-radius:15px;max-width:400px;width:90%;text-align:left;box-shadow:0 0 30px #ffd70080;border:2px solid gold;animation:fadeIn .3s ease-out;box-sizing:border-box;max-height:90vh;overflow-y:auto}.settings-modal h2{color:gold;margin-top:0;margin-bottom:25px;text-align:center}.settings-section{margin-bottom:20px}.settings-section h3{margin-top:0;margin-bottom:10px;border-bottom:1px solid #555;padding-bottom:5px}.settings-section p{font-size:.95em;color:#ccc;line-height:1.5;margin:0}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:1.1em;font-weight:700;padding:10px 0}.settings-toggle-row input[type=range]{flex-grow:1;margin-left:15px;margin-right:10px;cursor:pointer}.settings-toggle-row span{min-width:45px;text-align:right;font-variant-numeric:tabular-nums}.settings-button-link{display:block;background-color:#007bff;color:#fff!important;text-decoration:none;padding:12px 15px;border-radius:8px;font-weight:700;cursor:pointer;text-align:center;transition:background-color .2s;margin-top:10px;border:none;width:100%;box-sizing:border-box;font-size:1em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.settings-button-link:hover{background-color:#0056b3}@media(max-width:375px){body,html{font-size:14px}.header-user,.header-balance{padding:3px 6px;font-size:.9em}.header-user img,.header-balance img{width:30px;height:30px}.upgrade-item,.task-item{padding:6px}.buy-btn{padding:5px 8px;font-size:.8em}.upgrade-info .description-line,.upgrade-info .description-line-next{font-size:.95em}.tab-item{font-size:.8em}.tab-item img{width:40px;height:40px;opacity:1;filter:none;transform:scale(1.4);margin-bottom:-5px;display:block;object-fit:contain}}@media(min-width:410px){.tab-item img{transform:scale(1.6);margin-bottom:2px}.tab-item{font-size:.9em}.header-user,.header-balance{padding:10px 20px;font-size:1.1em}}.snow-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.snowflake{position:absolute;top:-20px;color:#fff;font-size:1.5em;opacity:.8;-webkit-user-select:none;user-select:none;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(-10vh) translate(0) rotate(0);opacity:1}to{transform:translateY(110vh) translate(20px) rotate(360deg);opacity:.3}}.right-controls{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:15px;z-index:40;pointer-events:none}.left-controls{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;gap:15px;z-index:40;pointer-events:none}.tasks-button,.daily-rewards-button,.settings-button,.ads-button,.leaderboard-button{position:relative;pointer-events:auto;width:45px;height:45px;background:linear-gradient(135deg,#3c3c3c99,#141414cc);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 10px #00000080;display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer;inset:auto;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .1s ease}.tasks-button:active,.daily-rewards-button:active,.settings-button:active,.ads-button:active,.leaderboard-button:active{transform:scale(.92);background:#ffd70033;border-color:#ffd700cc}.tasks-button img,.daily-rewards-button img,.settings-button img,.leaderboard-button img{width:100%;height:100%;object-fit:cover;border-radius:14px;transform:scale(1.2);pointer-events:none;transition:transform .2s;filter:none}.ads-icon{font-size:28px;line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));transition:transform .2s}.ads-button:active .ads-icon{transform:scale(.9)}.ads-badge{position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scale(.85);background:#4caf50;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 4px #00000080;border:1px solid rgba(255,255,255,.3);z-index:50}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ff3b30;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.75em;font-weight:700;border:2px solid #282828;box-shadow:0 2px 4px #0000004d;z-index:50}.leaderboard-modal{background:#282828;padding:20px;border-radius:20px;width:90%;max-width:350px;border:2px solid gold;box-shadow:0 0 30px #ffd7004d;text-align:center;max-height:80vh;display:flex;flex-direction:column}.leaderboard-list{overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:8px;padding-right:5px}.leaderboard-row{display:flex;align-items:center;background:#ffffff0d;padding:10px;border-radius:10px;font-size:.95em}.leaderboard-row.rank-1{background:linear-gradient(90deg,rgba(255,215,0,.2),transparent);border:1px solid rgba(255,215,0,.5)}.leaderboard-row.rank-2{background:linear-gradient(90deg,rgba(192,192,192,.2),transparent);border:1px solid rgba(192,192,192,.5)}.leaderboard-row.rank-3{background:linear-gradient(90deg,rgba(205,127,50,.2),transparent);border:1px solid rgba(205,127,50,.5)}.leaderboard-row.is-me{background:#4caf504d;border:1px solid #4CAF50}.lb-rank{width:45px;font-weight:700;font-size:1.2em;text-align:left}.lb-name{flex-grow:1;text-align:left;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-balance{font-family:monospace;color:gold;font-weight:700}.boost-header{text-align:center;margin-bottom:15px;padding:15px 0;background:linear-gradient(180deg,#0009,#0000004d);border-radius:15px;border-bottom:3px solid #FFD700}.boost-header h2{margin:0;font-size:1.6em;color:gold;text-shadow:0 2px 8px rgba(255,215,0,.5);font-weight:900}.boost-subtitle{color:#aaa;font-size:.85em;margin-top:5px}.upgrade-item-v2{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#282832f2,#1e1e28f2);padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .2s}.upgrade-item-v2:hover{border-color:#ffd7004d;transform:translateY(-1px)}.upgrade-item-v2.maxed{background:linear-gradient(135deg,#32321ef2,#282814f2);border-color:#ffd70066}.upgrade-item-v2.purchased{background:linear-gradient(135deg,#1e321ef2,#142814f2);border-color:#4caf5066}.upgrade-icon-wrapper{position:relative;width:50px;height:50px;flex-shrink:0}.upgrade-icon-wrapper img{width:100%;height:100%;border-radius:12px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);object-fit:cover}.upgrade-level-badge{position:absolute;bottom:-4px;right:-4px;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;font-size:.7em;font-weight:900;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #1a1a1a;box-shadow:0 2px 4px #0000004d}.upgrade-item-v2.maxed .upgrade-level-badge{background:linear-gradient(135deg,gold,orange);color:#000}.upgrade-info-v2{flex-grow:1;min-width:0}.upgrade-name{font-size:1em;font-weight:700;color:gold;margin-bottom:3px}.upgrade-stats{font-size:.8em;color:#aaa;margin-bottom:6px}.upgrade-stats .next-value{color:#4caf50;font-weight:600}.upgrade-stats .max-stats{color:gold;font-weight:600}.upgrade-progress-bar{position:relative;width:100%;height:16px;background:#ffffff1a;border-radius:8px;overflow:hidden}.upgrade-progress-fill{height:100%;border-radius:8px;transition:width .3s ease,background .3s ease;box-shadow:0 0 8px #4caf5066}.upgrade-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7em;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.upgrade-buy-btn{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;border:none;padding:10px 14px;border-radius:10px;font-weight:700;font-size:.85em;cursor:pointer;flex-shrink:0;min-width:70px;transition:all .2s;box-shadow:0 3px #2e7d32}.upgrade-buy-btn:active{transform:translateY(2px);box-shadow:0 1px #2e7d32}.upgrade-buy-btn:disabled{background:#444;color:#777;box-shadow:0 3px #333;cursor:not-allowed}.upgrade-buy-btn.can-afford{animation:pulse-buy 2s infinite}.upgrade-buy-btn.max-level{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 3px #cc8400}.upgrade-buy-btn.purchased{background:linear-gradient(135deg,#3f51b5,#303f9f);color:#fff;box-shadow:0 3px #283593}@keyframes pulse-buy{0%{box-shadow:0 3px #2e7d32,0 0 #4caf5099}70%{box-shadow:0 3px #2e7d32,0 0 0 8px #4caf5000}to{box-shadow:0 3px #2e7d32,0 0 #4caf5000}}.friends-container{padding:15px;display:flex;flex-direction:column;gap:15px}.friends-header{text-align:center;padding:15px 0;background:linear-gradient(180deg,#0009,#0000004d);border-radius:15px;border-bottom:3px solid #0088cc}.friends-header h2{margin:0;font-size:1.6em;color:#08c;text-shadow:0 2px 8px rgba(0,136,204,.5);font-weight:900}.friends-subtitle{color:#aaa;font-size:.85em;margin-top:5px}.friends-stats-row{display:flex;gap:10px}.friends-stat-card{flex:1;background:linear-gradient(135deg,#282832f2,#1e1e28f2);padding:15px;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.1)}.friends-stat-card.highlight{background:linear-gradient(135deg,#0064004d,#003c004d);border-color:#4caf5066}.stat-value{font-size:1.8em;font-weight:900;color:gold}.friends-stat-card.highlight .stat-value{color:#4caf50}.stat-label{font-size:.8em;color:#aaa;margin-top:3px}.friends-invite-card{background:linear-gradient(135deg,#1a3a5c,#0d2840);padding:20px;border-radius:20px;display:flex;align-items:center;gap:15px;border:2px solid #0088cc;box-shadow:0 4px 20px #0088cc4d}.invite-icon{font-size:2.5em;flex-shrink:0}.invite-info{flex-grow:1}.invite-title{font-size:1.1em;font-weight:700;color:#fff;margin-bottom:5px}.invite-reward{font-size:.9em;color:#aaa}.reward-amount{color:#4caf50;font-weight:700}.invite-bonus{font-size:.75em;color:#666;margin-top:3px}.invite-btn{background:linear-gradient(135deg,#08c,#069);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-weight:700;font-size:.9em;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 3px #005080;transition:all .2s}.invite-btn:active{transform:translateY(2px);box-shadow:0 1px #005080}.invite-arrow{font-size:1.2em}.friends-list-section{background:linear-gradient(135deg,#282832f2,#1e1e28f2);border-radius:15px;padding:15px;border:1px solid rgba(255,255,255,.1)}.friends-list-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px;color:#aaa;font-weight:600}.friends-count-badge{background:#08c;color:#fff;padding:2px 10px;border-radius:10px;font-size:.85em}.friends-list{display:flex;flex-direction:column;gap:8px}.friend-item{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff08;border-radius:10px;transition:background .2s}.friend-rank{width:30px;color:#666;font-size:.85em;font-weight:600}.friend-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#08c,#069);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1em;flex-shrink:0}.friend-info{flex-grow:1;min-width:0}.friend-name{font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-balance{font-size:.8em;color:#777}.friend-bonus{color:#4caf50;font-weight:700;font-size:.9em;flex-shrink:0}.friends-more-hint{text-align:center;color:#666;font-size:.85em;padding:10px;font-style:italic}.friends-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px;color:#666}.loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top-color:#08c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.friends-empty{text-align:center;padding:30px}.empty-icon{font-size:3em;margin-bottom:10px}.empty-text{color:#777;font-size:1.1em;margin-bottom:5px}.empty-hint{color:#555;font-size:.9em}.roulette-modal-container{background:linear-gradient(135deg,#1e1e24,#121212);width:95%;max-width:420px;padding:30px 10px;border-radius:24px;display:flex;flex-direction:column;align-items:center;border:2px solid #333;box-shadow:0 20px 60px #000000e6;position:relative;overflow:visible}.roulette-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.roulette-header h2{margin:0;color:#fff;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.keys-badge{background:#ffffff1a;padding:6px 12px;border-radius:12px;color:#fff;font-weight:700;font-size:14px}.wheel-wrapper{position:relative;width:300px;height:300px;margin-bottom:30px;display:flex;justify-content:center;align-items:center}.wheel-arrow-overlay{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:50px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF5722'%3E%3Cpath d='M12 2L2 12h7v10h6V12h7L12 2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;transform:translate(-50%) rotate(180deg);z-index:20;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.wheel-svg{filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));border-radius:50%}.spin-btn-neon{width:100%;padding:16px;background:linear-gradient(90deg,#ff9800,#ff5722);border:none;border-radius:16px;color:#fff;font-size:18px;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 20px #ff572266;transition:transform .1s}.spin-btn-neon:active{transform:scale(.98)}.spin-btn-neon:disabled{background:#444;color:#888;box-shadow:none;cursor:not-allowed}.close-text-btn{margin-top:20px;background:none;border:none;color:#777;font-size:14px;cursor:pointer;text-decoration:underline}.win-popup-overlay{position:absolute;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:22px}.win-popup-card{background:#2a2a2a;padding:30px;border-radius:20px;text-align:center;width:80%;border:1px solid #444;position:relative;box-shadow:0 0 50px #00000080}.win-glow{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;opacity:.3;filter:blur(50px);z-index:-1}.win-amount{font-size:32px;font-weight:900;margin:10px 0}.win-type{color:#bbb;margin-bottom:20px}.claim-btn{background:#4caf50;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #4caf5066}.keys-container{display:flex;align-items:center;gap:8px}.add-key-btn{width:32px;height:32px;border-radius:50%;border:2px solid #4CAF50;background:#4caf5033;color:#4caf50;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-key-btn:hover:not(.disabled){background:#4caf5066;transform:scale(1.1)}.add-key-btn.disabled{border-color:#555;color:#555;background:#5553;cursor:not-allowed}.spin-buttons-row{display:flex;gap:10px;width:100%}.spin-btn-neon{flex:1}.spin-btn-ad{width:60px;min-width:60px;padding:16px;background:linear-gradient(90deg,#9c27b0,#7b1fa2);border:none;border-radius:16px;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 20px #9c27b066;transition:transform .1s;display:flex;align-items:center;justify-content:center}.spin-btn-ad:active{transform:scale(.98)}.spin-btn-ad.disabled{background:#444;color:#666;box-shadow:none;cursor:not-allowed}.key-menu-overlay{position:absolute;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:22px}.key-menu-card{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);padding:25px;border-radius:20px;text-align:center;width:85%;border:2px solid #4CAF50;box-shadow:0 0 30px #4caf504d}.key-menu-card h3{color:#fff;margin:0 0 15px;font-size:22px}.key-menu-card p{color:#aaa;margin-bottom:15px;font-size:14px;line-height:1.4}.key-menu-limit{background:#ffffff1a;padding:8px 12px;border-radius:10px;color:#fff;font-size:14px;margin-bottom:20px}.key-menu-limit strong{color:#4caf50}.get-key-btn{width:100%;padding:14px;background:linear-gradient(90deg,#4caf50,#388e3c);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #4caf5066;margin-bottom:10px;transition:transform .1s}.get-key-btn:active{transform:scale(.98)}.get-key-btn:disabled{background:#444;color:#888;box-shadow:none;cursor:not-allowed}.key-menu-close{background:none;border:none;color:#888;font-size:14px;cursor:pointer;text-decoration:underline;padding:10px}.raid-battle-container{height:calc(100vh - 60px);position:fixed;top:0;left:0;width:100%;background:radial-gradient(circle at center,#2b3240,#15171e);display:flex;flex-direction:column;justify-content:space-between;padding:10px;box-sizing:border-box;color:#fff;font-family:Segoe UI,sans-serif;overflow:hidden}.enemy-zone{display:flex;flex-direction:column;align-items:center;padding-top:10px}.hero-avatar{width:60px;height:60px;border-radius:50%;border:3px solid #e74c3c;background:#333;display:flex;justify-content:center;align-items:center;font-size:30px;z-index:2;box-shadow:0 0 15px #e74c3c80}.hero-avatar.player{border-color:#3498db;box-shadow:0 0 15px #3498db80}.hp-bar-mini{width:120px;height:10px;background:#444;border-radius:5px;margin-top:-10px;z-index:3;overflow:hidden;border:1px solid black}.hp-fill{height:100%;transition:width .3s}.battlefield{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:30px;background:#0003;border-radius:20px;margin:10px 0}.slots-row{display:flex;justify-content:center;gap:10px}.battle-slot{width:80px;height:100px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:10px;position:relative;transition:all .2s}.unit-card{width:100%;height:100%;background:linear-gradient(135deg,#444,#222);border-radius:8px;border:2px solid #888;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 5px 15px #00000080;animation:spawnPop .3s cubic-bezier(.17,.67,.83,.67)}.unit-card.player-unit{border-color:#3498db;background:linear-gradient(135deg,#2980b9,#2c3e50)}.unit-card.enemy-unit{border-color:#e74c3c;background:linear-gradient(135deg,#c0392b,#8e44ad)}@keyframes spawnPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.unit-icon{font-size:28px}.unit-stats{position:absolute;bottom:2px;width:100%;display:flex;justify-content:space-around;font-size:10px;font-weight:700;text-shadow:0 1px 1px black}.stat-atk{color:#ffeb3b}.stat-hp{color:#2ecc71}.damage-float{position:absolute;top:-20px;left:50%;transform:translate(-50%);color:#ff4757;font-weight:900;font-size:20px;animation:floatUp .8s forwards;z-index:10;text-shadow:0 0 5px black}@keyframes floatUp{to{transform:translate(-50%,-40px);opacity:0}}.player-zone{display:flex;flex-direction:column;gap:10px}.mana-bar{background:#222;padding:5px 15px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #3498db;color:#3498db;font-weight:700}.hand-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;min-height:110px}.hand-card{min-width:70px;height:100px;background:#34495e;border:2px solid #555;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px;color:#fff;font-size:10px;position:relative}.hand-card.affordable{border-color:#f1c40f;box-shadow:0 0 10px #f1c40f4d;cursor:pointer}.hand-card.too-expensive{opacity:.5;filter:grayscale(1)}.cost-badge{position:absolute;top:-5px;left:-5px;width:20px;height:20px;background:#3498db;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;border:2px solid white}.end-turn-btn{background:linear-gradient(to right,#f1c40f,#e67e22);border:none;border-bottom:4px solid #d35400;color:#333;font-weight:900;padding:12px;width:100%;border-radius:12px;text-transform:uppercase;font-size:16px}.end-turn-btn:active{transform:translateY(4px);border-bottom:none}@keyframes lunge{0%{transform:translateY(0)}50%{transform:translateY(-15px) scale(1.1)}to{transform:translateY(0)}}@keyframes lunge-enemy{0%{transform:translateY(0)}50%{transform:translateY(15px) scale(1.1)}to{transform:translateY(0)}}@keyframes shake{0%{transform:translate(0);filter:brightness(1)}25%{transform:translate(-5px);filter:brightness(.5) sepia(1) hue-rotate(-50deg) saturate(5)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0);filter:brightness(1)}}.attacking-player{animation:lunge .2s ease-in-out;z-index:10}.attacking-enemy{animation:lunge-enemy .2s ease-in-out;z-index:10}.taking-damage{animation:shake .3s ease-in-out}.cooldown-bar{position:absolute;top:2px;left:2px;right:2px;height:4px;background:#00000080;border-radius:2px;overflow:hidden}.cooldown-fill{height:100%;background:#f1c40f;transition:width .1s linear}.damage-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;overflow:visible}.floating-damage{position:absolute;top:20%;left:50%;transform:translate(-50%);color:#ff4757;font-size:24px;font-weight:900;text-shadow:2px 2px 0px #000;animation:floatUpFade .8s ease-out forwards}.floating-damage.crit{color:#ffeb3b;font-size:32px;animation:critPop .8s ease-out forwards}@keyframes floatUpFade{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,-50px) scale(1.2);opacity:0}}@keyframes critPop{0%{transform:translate(-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-10px) scale(1.5);opacity:1}to{transform:translate(-50%,-60px) scale(1);opacity:0}}.unit-card.dying{animation:deathFade .5s forwards;filter:grayscale(100%) brightness(.5)}@keyframes deathFade{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8;background:#e74c3c}to{transform:scale(0);opacity:0}}.hp-fill{transition:width .2s,background-color .2s}.hp-high{background-color:#2ecc71!important}.hp-mid{background-color:#f1c40f!important}.hp-low{background-color:#e74c3c!important}.drag-ghost{position:fixed;width:70px;height:100px;background:#3498dbe6;border:2px solid #f1c40f;border-radius:8px;pointer-events:none;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 20px #00000080;transform:translate(-50%,-50%) scale(1.1)}.hand-card.is-dragging{opacity:.3}.battle-slot.highlight{background:#2ecc714d;border-color:#2ecc71;box-shadow:0 0 15px #2ecc71;transform:scale(1.05)}.lobby-container{height:calc(100vh - 65px);width:100%;position:fixed;top:0;left:0;background:url(/images/bg_lobby.webp) no-repeat center center;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:100px;box-sizing:border-box;z-index:100}.lobby-overlay{display:none}.lobby-content{z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.game-title{font-size:48px;font-weight:900;color:#f1c40f;text-transform:uppercase;text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000,0 5px 15px rgba(0,0,0,.5);margin-bottom:30px}.start-battle-btn{background:linear-gradient(to bottom,#e74c3c,#c0392b);border:4px solid #fff;border-radius:25px;padding:15px 70px;color:#fff;font-size:28px;font-weight:900;text-transform:uppercase;box-shadow:0 10px #96281b,0 15px 20px #0009;transition:all .1s;cursor:pointer;text-shadow:2px 2px 0 rgba(0,0,0,.4)}.start-battle-btn:active{transform:translateY(10px);box-shadow:0 0 #96281b,0 5px 5px #00000080}.raid-battle-container{height:calc(100vh - 65px);background:radial-gradient(circle at center,#2b3240,#15171e);display:flex;flex-direction:column;justify-content:space-between;padding:10px;box-sizing:border-box;color:#fff;overflow:hidden;position:fixed;top:0;left:0;width:100%}.clan-screen{background:radial-gradient(circle at center,#2b3240,#15171e);min-height:100vh;box-sizing:border-box;padding:15px 15px 100px;font-family:Segoe UI,sans-serif;color:#fff;text-align:center;position:relative}.clan-screen h2{color:gold;text-transform:uppercase;text-shadow:0 2px 0 #000;font-weight:900;margin-bottom:5px}.clan-screen p{color:#8faab9;font-size:14px;font-weight:600}.clan-menu-grid{display:flex;flex-direction:column;gap:20px;margin-top:20px}.clan-card{background:linear-gradient(to bottom,#3c4354,#282c36);border-radius:18px;padding:20px;text-align:left;position:relative;border-top:1px solid rgba(255,255,255,.2);border-bottom:6px solid #1a1c24;box-shadow:0 10px 20px #00000080}.clan-card.create{background:linear-gradient(to bottom,#4a3b2a,#2e2418);border:2px solid #ffd700;border-bottom:6px solid #b8860b}.cc-icon{position:absolute;right:15px;top:15px;font-size:4em;opacity:.5}.cc-title{font-size:1.8em;font-weight:900;color:#fff;text-transform:uppercase;margin-bottom:10px;position:relative;z-index:2}.cc-desc{font-size:.9em;color:#ccc;margin-bottom:20px;max-width:75%;position:relative;z-index:2}.cc-btn{width:100%;padding:12px;border-radius:10px;border:none;font-weight:900;font-size:1.1em;cursor:pointer;text-transform:uppercase;position:relative;z-index:2}.cc-btn.gold{background:linear-gradient(to bottom,#ffeb3b,#fbc02d);color:#3e2723;border-bottom:4px solid #f57f17}.cc-btn.blue{background:linear-gradient(to bottom,#29b6f6,#0288d1);color:#fff;border-bottom:4px solid #01579b}.cc-btn:active{transform:translateY(4px);border-bottom-width:0}.clash-header{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:20px;text-align:left;color:#333;box-shadow:0 4px 15px #00000080}.clash-main-info{padding:15px;display:flex;align-items:center;gap:15px;background:#f0f2f5;border-bottom:2px solid #ccc}.clash-badge{width:60px;height:60px;border-radius:14px;display:flex;justify-content:center;align-items:center;font-size:2.5em;border:3px solid rgba(0,0,0,.1);background:#333;flex-shrink:0}.clash-clan-name{margin:0;font-size:1.3em;font-weight:900;color:#2c3e50;text-transform:uppercase}.clash-stats-strip{background:linear-gradient(to bottom,#3498db,#2980b9);display:flex;justify-content:space-around;padding:8px 0;color:#fff;border-top:3px solid #6dd5ed}.stat-col{display:flex;flex-direction:column;align-items:center;width:33%;border-right:1px solid rgba(255,255,255,.2)}.stat-col:last-child{border-right:none}.stat-label{font-size:.6em;opacity:.8}.stat-val{font-weight:700;font-size:.9em}.clan-emblem-wrapper{position:relative;width:72px;height:72px;flex-shrink:0;margin-right:15px;display:flex;justify-content:center;align-items:flex-end}.clash-badge{width:64px;height:68px;border-radius:6px 6px 32px 32px;display:flex;justify-content:center;align-items:center;font-size:2.2em;background:#333;border:3px solid #d4af37;border-top:4px solid #ffd700;border-bottom:3px solid #b7950b;box-shadow:inset 0 0 15px #0009,0 4px 10px #0006;position:relative;z-index:1}.clan-level-badge{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:30px;height:34px;background:linear-gradient(to bottom,gold,#b8860b);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;justify-content:center;align-items:center;z-index:10;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.clan-level-inner{width:24px;height:28px;background:linear-gradient(to bottom,#2c3e50,#000);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;justify-content:center;align-items:center;color:#fff;font-weight:900;font-family:Arial Black,sans-serif;font-size:1em;padding-top:1px;text-shadow:0 1px 2px black}.clash-actions-bar{background:#dfe6e9;padding:10px;display:flex;justify-content:flex-end}.btn-clash-gray{background:#bdc3c7;color:#2d3436;border:none;border-bottom:3px solid #7f8c8d;border-radius:6px;padding:6px 12px;font-weight:700;cursor:pointer}.btn-clash-red{background:#ff4757;color:#fff;border:none;border-bottom:3px solid #c0392b;border-radius:6px;padding:6px 12px;font-weight:700;cursor:pointer;margin-left:10px}.cr-list{display:flex;flex-direction:column;gap:8px}.cr-card{display:flex;align-items:center;background:#fff;border-radius:10px;padding:8px 12px;border-bottom:3px solid #bdc3c7;position:relative}.cr-rank-badge{width:28px;height:28px;border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:700;margin-right:10px;color:#fff;font-size:.9em}.rank-1{background:#f1c40f}.rank-2{background:#bdc3c7}.rank-3{background:#e67e22}.rank-other{background:#95a5a6}.cr-avatar{width:36px;height:36px;background:#333;border-radius:50%;margin-right:10px;background-size:cover}.cr-info{flex-grow:1;text-align:left}.cr-name{color:#2c3e50;font-weight:800;font-size:.9em}.cr-role{font-size:.7em;font-weight:700;text-transform:uppercase;color:#7f8fa4}.cr-trophies{background:#ecf0f1;padding:4px 8px;border-radius:12px;font-weight:900;color:#8e44ad;font-size:.9em}.clan-list-card{background:#2d3436;border-radius:12px;padding:12px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border:1px solid #444;border-bottom:4px solid #1e272e}.clan-name-title{color:#fff;font-weight:700}.clan-members-sub{font-size:.8em;color:#aaa}.btn-join-clan{background:#4cd137;color:#fff;border:none;border-bottom:3px solid #44bd32;padding:6px 15px;border-radius:15px;font-weight:700;cursor:pointer}.clan-input{width:100%;background:#1e272e;border:2px solid #485460;color:#fff;padding:12px;border-radius:8px;margin-bottom:15px;font-size:16px;box-sizing:border-box}.icon-builder{background:#1e272e;padding:20px;border-radius:15px;border:1px solid #485460;margin-bottom:20px}.clan-preview-icon{width:80px;height:80px;margin:0 auto 15px;border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:3em;border:3px solid gold}.color-selector,.symbol-selector{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.selector-item{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid #555;display:flex;justify-content:center;align-items:center}.selector-item.selected{border-color:gold;transform:scale(1.1)}.clan-chat-container{background:#1e1e1ef2;border-top:1px solid #555;border-radius:15px 15px 0 0;position:fixed;left:0;right:0;z-index:100;display:flex;flex-direction:column}.clan-chat-container.mini{bottom:65px;height:50px;cursor:pointer;margin:0 10px}.chat-messages-area{flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:5px}.chat-msg.me{background:#3498db;color:#fff;align-self:flex-end}.chat-msg.other{background:#444;color:#fff;align-self:flex-start}.chat-input{flex-grow:1;padding:10px;border-radius:20px;border:none;margin-right:10px}.chat-send-btn{border-radius:50%;width:40px;height:40px;background:#4cd137;border:none;cursor:pointer}.clan-chat-container.expanded{bottom:90px;height:60vh;box-shadow:0 -5px 20px #000c;border:2px solid #444;border-radius:15px;margin:0 10px}.clan-chat-container.mini{bottom:90px;background:linear-gradient(to right,#2980b9,#2c3e50);border:1px solid #3498db;color:#fff;font-weight:700;justify-content:center;align-items:center}.clan-tabs-wrapper{display:flex;background:#1e272e;padding:5px;border-radius:12px;margin-bottom:15px;border:1px solid #444;box-shadow:0 4px 10px #0000004d;gap:5px}.clan-tab-btn{flex:1;padding:10px 0;border:none;background:transparent;color:#888;font-weight:800;font-size:.9em;text-transform:uppercase;cursor:pointer;border-radius:8px;transition:all .2s ease}.clan-tab-btn.active{background:linear-gradient(to bottom,#f1c40f,#f39c12);color:#2d3436;box-shadow:0 2px 5px #0003;transform:scale(1.02)}.clan-tab-btn:hover:not(.active){background:#ffffff0d;color:#ddd}.cr-right-col{display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.cr-status{font-size:.7em;color:#95a5a6;margin-top:4px;white-space:nowrap}.cr-status.online{color:#2ecc71;font-weight:700}.clan-chat-container.mini{bottom:85px;left:15px;right:15px;width:auto;height:50px;border-radius:25px;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.15);box-shadow:0 5px 15px #00000080;justify-content:center;align-items:center;padding:0 15px}.clan-chat-container.mini .chat-messages-area{display:none}.clan-chat-container.mini:after{content:"💬 Открыть Чат Клана";color:gold;font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:1px}.clan-chat-container.expanded{bottom:0;height:80vh;border-radius:20px 20px 0 0;z-index:2000;padding-bottom:20px;background:#1a1a1a}.online-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background-color:#4cd137;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;z-index:5}.status-text-row{font-size:.8em;color:#95a5a6;font-weight:400;margin-left:6px}.clan-chat-container.expanded{height:80vh;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#1a1c22,#0f1013);border-radius:25px 25px 0 0;border-top:3px solid #ffd700;box-shadow:0 -10px 50px #000c;z-index:2000;display:flex;flex-direction:column;overflow:hidden}.chat-header-row{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(90deg,#2c3e50,#1a1a1a);border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-weight:800;font-size:1.1em;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 10px #0000004d;z-index:10}.close-chat-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.8em;display:flex;justify-content:center;align-items:center}.chat-messages-area{flex-grow:1;overflow-y:auto;padding:15px 15px 20px;display:flex;flex-direction:column;gap:12px;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px}.chat-msg.me{background:linear-gradient(135deg,#2196f3,#0d47a1);color:#fff;border:1px solid #42a5f5;border-radius:18px 18px 4px;box-shadow:0 4px 10px #2196f34d;margin-left:auto;text-align:right}.chat-msg.other{background:#2d3436;color:#eee;border:1px solid #444;border-radius:18px 18px 18px 4px;box-shadow:0 4px 10px #0003;margin-right:auto;text-align:left}.chat-msg{padding:10px 16px;font-size:.95em;line-height:1.4;max-width:80%;position:relative;word-wrap:break-word}.msg-author{font-size:.75em;font-weight:800;color:gold;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.msg-time{display:block;font-size:.65em;opacity:.6;margin-top:4px;text-align:right}.system-msg{align-self:center;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:gold;padding:4px 12px;border-radius:20px;font-size:.75em;font-weight:700;text-shadow:0 1px 2px black;margin:10px 0}.chat-input-area{padding:15px;background:#15171a;border-top:1px solid #333;display:flex;align-items:center;gap:10px;padding-bottom:max(15px,env(safe-area-inset-bottom))}.chat-input{flex-grow:1;background:#000;border:1px solid #444;border-radius:25px;padding:12px 20px;color:#fff;font-size:16px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:gold}.chat-send-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#2e7d32);border:2px solid #66bb6a;color:#fff;font-size:1.2em;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 10px #4caf5066}.chat-send-btn:active{transform:scale(.95)}.treasury-page{margin-top:15px;display:flex;flex-direction:column;gap:20px}.treasury-balance-card{background:linear-gradient(135deg,#1a1c2e,#0d0f1a);border-radius:24px;padding:30px 20px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,215,0,.2);box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0d}.treasury-balance-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.05) 0%,transparent 50%);animation:treasuryGlow 8s ease-in-out infinite;pointer-events:none}@keyframes treasuryGlow{0%,to{transform:translate(0) rotate(0);opacity:.5}50%{transform:translate(10%,10%) rotate(180deg);opacity:1}}.treasury-icon-glow{font-size:4em;margin-bottom:10px;position:relative;display:inline-block;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.4))}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.treasury-balance-amount{font-size:2.8em;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5),0 2px 0 #b8860b;letter-spacing:2px;position:relative;z-index:1}.treasury-balance-label{font-size:.9em;color:#89a;text-transform:uppercase;letter-spacing:3px;margin-top:5px;font-weight:600}.treasury-donate-btn{margin-top:20px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;padding:14px 32px;border-radius:50px;font-size:1em;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 15px #4caf5066,inset 0 1px #fff3;transition:all .3s ease;border-bottom:4px solid #1b5e20}.treasury-donate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.treasury-donate-btn:active{transform:translateY(2px);border-bottom-width:0}.treasury-shop-section{background:linear-gradient(to bottom,#ffffff0d,#0000001a);border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.08)}.treasury-shop-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.2em;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.shop-icon{font-size:1.3em}.shop-upgrade-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#2a2d3a,#1a1c24);border-radius:16px;padding:15px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.shop-upgrade-card:hover:not(.disabled):not(.coming-soon){transform:translateY(-2px);border-color:#ffd7004d;box-shadow:0 8px 25px #0006}.shop-upgrade-card.disabled{opacity:.6}.shop-upgrade-card.coming-soon{opacity:.5;filter:grayscale(.3)}.upgrade-card-left{display:flex;align-items:center;gap:15px}.upgrade-icon{width:50px;height:50px;background:linear-gradient(135deg,#3a3d4a,#2a2d3a);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:1.8em;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.upgrade-info{text-align:left}.upgrade-name{font-size:1em;font-weight:800;color:#fff;margin-bottom:4px}.upgrade-desc{font-size:.8em;color:#888}.upgrade-desc .highlight{color:gold;font-weight:700}.upgrade-buy-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;border:none;padding:10px 18px;border-radius:25px;font-weight:800;font-size:.85em;cursor:pointer;box-shadow:0 4px 10px #e67e2266;border-bottom:3px solid #a04000;transition:all .2s ease;white-space:nowrap}.upgrade-buy-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px #e67e2280}.upgrade-buy-btn:active:not(:disabled){transform:translateY(1px);border-bottom-width:0}.upgrade-buy-btn:disabled{background:linear-gradient(135deg,#555,#444);cursor:not-allowed;box-shadow:none;border-bottom-color:#333}.price-text{font-size:.9em}.price-icon{font-size:1.1em}.coming-soon-badge{background:linear-gradient(135deg,#555,#444);color:#aaa;padding:8px 16px;border-radius:20px;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:1px}.shop-leader-notice{text-align:center;color:#888;font-size:.85em;padding:12px;background:#ffffff08;border-radius:12px;margin-bottom:12px;border:1px dashed rgba(255,255,255,.1)}