body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-touch-callout:none;background-color:#121212;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.game-container,body{overflow:hidden;touch-action:none}.game-container{display:flex;flex-direction:column;height:100vh;width:100vw}.login-input{background:#333;border:1px solid #555;border-radius:5px;box-sizing:border-box;color:#fff;font-size:16px!important;margin-bottom:15px;padding:15px;touch-action:manipulation;width:100%}.login-btn-large,.register-btn-large{border:none;border-radius:5px;cursor:pointer;font-weight:700;margin-top:10px;padding:15px;width:100%}.login-btn-large{background:#4caf50;color:#fff}.register-btn-large{background:#2196f3;color:#fff}.resource-hud{display:flex;flex-direction:column;gap:8px;position:fixed;right:max(15px,env(safe-area-inset-right));top:max(15px,env(safe-area-inset-top));z-index:1000}.res-box{align-items:center;background:#1e1e1ed9;border:1px solid #ffffff1a;border-radius:8px;color:#fff;display:flex;font-family:Arial,sans-serif;font-size:11px;font-weight:700;height:20px;justify-content:space-between;letter-spacing:.5px;overflow:hidden;padding:0 12px;position:relative;width:100px}.res-box:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease-out;width:0;width:var(--fill-percentage,0);z-index:1}.res-content{align-items:center;display:flex;justify-content:space-between;width:100%;z-index:3}.res-box.gold:before{background:#ffd70066}.res-box.food:before{background:#ffa50066}.res-box.army:before{background:#4caf5066}.res-box .icon{font-size:18px;margin-right:5px}.res-box.gold{border-right:4px solid gold}.res-box.food{border-right:4px solid orange}.res-box.army{border-right:4px solid #4caf50}.profile-info-box{align-items:center;background:#1e1e1ee6;border:2px solid #555;border-radius:15px;display:flex;gap:10px;left:15px;padding:10px 15px;position:fixed;top:15px;z-index:100}.profile-name-area{align-items:flex-start;display:flex;flex-direction:column}.profile-name{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 1px #000}.profile-tp{color:gold;font-size:12px;font-weight:700}.profile-actions{display:flex;gap:5px;margin-left:10px}.profile-action-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;padding:2px;transition:color .2s}.profile-action-btn:hover{color:#f44336}.battle-button-box{bottom:max(15px,env(safe-area-inset-bottom));position:fixed;right:max(15px,env(safe-area-inset-right));z-index:500}.battle-button-box,.hud-main-btn{align-items:center;display:flex;flex-direction:column}.hud-main-btn{border:2px solid #fff;border-radius:15px;cursor:pointer;gap:2px;height:80px;justify-content:center;outline:2px solid #000;overflow:visible;position:relative;transition:all .1s ease-in-out;width:80px}.hud-main-btn:active{transform:translateY(4px)}.hud-btn-icon{font-size:32px;line-height:1}.hud-btn-text{color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;text-shadow:0 1px 2px #000;text-transform:uppercase}.start-battle-btn{background:linear-gradient(180deg,#ffeb3b 0,#fbc02d);border-bottom:4px solid #f57f17}.start-battle-btn .hud-btn-text{color:#d50000;text-shadow:0 1px 0 #fff6}.start-battle-btn:hover{filter:brightness(1.1)}.start-battle-btn:disabled{background:#ccc;border-bottom:4px solid #999;cursor:not-allowed;filter:grayscale(1)}.shop-button-box{bottom:max(15px,env(safe-area-inset-bottom));left:max(15px,env(safe-area-inset-left));position:fixed;z-index:500}.start-shop-btn{background:linear-gradient(180deg,#ffb74d 0,#f57c00);border-bottom:4px solid #e65100}.start-shop-btn:hover{filter:brightness(1.1)}.content-area{background-color:#2a3d20;background-image:none;cursor:default;flex:1 1;overflow:hidden;pointer-events:auto;position:relative;transform:translateZ(0)}.base-container:before{display:none!important}.building-container{will-change:auto}.building-card{alignItems:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:700;height:90%;justify-content:center;pointer-events:auto;position:relative;text-shadow:0 1px 3px #000;width:90%}.building-card.selected{transform:scale(1.1);z-index:200}.building-icon{font-size:28px}.building-sprite{backface-visibility:hidden;display:block;filter:none!important;height:auto;image-rendering:-webkit-optimize-contrast;max-height:150%;object-fit:contain;transform:translateZ(0);transform-origin:bottom center;width:100%;will-change:transform}.control-panel{align-items:center;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275);background:#0000;border:none;bottom:20px;display:flex;flex-direction:column;gap:15px;left:50%;max-width:90vw;min-width:300px;pointer-events:none;position:fixed;transform:translateX(-50%);width:auto;z-index:500}.action-buttons-grid{align-items:flex-end;gap:12px}.action-buttons-grid,.control-header-text{display:flex;justify-content:center;pointer-events:auto}.control-header-text{align-items:baseline;color:#fff;flex-direction:row;gap:10px;margin-bottom:10px;text-align:center;text-shadow:0 2px 4px #000000e6,0 0 10px #000c}.control-header-text h3{background:none;color:#fff;font-size:24px;font-weight:800;letter-spacing:.5px;margin:0;padding:0}.control-header-text p{color:gold;font-size:16px;font-weight:600;margin:0}.control-card-btn{align-items:center;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:75px;justify-content:center;overflow:hidden;position:relative;text-align:center;transition:all .2s;width:75px}.control-card-btn:hover{border-color:#fff;transform:translateY(-5px) scale(1.05);z-index:10}.control-card-btn:active{transform:translateY(4px)}.btn-icon{font-size:24px;margin-bottom:4px}.btn-label{font-size:10px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px #000;text-transform:uppercase}.btn-cost{background:#0009;border-radius:4px;color:gold;font-size:9px;margin-top:2px;padding:2px 4px;width:90%}.control-card-btn.army,.control-card-btn.info,.control-card-btn.move,.control-card-btn.train,.control-card-btn.upgrade{background:linear-gradient(180deg,#93a5b4 0,#34393d);border:2px solid #90caf9}.control-card-btn.disabled{background:linear-gradient(180deg,#616161,#424242);border:2px solid #9e9e9e;cursor:not-allowed;opacity:.9}.control-card-btn.disabled:active{transform:none}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px}.action-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;flex-grow:1;font-weight:700;padding:10px 15px}.action-btn.build{background:#ff9800;color:#000}.action-btn.train{background:#d32f2f}.action-btn.army{background:#556b2f}.action-btn.move{background:#2196f3}.action-btn.upgrade{background:#4caf50}.action-btn.close{background:#f44336}.info-bar-bottom{align-items:center;background:#000c;border-radius:30px;bottom:30px;color:#fff;display:flex;font-size:16px;gap:10px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:600}.info-bar-bottom button{background:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.fixed-modal{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.unit-modal-content{background:#222;border:1px solid #555;border-radius:10px;max-height:78vh;max-width:75vw;overflow-y:auto;padding:20px;position:relative}.shop-modal{display:flex;flex-direction:column;max-width:750px;padding:15px;width:95%}.build-category-tabs{border-bottom:2px solid #333;display:flex;gap:15px;justify-content:center;margin-bottom:20px;padding:10px 0}.tab-button{background:#333;border:1px solid #555;border-radius:10px;color:#ccc;cursor:pointer;font-weight:700;padding:8px 15px;transition:all .2s}.tab-button.active{background:gold;border-color:gold;color:#000}.build-scroll-container{overflow-x:auto;padding-bottom:15px}.build-scroll-container::-webkit-scrollbar{display:none}.build-horizontal-list{display:flex;gap:20px;min-width:500px}.build-card{background:linear-gradient(135deg,#444,#222);border:1px solid #666;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;min-width:150px;padding:10px;text-align:center}.build-card h3{font-size:14px;margin:5px 0}.build-card p{color:#bbb;font-size:11px;height:30px;margin:5px 0;overflow:hidden}.build-card .cost{font-size:12px;font-weight:700;margin-top:5px}.build-card .limit{color:#888;font-size:10px;margin-bottom:5px}.build-card button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px}.build-card.disabled button{background:#888;cursor:not-allowed}.build-req-info{border:1px dashed gold;border-radius:5px;color:gold;font-size:10px;padding:8px}.modal-close-x{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:28px;font-weight:700;line-height:1;padding:0;position:absolute;right:15px;top:15px;width:auto;z-index:10}.modal-close-x:hover{color:#f44336;transform:scale(1.1)}.battle-wrapper{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.matchmaking-box{background:linear-gradient(135deg,#1a1a1a,#2c2c2c);border:4px solid gold;border-radius:20px;max-width:500px;padding:40px;text-align:center;width:90%}.attack-btn,.find-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-top:20px;padding:15px 30px}.find-btn{background:linear-gradient(180deg,#d32f2f,#b71c1c)}.attack-btn{background:#d32f2f}.next-btn{background:#555;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.battle-field-container{height:100%;position:relative;width:100%}.back-btn{background:#333;border:none;color:#fff;cursor:pointer;left:20px;padding:10px;position:absolute;top:20px;z-index:100}.deployment-bar{-webkit-overflow-scrolling:touch;background:#0009;border-radius:15px;bottom:15px;display:flex;gap:10px;justify-content:flex-start;left:50%;max-width:60vw;overflow-x:auto;padding:10px;position:fixed;transform:translateX(-50%);z-index:1000}.unit-card-battle{align-items:center;background:#0006;border:2px solid #555;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:70px;justify-content:center;min-width:70px;overflow:visible;position:relative;transition:all .1s;width:70px}.unit-card-battle.selected{background:#00320099;border:3px solid #0f0;transform:scale(1.1);z-index:10}.unit-icon-battle{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;padding:0;width:100%}.unit-count{background:#d32f2f;border:2px solid #fff;border-radius:10px;color:#fff;font-size:12px;font-weight:800;padding:2px 6px;position:absolute;right:-8px;top:-8px;z-index:2}.deployed-unit{animation:bounce .5s infinite alternate;bottom:0;left:0;pointer-events:none;position:absolute;transform:rotate(45deg) rotateX(-50deg) translateY(-10px) scale(1.5);transform-origin:center bottom;z-index:300}@keyframes bounce{0%{transform:rotate(45deg) rotateX(-50deg) translateY(-10px) scale(1.5)}to{transform:rotate(45deg) rotateX(-50deg) translateY(-12px) scale(1.5)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.battle-preview-modal,.battle-searching-modal{align-items:center;background:#1e1e1ef2;border:2px solid gold;border-radius:15px;bottom:30px;display:flex;flex-direction:row;gap:30px;left:50%;max-width:90vw;padding:15px 30px;position:absolute;transform:translateX(-50%);z-index:1000}.battle-searching-modal{border-color:#0288d1;flex-direction:column;gap:15px;text-align:center}.battle-action-btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;text-transform:uppercase;transition:background .2s,transform .1s;width:100%}.battle-action-btn.attack{background:#d32f2f;border:2px solid #f44336;color:#fff}.battle-action-btn.attack:hover{background:#e53e3e}.battle-action-btn.next{background:#555;border:2px solid #777;color:#fff}.battle-action-btn.next:hover{background:#666}.battle-action-btn.cancel{background:#444;border:1px solid #666;color:#ccc;font-size:14px}.battle-action-btn.cancel:hover{background:#555}.res-box.minimal{font-size:12px;min-width:0;min-width:auto;padding:5px 10px}.battle-preview-modal .flex:last-child{display:flex;flex-direction:column}.map-grid:before{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-image:url(../../static/media/arkaplan7.981c486f251e955e54c2.webp),url(../../static/media/arkaplan7.981c486f251e955e54c2.jpg);background-position:50%;background-repeat:no-repeat;background-size:62% 62%;content:"";height:380%;left:55%;pointer-events:none;position:absolute;top:55%;transform:translate(-50%,-50%) rotate(314.2deg);width:380%;will-change:transform;z-index:-1}@media (min-width:1200px) and (pointer:fine){.map-grid:before{width:clamp(2100px,180vmax,3200px)}}.base-container.perf-mode .map-grid,.base-container.perf-mode .map-grid *{animation:none!important;transition:none!important}.base-container.perf-mode .building-icon,.base-container.perf-mode .building-sprite,.base-container.perf-mode .unit-icon-battle{box-shadow:none!important;filter:none!important}.map-grid.show-grid{background-color:#0003!important;background-size:24px 24px;cursor:crosshair}.map-grid.show-grid:after{border:5px solid gold;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}@media (max-width:768px){*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;text-shadow:none!important}}.map-cell.empty-cell{background-color:initial!important;border:none!important}.map-grid:active .building-card,.map-grid:active .building-container,.map-grid:active .building-sprite{image-rendering:pixelated;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.map-grid:active .building-card div[style*="background:red"]{display:none!important}.profile-hud{gap:10px;left:max(15px,env(safe-area-inset-left));position:fixed;top:max(15px,env(safe-area-inset-top));z-index:600}.profile-hud,.profile-square{align-items:center;display:flex}.profile-square{background:linear-gradient(180deg,#42a5f5,#1976d2);border:2px solid #bbdefb;border-radius:8px;color:#fff;cursor:pointer;flex-direction:column;height:50px;justify-content:center;text-shadow:0 1px 2px #000;transition:transform .1s;width:50px}.profile-square:active{transform:scale(.95)}.profile-icon{font-size:20px;line-height:1;margin-bottom:2px}.profile-level{font-size:10px;font-weight:700}.tp-badge{align-items:center;background:#000000b3;border:1px solid #ffd7004d;border-radius:20px;color:gold;display:flex;font-size:14px;font-weight:700;gap:5px;padding:5px 12px;text-shadow:0 1px 1px #000}.profile-menu{animation:slideDown .2s ease-out;background:#222;border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;gap:5px;left:0;padding:5px;position:absolute;top:60px;width:140px}.menu-btn{align-items:center;background:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px;text-align:left;transition:background .2s}.menu-btn:hover{background:#444}.menu-btn.logout{color:#ff5252}.menu-btn.logout:hover{background:#3e2727}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.battle-hud-top-left{background:#00000059;border:1px solid #ffffff26;border-radius:12px;display:flex;flex-direction:column;gap:2px;left:10px;min-width:auto;padding:6px 12px;position:absolute;top:10px;z-index:2000}.enemy-name-tag{align-items:center;border-bottom:1px solid #ffffff1a;color:gold;display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:2px;padding-bottom:4px;text-shadow:0 1px 2px #000;text-transform:uppercase}.loot-container-row{align-items:center;display:flex;gap:10px}.enemy-loot-row{align-items:center;color:#eee;display:flex;font-size:12px;font-weight:600;gap:4px}.battle-hud-top-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px;position:absolute;right:10px;top:10px;z-index:2000}.battle-res-display{align-items:center;background:#00000059;border:1px solid #fff3;border-radius:15px;color:#fff;display:flex;font-size:13px;font-weight:700;gap:6px;padding:4px 12px}.battle-hud-bottom-left{bottom:310px;left:15px;pointer-events:none;position:fixed;z-index:2000}.end-battle-btn{background:linear-gradient(180deg,#d32f2f,#b71c1c);border:3px solid #ef5350;border-bottom:5px solid #a00000;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:1px;text-transform:uppercase;transition:all .1s}.end-battle-btn:active{border-bottom-width:1px;transform:translateY(4px)}.end-battle-btn:hover{background:#e53e3e}.battle-hud-bottom-right{align-items:flex-end;bottom:120px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:2000}.next-battle-btn{align-items:center;background:linear-gradient(180deg,gold 0,orange);border:2px solid #fff3e0;border-bottom:5px solid #e65100;border-radius:12px;color:#5d4037;cursor:pointer;display:flex;flex-direction:column;font-family:Arial Black,sans-serif;font-size:10px;font-weight:900;line-height:1.1;padding:3px 18px;text-shadow:0 1px 1px #fff6;text-transform:uppercase;transition:all .1s}.next-battle-btn span{color:#6d4c41;font-size:11px;margin-top:5px}.next-battle-btn:active{border-bottom-width:1px;transform:translateY(4px)}.cancel-search-btn{background:#282828b3;border:1px solid #757575;border-radius:8px;color:#ccc;cursor:pointer;font-size:13px;font-weight:700;padding:8px 18px;transition:all .2s}.cancel-search-btn:hover{background:#555;color:#fff}.cancel-search-btn:active{transform:translateY(1px)}.coc-loot-row{background:#00000080;border:1px solid #555;border-radius:5px;padding:2px 10px;width:fit-content}.coc-loot-text{color:#fff;font-size:14px;font-weight:700;text-shadow:1px 1px 0 #000}.coc-top-right{gap:5px}.coc-my-resource{background:linear-gradient(180deg,#444,#222);border:2px solid #aaa;border-radius:5px;font-size:14px;font-weight:700;min-width:120px;padding:5px 10px}.coc-bottom-left{bottom:20px;left:20px}.coc-btn-end{background:linear-gradient(180deg,#e53935 0,#b71c1c);font-weight:800;padding:10px 20px;text-shadow:1px 1px 0 #000}.coc-bottom-right{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;position:absolute;right:20px}.coc-btn-next span{color:#fff8e1;font-size:12px;margin-top:5px}.coc-btn-icon{font-size:18px;margin-right:5px}.matchmaking-overlay{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.magnifying-glass-anim{animation:searchMove 1.5s ease-in-out infinite;font-size:80px;margin-bottom:20px}.searching-text{animation:pulseText 1s infinite alternate;color:#fff;font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase}@keyframes searchMove{0%{transform:rotate(-15deg) translateX(-30px)}50%{transform:rotate(15deg) translateX(30px)}to{transform:rotate(-15deg) translateX(-30px)}}@keyframes pulseText{0%{opacity:.5}to{opacity:1}}.coc-hud-overlay{box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;justify-content:space-between;left:0;padding:15px;pointer-events:none;position:fixed;top:0;width:100%;z-index:2000}.coc-hud-element{pointer-events:auto}.coc-top-left{background:#000000a6;border:2px solid #666;border-radius:12px;display:flex;flex-direction:column;gap:2px;left:15px;min-width:180px;padding:10px 15px;position:absolute;top:15px}.coc-enemy-header{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:10px;margin-bottom:8px;padding-bottom:5px}.coc-league-badge{font-size:28px}.coc-enemy-info{display:flex;flex-direction:column}.coc-enemy-label{color:#ccc;font-size:10px;font-weight:700;text-transform:uppercase}.coc-enemy-name{color:#fff;font-size:18px;font-weight:900;letter-spacing:.5px;text-shadow:2px 2px 0 #000}.coc-loot-title{color:#ddd;font-size:11px;font-weight:700;margin-bottom:2px}.coc-loot-row{align-items:center;display:flex;gap:8px;margin-top:2px}.coc-loot-icon{font-size:18px}.coc-loot-amount{color:#fff;font-size:16px;font-weight:800;text-shadow:1px 1px 0 #000}.coc-top-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px;position:absolute;right:15px;top:15px}.coc-my-resource{align-items:center;background:linear-gradient(90deg,#282828e6,#000c);border:1px solid #555;border-radius:8px;border-right:4px solid #333;color:#fff;display:flex;font-size:15px;font-weight:800;gap:10px;justify-content:flex-end;min-width:130px;overflow:hidden;padding:5px 12px;position:relative;text-shadow:1px 1px 0 #000}.coc-my-resource.gold-style{border-right-color:gold}.coc-my-resource.food-style{border-right-color:#ff5722}.coc-bottom-left{bottom:25px;left:25px;position:absolute}.coc-btn-end{background:linear-gradient(180deg,#ff5252 0,#b71c1c);border:2px solid #ff8a80;border-bottom:4px solid #7f0000;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial Black,sans-serif;font-size:16px;font-weight:900;padding:12px 25px;text-shadow:0 2px 0 #000;text-transform:uppercase;transition:transform .1s}.coc-btn-end:active{background:#b71c1c;border-bottom-width:0;transform:translateY(4px)}.coc-btn-next{align-items:center;background:linear-gradient(180deg,#ffca28 0,#ff6f00);border:2px solid #ffe082;border-bottom:4px solid #e65100;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Arial Black,sans-serif;font-size:20px;font-weight:900;line-height:1;padding:10px 40px;text-shadow:0 2px 0 #000;text-transform:uppercase}.coc-btn-next:active{border-bottom-width:0;transform:translateY(4px)}.valid-deployment{background-color:#ffffff26;transition:background-color .2s}.invalid-deployment{background-color:#ff00001a;cursor:not-allowed!important}.map-cell.valid-deployment:hover{background-color:#ffffff4d}@media only screen and (max-width:768px){.building-icon,.building-sprite{filter:none!important}.building-card.selected{border:2px solid gold;filter:none!important}}#rotate-warning{display:none}@media screen and (orientation:portrait){#rotate-warning{align-items:center;background-color:#111;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:100000}.game-container{display:none!important}.rotate-icon{animation:rotate-phone 2s ease-in-out infinite;font-size:60px;margin-bottom:20px}@keyframes rotate-phone{0%{transform:rotate(0deg)}50%{transform:rotate(-90deg)}to{transform:rotate(0deg)}}}.login-wrapper{background:radial-gradient(circle at center,#2b3238 0,#101010 100%);color:#fff;display:flex;height:100vh;overflow:hidden;width:100vw}.login-left-panel{align-items:center;background:#0003;border-right:1px solid #ffffff1a;display:flex;flex:3 1;flex-direction:column;justify-content:center}.game-title-large{color:gold;font-size:64px;font-weight:900;letter-spacing:2px;line-height:1.1;margin-bottom:20px;text-align:center;text-shadow:0 5px 15px #000c,0 0 30px #ffd7004d;text-transform:uppercase}.game-subtitle{background:#00000080;border-radius:20px;color:#ccc;font-size:18px;letter-spacing:5px;padding:5px 20px;text-transform:uppercase}.login-right-panel{align-items:center;background:#0006;display:flex;flex:2 1;flex-direction:column;justify-content:center;padding:40px}.login-form-box{display:flex;flex-direction:column;gap:15px;max-width:350px;width:100%}.login-input{background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:8px!important;color:#fff!important;font-weight:700!important;padding:15px!important}.login-input::placeholder{color:#aaa}.login-btn-group{gap:10px;margin-top:10px}.loading-overlay,.login-btn-group{display:flex;flex-direction:column}.loading-overlay{align-items:center;background:radial-gradient(circle,#2b2b2b 0,#000 100%);color:#fff;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100000}.loading-logo{-webkit-text-fill-color:#0000;animation:pulseLogo 2s ease-in-out infinite;background:-webkit-linear-gradient(gold,orange);-webkit-background-clip:text;font-size:60px;font-weight:900;letter-spacing:5px;margin-bottom:40px;text-shadow:0 0 20px #ffd7004d;text-transform:uppercase}.loading-bar-container{background:#333;border:2px solid #555;border-radius:10px;height:20px;max-width:500px;overflow:hidden;position:relative;width:60%}.loading-bar-fill{animation:loadProgress 3s ease-out forwards;background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;width:0}.loading-text{color:#ccc;font-family:monospace;font-size:18px;font-weight:700;margin-top:15px}.loading-tip{color:#888;font-size:14px;font-style:italic;margin-top:40px;max-width:80%;text-align:center}@keyframes loadProgress{0%{width:0}20%{width:10%}50%{width:40%}70%{width:80%}to{width:100%}}@keyframes pulseLogo{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.05)}to{filter:brightness(1);transform:scale(1)}}.build-card{position:relative}.info-btn-store{align-items:center;background:#2196f3e6;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:25px;justify-content:center;left:5px;line-height:1;position:absolute;top:5px;transition:background .2s;width:25px;z-index:10}.info-btn-store:hover{background:#1976d2}.unit-modal-content .res-box{align-items:center;display:flex;justify-content:center;min-width:120px}.log-card{background:linear-gradient(135deg,#1e1e1e,#252525);border:1px solid #333;border-radius:12px;display:flex;overflow:hidden;position:relative;transition:transform .1s}.log-card:hover{border-color:#555;transform:translateY(-2px)}.log-status-bar{height:auto;width:6px}.custom-scroll{scrollbar-color:#444 #121212;scrollbar-width:thin}.forgot-pass-btn{background:#0000;border:none;color:#aaa;cursor:pointer;font-family:Segoe UI,sans-serif;font-size:12px;margin-top:15px;text-decoration:underline;transition:color .2s}.forgot-pass-btn:hover{color:gold}.mini-chat-hud{background:#0009;border:1px solid #fff3;height:160px;top:80px;transition:opacity .3s;width:220px}.mini-chat-hud:hover{background:#000000d9;border-color:#ffffff80}.mini-chat-header{border-bottom:1px solid #ffffff1a;color:#aaa;cursor:pointer;font-size:10px;padding:5px 10px;text-align:center}.mini-chat-header:hover{color:#fff}.mini-chat-messages{display:flex;flex:1 1;flex-direction:column;font-size:11px;gap:3px;overflow-y:auto;padding:5px 8px;scrollbar-width:none}.mini-chat-messages::-webkit-scrollbar{display:none}.mini-msg-row{word-wrap:break-word;line-height:1.2}.mini-sender{font-weight:700;margin-right:4px}.mini-text{color:#ddd}.mini-chat-form{border-top:1px solid #ffffff1a;display:flex;padding:2px}.mini-chat-input{background:#0000!important;border:none!important;color:#fff!important;flex:1 1;font-size:11px!important;outline:none;padding:5px 8px!important}.mini-chat-btn{background:#0000;border:none;color:#4caf50;cursor:pointer;font-size:14px;padding:0 8px}.mini-chat-btn:hover{color:#81c784}.chat-toggle-btn{align-items:center;background:linear-gradient(135deg,#9c27b0,#673ab7);border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;left:max(15px,env(safe-area-inset-left));position:fixed;top:90px;transition:transform .2s;width:45px;z-index:500}.chat-toggle-btn:hover{transform:scale(1.1)}.chat-notification-dot{background:#f44336;border:1px solid #fff;border-radius:50%;height:12px;position:absolute;right:0;top:0;width:12px}.mini-chat-hud{animation:popUp .2s ease-out;background:#121212f2;border:1px solid #444;border-radius:10px;display:flex;flex-direction:column;height:300px;left:max(15px,env(safe-area-inset-left));position:fixed;top:90px;width:260px;z-index:500}@keyframes popUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.minimize-btn{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:14px;padding:0 5px}.minimize-btn:hover{color:#fff}.mini-chat-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #333;color:gold;display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:8px 10px}.map-grid{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#0000!important;background-color:initial!important;border:none!important;cursor:grab;height:864px;overflow:visible!important;position:absolute;transform-origin:center center;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:flat;width:864px;will-change:transform;z-index:10}.base-container{background:#0000!important;background-image:none!important;border:none!important}.battle-star-status{align-items:center;background:#0009;border:2px solid #fff3;border-radius:0 0 15px 15px;border-top:none;display:flex;flex-direction:column;justify-content:center;left:50%;padding:5px 25px;position:absolute;top:15px;transform:translateX(-50%);transition:all .3s ease;z-index:1000}.battle-star-status:hover{background:#000c;border-color:gold}.horizontal-scroll-snap{-webkit-overflow-scrolling:touch;display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding:10px 5px;scroll-behavior:smooth;scrollbar-color:#4caf50 #222;scrollbar-width:thin}.horizontal-scroll-snap::-webkit-scrollbar{height:8px}.horizontal-scroll-snap::-webkit-scrollbar-track{background:#222;border-radius:4px}.horizontal-scroll-snap::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.loot-pop-effect{animation:floatUpAndFade 1.2s ease-out forwards;font-size:20px;font-weight:900;pointer-events:none;position:absolute;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;white-space:nowrap;z-index:100000}@keyframes floatUpAndFade{0%{opacity:1;transform:translate3d(-50%,-150px,100px) rotate(-45deg) rotateX(-60deg) scale(.5)}40%{opacity:1;transform:translate3d(-50%,-200px,100px) rotate(-45deg) rotateX(-60deg) scale(1.3)}to{opacity:0;transform:translate3d(-50%,-300px,100px) rotate(-45deg) rotateX(-60deg) scale(1)}}.loot-pop-effect.gold{color:gold}.loot-pop-effect.food{color:#ff5722}@media only screen and (max-width:768px){*{box-shadow:none!important;text-shadow:none!important}*,.btn-icon,.building-card,.building-sprite,.hud-btn-icon{filter:none!important}.battle-star-status,.mini-chat-hud,.profile-info-box{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#000000e6!important}}@keyframes hammerSwing{0%{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(45deg)}50%{transform:translateX(-50%) rotate(-60deg)}to{transform:translateX(-50%) rotate(0deg)}}.construction-hammer{animation:hammerSwing 1s ease-in-out infinite;filter:none!important;font-size:25px;left:10%;pointer-events:none;position:absolute;top:-50px;transform-origin:bottom right;z-index:500}.deployed-unit{animation:none!important}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#555;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#4caf50}input:focus+.slider{box-shadow:0 0 1px #4caf50}input:checked+.slider:before{transform:translateX(26px)}.proj{animation:proj-move var(--dur) linear forwards;filter:none!important;height:1px;pointer-events:none;position:absolute;transform:translate(-50%,-50%) translate(0);width:1px}.proj.bullet:before{background:url(../../static/media/bullet_tracer.347c7ab7f22164ce0d84.png) 50%/contain no-repeat;height:16px;transform:translate(-50%,-50%) rotate(var(--ang));width:48px}.proj.bullet:after,.proj.bullet:before{content:"";left:50%;position:absolute;top:50%}.proj.bullet:after{background:#fffff0f2;border-radius:50%;box-shadow:0 0 10px #ffffdcbf;height:5px;transform:translate(-50%,-50%) rotate(var(--ang)) translateX(10px);width:5px}.proj.shell:before{background:url(../../static/media/shell.1709b322e30114784bd8.png) 50%/contain no-repeat;height:18px;width:18px}.proj.rocket:before,.proj.shell:before{content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--ang))}.proj.rocket:before{background:url(../../static/media/rocket.135aacab12f315607da5.png) 50%/contain no-repeat;height:24px;width:56px}.proj.rocket:after{background:#ff8c00a6;border-radius:3px;content:"";filter:blur(.3px);height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--ang)) translateX(-14px);width:18px}.proj.mortar{animation:mortar-arc var(--dur) ease-in-out forwards;height:1px;width:1px}.proj.mortar:before{background:url(data:image/png;base64,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) 50%/contain no-repeat;content:"";filter:none!important;height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--ang));width:18px}@keyframes proj-move{0%{transform:translate(-50%,-50%) translate(0)}to{transform:translate(-50%,-50%) translate(var(--dx),var(--dy))}}@keyframes mortar-arc{0%{transform:translate(-50%,-50%) translate(0) translateY(0)}50%{transform:translate(-50%,-50%) translate(calc(var(--dx)*.5),calc(var(--dy)*.5)) translateY(-60px)}to{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) translateY(0)}}.impact-fx{animation:impact-pop .25s ease-out forwards;background:#ffdc8cf2;border-radius:50%;box-shadow:0 0 10px #ffdc8cb3;height:10px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:10px}.impact-fx.explosion{background:url(../../static/media/mortar_explosion.1f6c971ba4d386b7542b.png) 50%/contain no-repeat;border-radius:0;box-shadow:none;height:64px;width:64px}@keyframes impact-pop{0%{opacity:.9;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.laser-beam{background:linear-gradient(90deg,#50ffdc00,#50ffdcf2,#3ca0fff2,#3ca0ff00);border-radius:3px;box-shadow:0 0 10px #3cc8ffa6;height:3px;pointer-events:none;position:absolute;transform-origin:0 50%}.game-viewport{inset:0;overflow:hidden;position:fixed;touch-action:none}.building-container{overflow:visible;position:absolute}.building-container:before{background:radial-gradient(ellipse at center,#00000047,#0000 70%);content:"";filter:blur(1px);height:26%;left:50%;pointer-events:none;position:absolute;top:80%;transform:translate(-50%,-50%) rotate(-45deg);width:72%;z-index:0}.building-container img{filter:none!important;position:relative;z-index:1}.map-grid div[style*=borderBottom],.map-grid div[style*=borderLeft],.map-grid div[style*=borderRight],.map-grid div[style*=borderTop]{box-shadow:0 0 5px #ff000080;filter:drop-shadow(0 0 2px red);transition:opacity .3s ease}.star-anim-overlay{left:50%;pointer-events:none;position:fixed;top:40%;transform:translate(-50%,-50%);z-index:10001}.star-anim-content{align-items:center;display:flex;flex-direction:column}.star-anim-content,.star-anim-icon{animation:starPop .6s cubic-bezier(.175,.885,.32,1.275) forwards}.star-anim-icon{color:gold;filter:drop-shadow(0 0 8px gold);font-size:80px;text-shadow:0 0 20px #ffd70099,0 5px 15px #00000080}.star-anim-text{color:#fff;font-size:40px;font-weight:900;letter-spacing:3px;margin-top:-20px;text-shadow:0 4px 10px #000,0 0 20px gold;text-transform:uppercase}@keyframes starPop{0%{filter:brightness(3);opacity:0;transform:scale(0)}70%{filter:brightness(1.5);opacity:1;transform:scale(1.2)}to{filter:brightness(1);opacity:1;transform:scale(1)}}@keyframes cocBounce{0%{filter:brightness(1);transform:scale(1)}30%{filter:brightness(1.2);transform:scale(1.1)}60%{filter:brightness(1.1);transform:scale(.98)}to{filter:brightness(1);transform:scale(1)}}.building-bounce{animation:cocBounce .25s ease-out;position:relative;transform-origin:bottom center;z-index:100}.projectile.troop_bullet{background:gold;border-radius:50%;box-shadow:0 0 8px gold,0 0 12px orange;filter:blur(.5px);height:6px;width:6px;z-index:1000}.projectile.heavy_bullet{background:#f40;box-shadow:0 0 10px red;height:10px;width:10px}.recruit-wrapper{background:#3c3c3c;border-radius:0;bottom:0;box-shadow:0 0 20px #000c;color:#fff;left:50%;max-width:700px;padding:5px;position:fixed;transform:translateX(-50%);width:95%;z-index:1000}.close-btn-v2{align-items:center;background:#555;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #00000080;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;line-height:1;position:absolute;right:0;top:-30px;width:30px;z-index:1001}.recruit-capacity-v2{border-top:1px solid #444;color:#ccc;font-size:11px;margin-top:5px;padding-top:5px;text-align:center}.recruit-header-fixed{display:none}.recruit-grid-container-v2{grid-gap:5px;-ms-overflow-style:none;display:grid;gap:5px;grid-auto-flow:column;grid-template-rows:1fr 1fr;overflow-x:auto;overflow-y:hidden;padding:5px 5px 0;scrollbar-width:none}.recruit-grid-container-v2::-webkit-scrollbar{display:none}.recruit-icon-card-v2{-webkit-touch-callout:none;-webkit-user-drag:none;cursor:pointer;flex-shrink:0;padding:0;position:relative;touch-action:manipulation;transition:opacity .1s;user-select:none;-webkit-user-select:none;width:70px}.recruit-icon-card-v2 img{-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}.recruit-icon-card-v2:hover:not(.locked) .recruit-image-wrapper-v2{border-color:#4caf50;box-shadow:0 0 5px #4caf50b3}.recruit-icon-card-v2.locked{cursor:not-allowed;filter:grayscale(100%);opacity:.4}.recruit-image-wrapper-v2{align-items:center;background:#555;border:1px solid #777;border-radius:5px;box-shadow:inset 0 0 5px #00000080;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.recruit-image-wrapper-v2 img{display:block;height:100%;object-fit:cover;width:100%}.unit-level-badge-v2{background:#8c1414e6;border-radius:5px;font-size:11px;line-height:normal;padding:3px 6px;right:5px;top:90%}.info-btn-v2,.unit-level-badge-v2{border:1px solid #fff;box-shadow:0 1px 3px #00000080;color:#fff;font-weight:700;position:absolute;transform:translateY(-50%);z-index:20}.info-btn-v2{align-items:center;background:#2196f3e6;border-radius:50%;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;left:0;padding:0;top:10%;width:20px}.info-btn-v2:hover{background:#1976d2}.lock-overlay-v2{align-items:center;background:#000000b3;color:#f44336;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.unit-info-modal-overlay{align-items:flex-start;display:flex;height:90vh;justify-content:center;left:50;padding:0;position:fixed;top:0;width:90vw;z-index:3000}.unit-info-modal{background:#2b2b2b;border:2px solid #2196f3;border-radius:10px;box-shadow:0 0 15px #000c;color:#fff;padding:15px;position:relative;width:250px}.close-info-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:20px;position:absolute}.info-header{align-items:center;border-bottom:1px solid #444;display:flex;gap:15px;margin-bottom:10px;padding-bottom:10px}.info-header img{background:#444;border-radius:6px;height:40px;padding:3px;width:40px}.info-header h3{font-size:16px;margin:0}.info-desc{color:#ccc;font-size:12px;font-style:italic;margin-bottom:10px}.info-stats{display:flex;flex-direction:column}.stat-row{border-bottom:1px solid #333;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.modal-buy-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px;width:100%}.modal-buy-btn:hover{background:#45a049}.category-buttons,.recruit-cost-tag,.recruit-name-tag,.unit-level-badge{display:none}.unit-info-modal.minimal{background:#1e1e1e;border:2px solid #42a5f5;max-width:350px;padding:10px;width:90%}.info-header-minimal{align-items:center;border-bottom:1px solid #333;display:flex;gap:10px;margin-bottom:10px;padding-bottom:10px}.unit-icon-minimal{background:#333;border:1px solid #555;border-radius:8px;height:60px;object-fit:contain;padding:3px;width:60px}.unit-name-minimal{color:#42a5f5;font-size:18px;font-weight:700;margin:0}.info-desc-minimal{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;font-size:11px;font-style:italic;margin:5px 0 0;overflow:hidden;text-overflow:ellipsis}.info-stats-minimal{display:flex;flex-direction:column;margin-bottom:10px}.stat-row-minimal{align-items:center;border-bottom:1px solid #282828;display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:6px 0}.stat-row-minimal.cost-row{border-bottom:1px solid #444;font-weight:700;padding-top:0}.stat-row-minimal .separator{color:#444;margin:0 5px}.modal-buy-btn{font-size:14px;margin-top:10px;padding:10px}.close-info-btn{font-size:24px;right:5px;top:5px}.info-desc,.info-header,.info-stats{display:none}.army-queue-panel{background:#0000004d;border:1px solid #555;border-radius:8px;display:flex;flex-direction:column;height:90px;margin:5px;padding:5px}.army-header{color:gold;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-bottom:4px;padding:0 5px}.capacity-text.full{color:#f44336}.army-scroll-area{align-items:center;display:flex;flex:1 1;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.army-scroll-area::-webkit-scrollbar{display:none}.empty-army-msg{color:#666;font-size:11px;font-style:italic;text-align:center;width:100%}.queue-item{background:#2a2a2a;border:1px solid #777;border-radius:6px;flex-shrink:0;height:50px;position:relative;width:50px}.queue-img-box{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.queue-img-box img{height:100%;object-fit:contain;width:100%}.queue-count{background:#4caf50;border-radius:4px;box-shadow:0 1px 2px #00000080;font-size:10px;padding:1px 4px;right:-5px}.queue-count,.queue-sell-btn{border:1px solid #fff;color:#fff;font-weight:700;position:absolute;top:-5px}.queue-sell-btn{align-items:center;background:#f44336;border-radius:50%;box-shadow:0 1px 3px #00000080;cursor:pointer;display:flex;font-size:14px;height:18px;justify-content:center;left:-5px;line-height:1;padding:0;width:18px;z-index:10}.queue-sell-btn:hover{background:#d32f2f;transform:scale(1.1)}.queue-sell-btn:active{transform:scale(.9)}.queue-lvl-badge{background:#000000b3;border-bottom-left-radius:5px;border-bottom-right-radius:5px;bottom:0;color:gold;font-size:9px;font-weight:700;left:0;padding:1px 0;position:absolute;text-align:center;width:100%}.profile-units{color:#fff;max-width:100%;overflow-x:hidden;padding:10px}.profile-units h2{color:gold;margin-bottom:20px;text-align:center;text-shadow:0 2px 4px #000c}.unit-grid{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:flex-start;box-sizing:border-box;display:flex;gap:15px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:10px;scrollbar-width:none;width:100%;&::-webkit-scrollbar{display:none}}.profile-unit-card{align-items:center;background:linear-gradient(135deg,#333,#222);border:2px solid #555;border-radius:12px;box-shadow:0 4px 10px #00000080;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;max-width:120px;min-width:100px;padding:10px;position:relative;transition:transform .2s;width:100%}.profile-unit-card:hover{border-color:gold;transform:translateY(-5px)}.unit-level-badge{background:#4caf50;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #00000080;height:20px;line-height:18px;padding:0;right:100px;text-align:center;width:20px}.profile-unit-card:before,.unit-level-badge{color:#fff;font-size:12px;font-weight:700;position:absolute;top:-8px;z-index:10}.profile-unit-card:before{background:#d32f2f;border:2px solid #fff;border-radius:12px;box-shadow:0 2px 5px #00000080;content:"x" attr(data-count);left:85px;padding:2px 8px}.image-wrapper{align-items:center;background:radial-gradient(circle,#555,#2a2a2a);border:1px solid #777;border-radius:10px;display:flex;height:70px;justify-content:center;margin-bottom:8px;padding:5px;width:70px}.profile-unit-img{height:100%;image-rendering:pixelated;object-fit:contain;width:100%}.profile-unit-info{text-align:center;width:100%}.profile-unit-info h4{color:#fff;font-size:12px}.profile-unit-info h4,.profile-unit-info p{margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-unit-info p{color:#aaa;font-size:10px}.sell-btn{background:#d32f2f;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:5px 0;transition:background .2s;width:100%}.sell-btn:hover{background:#e53e3e}.sold-alert{animation:popIn .3s ease-out;background:linear-gradient(90deg,#6c0202,#830a0a);border:2px solid #fff;border-radius:30px;box-shadow:0 5px 20px #00000080;color:#fff;font-weight:700;left:20px;padding:15px 30px;position:fixed;top:150px;transform:none;z-index:1000}@keyframes popIn{0%{opacity:0;transform:translateX(-50%) scale(.5)}to{opacity:1;transform:translateX(-50%) scale(1)}}.confirm-overlay{align-items:center;background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:4000}.confirm-box{animation:popIn .2s ease-out;background:linear-gradient(135deg,#333,#222);border:2px solid #f44336;border-radius:15px;box-shadow:0 0 20px #000c;color:#fff;padding:25px;text-align:center;width:300px}.confirm-box h3{color:#f44336;margin-top:0}.confirm-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 25px}.confirm-btn.yes{background:#d32f2f;box-shadow:0 4px 0 #b71c1c;color:#fff}.confirm-btn.yes:active{box-shadow:none;transform:translateY(4px)}.confirm-btn.no{background:#555;box-shadow:0 4px 0 #333;color:#fff}.confirm-btn.no:active{box-shadow:none;transform:translateY(4px)}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:#0003;border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#9c27b0}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.msg-bubble{border-radius:15px;box-shadow:0 2px 5px #0003;font-size:14px;line-height:1.4;margin-bottom:8px;max-width:80%;padding:10px 15px;position:relative}.msg-bubble.mine{align-self:flex-end;background:#4a148c;border-bottom-right-radius:2px;color:#fff}.msg-bubble.other{align-self:flex-start;background:#333;border-bottom-left-radius:2px;color:#ddd}.req-progress-bg{background:#ffffff1a;border-radius:3px;height:6px;margin-top:8px;overflow:hidden;width:100%}.req-progress-fill{background:#4caf50;height:100%;transition:width .3s ease}
/*# sourceMappingURL=main.670131cf.css.map*/