:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{display:block;min-height:100dvh;width:100dvw;overflow-x:hidden;overflow-y:auto;background-color:#0f0f0f;font-family:sans-serif}#root{min-height:100dvh}body.login-page{min-height:100dvh;min-width:100dvw;height:max-content;width:max-content;background:linear-gradient(135deg,#181a1b,#232526);display:flex;align-items:center;justify-content:center;overflow:auto}body.login-page #root{min-height:100dvh;min-width:100dvw;justify-content:center;align-items:center}.security-info-btn{margin-top:8px;background:#283c641a;color:#e3e3e3;border:none;border-radius:8px;padding:8px 18px;font-size:12px;cursor:pointer;transition:background .18s,color .18s,border .18s;box-shadow:0 1px 8px #0000001a}.security-info-btn:hover{background:#283c6452;color:#fff;border:1px solid #b8e0ff}.security-popup-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0e18b8;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.security-popup{background:linear-gradient(120deg,#1e2436eb,#282c36d1);border-radius:18px;box-shadow:0 4px 32px #0a0a1452,0 0 0 2px #78b4ff14;padding:24px 10px 18px;max-width:95vw;width:100%;min-width:0;max-width:580px;color:#e3e3e3;position:relative;border:1.5px solid #b8e0ff33;animation:popup-fade-in .25s;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);transition:box-shadow .3s,border .3s;overflow-y:auto;overflow-x:hidden;max-height:80dvh;scrollbar-width:thin;scrollbar-color:#b8e0ff33 #23234a}.security-popup::-webkit-scrollbar{width:8px}.security-popup::-webkit-scrollbar-thumb{background:#b8e0ff33;border-radius:6px}.security-popup::-webkit-scrollbar-track{background:#23234a;border-radius:6px}.security-popup h3{margin-top:0;margin-bottom:16px;color:#b8e0ff;font-size:1.15rem;font-weight:700;letter-spacing:.5px;text-align:center}.security-list{text-align:left;margin-bottom:18px;padding-left:18px;font-size:.98rem;line-height:1.5}.security-list li{margin-bottom:10px;word-break:break-word}.security-popup code{background:#23234a;color:#b8e0ff;border-radius:4px;padding:2px 6px;font-size:.97em;word-break:break-all}.security-popup a{color:#b8e0ff;text-decoration:underline;word-break:break-all}.security-close-btn{margin-top:8px;background:#283c642e;color:#b8e0ff;border:1px solid rgba(120,180,255,.18);border-radius:8px;padding:8px 18px;font-size:1rem;cursor:pointer;transition:background .18s,color .18s,border .18s;width:100%;max-width:220px;display:block;margin-left:auto;margin-right:auto}.security-close-btn:hover{background:#283c6452;color:#fff;border:1px solid #b8e0ff}@keyframes popup-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}body{min-height:100vh;min-width:100vw;background:linear-gradient(135deg,#181a1b,#232526);display:flex;align-items:center;justify-content:center}.login-glass-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background:none;overflow:hidden}.login-glass-bg:before{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:url(/images/De_mirage_cs2.webp) center center / cover no-repeat;z-index:1;pointer-events:none;filter:blur(2px) brightness(.85) saturate(120%);opacity:.92;animation:mirage-bg-scale 12s ease-in-out infinite}.login-glass-bg:after{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(120deg,#0a0a14e0,#28283cc7);z-index:2;pointer-events:none;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}@keyframes mirage-bg-scale{0%{transform:scale(1)}40%{transform:scale(1.08)}60%{transform:scale(.96)}to{transform:scale(1)}}@keyframes beckh-bg-move{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.05)}}.login-box{position:relative;z-index:1;background:linear-gradient(120deg,#1e20268c,#282c3661);border-radius:24px;box-shadow:0 8px 32px #0a0a148c,0 0 0 2px #ffffff14,0 1.5px 24px #78b4ff14;border:1.5px solid rgba(255,255,255,.22);padding:48px 36px 36px;text-align:center;color:#e3e3e3;max-width:450px;margin:0 auto;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);transition:box-shadow .3s,border .3s;overflow:hidden}.login-box h2{margin-bottom:18px;font-size:2rem;font-weight:700;letter-spacing:1px;color:#e3e3e3;text-shadow:0 2px 8px rgba(0,0,0,.32)}.login-box p{margin-bottom:32px;color:#bdbdbd;font-size:1.1rem;font-weight:400}.steam-button{border:none;background:#28283c38;border-radius:12px;width:100%;min-width:180px;max-width:340px;margin:0 auto;cursor:pointer;box-shadow:0 2px 8px #00000038;transition:transform .18s,box-shadow .18s,background .18s;display:flex;align-items:center;justify-content:center;padding:.7rem 1.2rem;gap:12px;font-family:inherit;font-size:1.08rem;font-weight:600;color:#c7d5e0;letter-spacing:.5px;outline:none}.steam-button img{width:32px;height:32px;display:block;border-radius:50%;background:transparent;box-shadow:0 2px 8px #0000002e;flex-shrink:0}.steam-button:hover{transform:scale(1.04) translateY(-2px);background:#3c3c5052;box-shadow:0 4px 16px #00000052;color:#fff}@media (max-width: 600px){.login-box{max-width:98dvw;padding:22px 2vw 18px;border-radius:14px;font-size:.98rem;margin:0 auto}.login-box h2{font-size:1.2rem;margin-bottom:12px}.login-box p{font-size:1rem;margin-bottom:18px}.security-popup{max-width:98dvw;min-width:0;padding:14px 2vw 12px;font-size:.97rem}.security-popup h3{font-size:1rem}.security-list{font-size:.95rem;padding-left:10px}.security-close-btn{font-size:.97rem;padding:8px;max-width:100%}.steam-button{min-width:0;max-width:100%;font-size:1rem;padding:.6rem .5rem;gap:8px}.steam-button svg{width:26px;height:26px}}.team-selector{display:flex;flex-direction:column;align-items:center;gap:24px}.team-selector h2{font-size:40px;font-weight:400;color:#899198;margin:10% 0 20px}.team-options{display:flex;gap:48px}.team-card{position:relative;width:340px;height:440px;border-radius:16px;padding:24px;cursor:pointer;text-align:center;transition:transform .3s,box-shadow .3s;background:#ffffff05;box-shadow:0 0 12px #0006}.team-card:hover{transform:scale(1.05);box-shadow:0 0 24px #0009}.team-card h3{font-size:60px;margin-top:0;margin-bottom:4px}.team-card p{margin-bottom:12px;font-size:1.2em;font-weight:500;letter-spacing:1px;position:absolute;bottom:24px;left:0;right:0;text-align:center;z-index:4;pointer-events:none}.team-card img{width:100%;height:auto}.team-card.ct{background-color:#12222ee6;border:2px solid #00b4ff;color:#ace6ff}.team-card.t{background-color:#2e1212e6;border:2px solid #ff4b4b;color:#ff9c9c}.team-card:after{pointer-events:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:linear-gradient(to top,#12222e,#12222e00)}.team-card.t:after{background:linear-gradient(to top,#2e1212,#2e121200)}html,body,#root,*{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}body{margin:0;height:100dvh;width:100dvw;display:flex;flex-direction:column;background:#121212;color:#fff}#root{flex:1;display:flex;flex-direction:column;height:inherit;width:inherit;overflow:hidden}#root>div,.page{display:flex;height:inherit;width:inherit;flex-direction:column;align-items:center;justify-content:center}#root>div{position:relative;z-index:0}#root>div:before{content:"";position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-image:url(/images/De_mirage_cs2.webp);background-size:cover;background-position:center;z-index:0;opacity:1;animation:mirage-bg-scale 30s ease-in-out infinite;pointer-events:none}@keyframes mirage-bg-scale{0%{transform:scale(1)}40%{transform:scale(1.08,1.13)}60%{transform:scaleX(.98)}to{transform:scale(1)}}.header{position:relative;display:flex;justify-content:space-between;align-items:center;background-color:#17171799;padding:10px 30px;box-shadow:0 4px 8px #0000001a;width:100dvw;z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:32px;z-index:2}.user-info{display:flex;align-items:center;gap:16px}.user-info .user-details{display:flex;flex-direction:column}.user-info .user-details h2{margin:0;font-size:20px}.logout-button{padding:8px 16px;font-size:14px;background-color:#ff4d4f;border:none;color:#fff;border-radius:8px;cursor:pointer;transition:background .3s}.logout-button:hover{background-color:#ff1a1c}.page-container{color:#fff;text-align:center;padding:40px;box-sizing:border-box;max-width:100dvw;max-height:100dvh;overflow-y:auto;overflow-x:hidden}.profile-box{margin-bottom:20px}.team-select{margin-top:30px}.team-button{padding:12px 32px;margin:10px;font-size:18px;border:none;border-radius:12px;cursor:pointer;transition:.3s}.team-button.ct{background-color:#007bff;color:#fff}.team-button.t{background-color:#dc3545;color:#fff}.team-button:hover{opacity:.85}.page-container:has(.taskbar){padding-top:0}.taskbar{position:sticky;top:0;background-color:#1e1e1e80;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #33333350;z-index:10;width:100dvw;box-shadow:0 2px 4px #0000004d;font-size:.95rem;color:#ccc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.change-team-btn{background-color:#444;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.change-team-btn:hover{background-color:#666}@media (max-width: 915px){.header{padding:5px 15px}.header .user-info{gap:5px}.header .user-info img{width:45px;height:45px}.header .user-info .user-details h2{font-size:1.2em;padding-left:5px}.header .user-info .user-details a{display:none}.taskbar{padding:8px 15px;font-size:.9rem}.page-container{padding:10px}.team-selector{gap:5px}.team-selector h2{margin:15px 0 10px;font-size:2em}.team-selector .team-options{gap:15px}.team-selector .team-options .team-card{width:50%;height:100%;max-height:400px;overflow:hidden}}@media (max-width: 515px){.team-selector h2{font-size:1.5em;margin-top:10px}.team-selector .team-options{flex-direction:column}.team-selector .team-options .team-card{width:100%;height:100%;max-height:350px}}.weapon-categories{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;justify-content:center}.category-button{font-size:1.1em;font-weight:500;background-color:#2b2b2b;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;transition:background-color .2s}.category-button:hover{background-color:#3a3a3a}.category-button.active{background-color:#007bff}.after-team-selection{display:flex;flex-direction:column;align-items:center;flex:1;width:100%}.weapons-section{width:100%;max-width:1200px;padding:20px}.weapons-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%}.weapon-card{position:relative;background-color:#1f1f1f;border-radius:12px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s,border .3s;width:150px;border:2px solid transparent}.weapon-card:hover{transform:scale(1.05);box-shadow:0 0 10px #0006}.weapon-img{max-width:100%;height:auto;object-fit:contain}.weapon-name{font-size:1em;color:#fff;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weapon-card.selected-knife{border:3px solid #4CAF50;box-shadow:0 0 20px #4caf5080;background:linear-gradient(145deg,#4caf501a,#4caf500d);transform:scale(1.05)}.weapon-card.selected-knife:hover{transform:scale(1.08)}.selected-indicator{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #4caf5066;animation:pulseGlow 2s ease-in-out infinite;z-index:10}@keyframes pulseGlow{0%,to{box-shadow:0 2px 8px #4caf5066}50%{box-shadow:0 2px 16px #4caf50cc}}.weapon-card.selected-knife{animation:selectPulse .5s ease-out}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.no-weapons-message{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#ffffff80;font-size:16px;width:100%}@media (max-width: 915px){.page-container{padding:10px}.after-team-selection .weapons-section{display:flex;flex-direction:column;align-items:center}.after-team-selection .weapons-section .weapon-categories{gap:5px;margin-bottom:15px;margin-top:10px}.after-team-selection .weapons-section .weapon-categories button{font-size:1.2em;padding:8px 14px}.after-team-selection .weapons-section .weapons-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:100%;align-items:center}.after-team-selection .weapons-section .weapons-grid .weapon-card{width:100%;max-width:150px;margin-bottom:10px}.after-team-selection .weapons-section .weapons-grid .weapon-name{margin-top:2px}.selected-indicator{font-size:10px;padding:3px 8px;top:4px;right:4px}.weapon-card.selected-knife{transform:scale(1.02)}.weapon-card.selected-knife:hover{transform:scale(1.05)}}.skeleton-header{width:100%;height:40px;background:linear-gradient(90deg,#1f1f1f 25%,#2a2a2a,#1f1f1f 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:8px;margin-bottom:24px}.skeleton-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%}.skeleton-card{width:150px;height:150px;background:linear-gradient(90deg,#1f1f1f 25%,#2a2a2a,#1f1f1f 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:12px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.customizer-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.customizer-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;max-width:1400px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);position:relative}.close-button{position:absolute;top:20px;right:20px;background:#ff3b301a;border:2px solid rgba(255,59,48,.3);color:#ff3b30;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.close-button:hover{background:#ff3b3033;border-color:#ff3b3080;transform:rotate(90deg)}.customizer-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px;overflow:hidden;height:100%}.left-panel{display:flex;flex-direction:column;gap:20px;overflow:hidden}.left-panel h2{color:#fff;font-size:24px;font-weight:600;margin:0;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.1)}.skins-list,.agents-list,.gloves-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;overflow-y:auto;padding:10px;max-height:100%}.skins-list::-webkit-scrollbar,.agents-list::-webkit-scrollbar,.gloves-list::-webkit-scrollbar{width:8px}.skins-list::-webkit-scrollbar-track,.agents-list::-webkit-scrollbar-track,.gloves-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.skins-list::-webkit-scrollbar-thumb,.agents-list::-webkit-scrollbar-thumb,.gloves-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.skins-list::-webkit-scrollbar-thumb:hover,.agents-list::-webkit-scrollbar-thumb:hover,.gloves-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.skin-item,.agent-item,.glove-item{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.skin-item:hover,.agent-item:hover,.glove-item:hover{background:#ffffff1a;border-color:#4caf5080;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.skin-item.selected,.agent-item.selected,.glove-item.selected{background:#4caf5026;border-color:#4caf50;box-shadow:0 0 20px #4caf504d}.skin-item img,.agent-item img,.glove-item img{width:100%;height:120px;object-fit:contain;border-radius:8px}.paint_name{color:#fff;font-size:13px;font-weight:500;line-height:1.3;word-break:break-word}.right-panel{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:10px}.preview-section{background:#0000004d;border-radius:12px;padding:30px;border:1px solid rgba(255,255,255,.1)}.preview-image{width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:8px;margin-bottom:20px}.pov-preview{position:relative}.pov-stickers-layer{position:absolute;inset:0;pointer-events:none}.pov-sticker{position:absolute;width:72px;height:72px;object-fit:contain;opacity:.95;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}.no-skin{color:#ffffff80;text-align:center;padding:60px 20px;font-size:16px}.preview-details{color:#fff}.preview-details h3{font-size:22px;font-weight:600;margin:0 0 15px;text-transform:capitalize;color:#4caf50}.preview-details p{margin:8px 0;font-size:14px;color:#ffffffe6}.nametag_prev{color:gold!important;font-style:italic}.preview-keychain,.preview-stickers{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.keychain-preview,.stickers-grid{margin-top:10px}.stickers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sticker-preview-slot{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.sticker-preview-slot img{width:100%;height:100%;object-fit:contain}.empty-slot{color:#ffffff4d;font-size:12px}.controls-section{display:flex;flex-direction:column;gap:15px}.controls-section label{display:flex;flex-direction:column;gap:8px;color:#fff}.controls-section label span{font-size:14px;font-weight:500;color:#ffffffe6}.controls-section input[type=range],.controls-section input[type=number],.controls-section input[type=text]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px;color:#fff;font-size:14px}.controls-section input[type=range]{height:6px;padding:0}.controls-section input[type=checkbox]{width:20px;height:20px;cursor:pointer}.controls-section button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;padding:12px 20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.controls-section button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.action-buttons{display:flex;gap:15px;margin-top:20px}.action-buttons button{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:15px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-buttons button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.action-buttons .save-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none}.action-buttons .save-button:hover{box-shadow:0 4px 12px #4caf5066}@media (max-width: 1024px){.customizer-content{grid-template-columns:1fr}.skins-list,.agents-list,.gloves-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:400px}}@media (max-width: 768px){.customizer-overlay{padding:10px}.customizer-container{max-height:95vh}.customizer-content{padding:20px;gap:20px}.skins-list,.agents-list,.gloves-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.skin-item img,.agent-item img,.glove-item img{height:80px}}.sticker-popup-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sticker-popup{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border-radius:16px;box-shadow:0 20px 60px #00000080;width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;border:1px solid rgba(76,175,80,.3)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.sticker-popup-header h3{margin:0;font-size:24px;font-weight:600;color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.3)}.close-btn-header{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);color:#ff3b30;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:20px;transition:all .2s;font-weight:700}.close-btn-header:hover{background:#ff3b3033;transform:scale(1.05)}.sticker-slots-section{padding:20px 24px;border-bottom:1px solid rgba(76,175,80,.2);background:#0003}.sticker-slots-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.sticker-slot-box{position:relative;aspect-ratio:1;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:2px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sticker-slot-box.selected-slot{border-color:#4caf50;box-shadow:0 0 20px #4caf5066,inset 0 0 20px #4caf501a;background:linear-gradient(145deg,#4caf501a,#4caf500d)}.sticker-preview-wrapper img{max-width:90%;max-height:90%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#ffffff4d;font-size:32px;transition:all .3s}.empty-slot span{font-weight:300}.empty-slot small{font-size:12px;text-transform:uppercase;letter-spacing:1px}.sticker-slot-box:hover .empty-slot{color:#4caf50cc;transform:scale(1.1)}.remove-sticker-btn{position:absolute;top:4px;right:4px;background:#ff3b30e6;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:10}.remove-sticker-btn:hover{background:#ff3b30;transform:scale(1.2)}.rotation-indicator{position:absolute;bottom:4px;right:4px;background:#4caf50e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.clear-all-btn{width:100%;padding:12px;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);color:#ff3b30;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.clear-all-btn:hover{background:#ff3b3033;transform:translateY(-2px)}.sticker-controls{padding:24px;background:#0000004d;border-bottom:1px solid rgba(76,175,80,.2);animation:slideDown .3s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.sticker-controls h4{margin:0 0 20px;color:#4caf50;font-size:18px;font-weight:600}.control-group{margin-bottom:20px}.control-group label{display:flex;flex-direction:column;gap:8px}.control-group label>span{color:#ffffffe6;font-weight:500;font-size:14px}.slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer;box-shadow:0 0 10px #4caf5080;transition:all .2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px #4caf50cc}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4caf50;cursor:pointer;border:none;box-shadow:0 0 10px #4caf5080;transition:all .2s}.slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 15px #4caf50cc}.slider-labels{display:flex;justify-content:space-between;font-size:11px;color:#ffffff80;margin-top:4px}.control-group-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.quick-presets{display:flex;gap:12px;align-items:center;margin:16px 0}.quick-presets span{color:#ffffffb3;font-size:14px}.quick-presets button{padding:8px 16px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.quick-presets button:hover{background:#4caf5033;transform:translateY(-2px)}.reset-config-btn{width:100%;padding:12px;background:#ff9f0a1a;border:1px solid rgba(255,159,10,.3);color:#ff9f0a;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;margin-top:12px}.reset-config-btn:hover{background:#ff9f0a33;transform:translateY(-2px)}.sticker-search-section{padding:20px 24px;border-bottom:1px solid rgba(76,175,80,.2);display:flex;gap:12px;align-items:center}.sticker-search{flex:1;padding:12px 16px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px;transition:all .3s}.sticker-search:focus{outline:none;border-color:#4caf50;box-shadow:0 0 20px #4caf5033}.clear-search-btn{padding:12px 20px;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);color:#ff3b30;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.clear-search-btn:hover{background:#ff3b3033}.sticker-list{flex:1;overflow-y:auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;align-content:start}.sticker-list::-webkit-scrollbar{width:8px}.sticker-list::-webkit-scrollbar-track{background:#0003}.sticker-list::-webkit-scrollbar-thumb{background:#4caf5080;border-radius:4px}.sticker-list::-webkit-scrollbar-thumb:hover{background:#4caf50b3}.sticker-item{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px}.sticker-item:hover{border-color:#4caf5080;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #4caf5033}.sticker-item img{width:100%;height:80px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.sticker-name{font-size:11px;color:#ffffffb3;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#ffffff80}.no-results p{font-size:18px;margin-bottom:20px}.no-results button{padding:12px 24px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.no-results button:hover{background:#4caf5033}.sticker-list-info{grid-column:1 / -1;text-align:center;padding:16px;background:#ff9f0a1a;border:1px solid rgba(255,159,10,.3);border-radius:8px;color:#ff9f0a;font-size:13px}.sticker-popup-footer{padding:20px 24px;background:#0000004d;border-top:1px solid rgba(76,175,80,.2);display:flex;justify-content:space-between;align-items:center}.keyboard-hints{display:flex;gap:16px;align-items:center;font-size:13px;color:#fff9}.keyboard-hints kbd{background:#ffffff1a;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.2);font-family:monospace;font-size:12px;margin-right:4px}.done-btn{padding:12px 32px;background:linear-gradient(135deg,#4caf50,#45a049);border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s;box-shadow:0 4px 12px #4caf504d}.done-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}@media (max-width: 768px){.sticker-popup{width:95%;max-height:95vh}.sticker-slots-preview{grid-template-columns:repeat(2,1fr)}.sticker-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.control-group-row{grid-template-columns:1fr}.keyboard-hints{display:none}}.sticker-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid rgba(76,175,80,.3);background:linear-gradient(90deg,rgba(76,175,80,.1) 0%,transparent 100%)}.header-controls{display:flex;gap:12px;align-items:center}.toggle-preview-btn{padding:8px 16px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.toggle-preview-btn:hover{background:#4caf5033;transform:translateY(-2px)}.weapon-preview-section{padding:24px;background:#0003;border-bottom:1px solid rgba(76,175,80,.2);animation:slideDown .3s ease-out}.weapon-preview-section h4{margin:0 0 16px;color:#4caf50;font-size:16px;font-weight:600;text-align:center}.weapon-preview-canvas{position:relative;width:100%;height:300px;background:radial-gradient(circle,#2a2a2a,#1a1a1a);border-radius:12px;border:2px solid rgba(76,175,80,.2);overflow:hidden;margin-bottom:16px;box-shadow:inset 0 4px 12px #00000080}.draggable-sticker{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;transition:filter .2s ease;will-change:transform}.draggable-sticker:hover{filter:drop-shadow(0 6px 12px rgba(76,175,80,.4))!important}.draggable-sticker.selected{filter:drop-shadow(0 8px 16px rgba(76,175,80,.6))!important;z-index:1000!important}.draggable-sticker.dragging{cursor:grabbing;filter:drop-shadow(0 10px 20px rgba(76,175,80,.8))!important;z-index:1001!important}.draggable-sticker img{width:80px;height:80px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.sticker-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:#4caf50e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none;box-shadow:0 2px 4px #0000004d}.preview-instructions{display:flex;flex-direction:column;gap:8px;padding:12px;background:#4caf500d;border-radius:8px;border:1px solid rgba(76,175,80,.2)}.preview-instructions p{margin:0;font-size:13px;color:#fffc;line-height:1.4}.preview-instructions strong{color:#4caf50;font-weight:600}.sticker-slot-box{position:relative;aspect-ratio:1;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:3px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:100px}.sticker-slot-box:hover{border-color:#4caf5080;transform:translateY(-4px);box-shadow:0 8px 24px #4caf5033}.sticker-slot-box.selected-slot{border-color:#4caf50;border-width:3px;box-shadow:0 0 30px #4caf5099,inset 0 0 20px #4caf501a;background:linear-gradient(145deg,#4caf5026,#4caf500d)}.sticker-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);color:#ffffffe6;padding:8px 4px 4px;font-size:10px;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transition:opacity .2s}.sticker-slot-box:hover .sticker-name-overlay{opacity:1}.grid-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:.3}.sticker-preview-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.sticker-preview-wrapper img{max-width:85%;max-height:85%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.rotation-indicator{position:absolute;bottom:4px;right:4px;background:#4caf50f2;color:#fff;padding:3px 7px;border-radius:6px;font-size:11px;font-weight:700;box-shadow:0 2px 4px #0000004d;z-index:10}.remove-sticker-btn{position:absolute;top:4px;right:4px;background:#ff3b30f2;border:none;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:10;box-shadow:0 2px 6px #0000004d}.sticker-slot-box:hover .remove-sticker-btn{opacity:1}.remove-sticker-btn:hover{background:#ff3b30;transform:scale(1.15);box-shadow:0 4px 8px #ff3b3080}@media (max-width: 768px){.weapon-preview-canvas{height:250px}.draggable-sticker img{width:60px;height:60px}.preview-instructions{font-size:12px}.sticker-slots-preview{grid-template-columns:repeat(3,1fr)}.sticker-slot-box{min-height:80px}.toggle-preview-btn{font-size:12px;padding:6px 12px}}@media (max-width: 480px){.weapon-preview-canvas{height:200px}.draggable-sticker img{width:50px;height:50px}.header-controls{flex-direction:column;gap:8px}.toggle-preview-btn{width:100%}}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-20px)}to{max-height:600px;opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 20px #4caf5066}50%{box-shadow:0 0 30px #4caf50b3}}.selected-slot{animation:pulse 2s ease-in-out infinite}@media (prefers-color-scheme: dark){.weapon-preview-canvas{background:radial-gradient(circle,#1a1a1a,#0a0a0a)}.grid-overlay{background:linear-gradient(0deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}}.draggable-sticker:focus{outline:2px solid #4CAF50;outline-offset:2px}.sticker-slot-box:focus{outline:2px solid #4CAF50;outline-offset:2px}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.draggable-sticker img,.sticker-preview-wrapper img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.toast{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:10000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.toast-error{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.toast-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.toast-icon{font-size:18px;font-weight:700}.toast-message{flex:1}main.loading_div_container{display:flex;justify-content:center;align-items:center;min-height:100dvh;width:100vw;font-size:1.3rem;z-index:1000;color:#e3e3e3;position:relative;background:none;overflow:hidden}main.loading_div{content:"";position:fixed;top:0;left:0;width:100vw;height:100dvh;background:url(/images/De_mirage_cs2.webp) center center / cover no-repeat;z-index:0;filter:blur(2px) brightness(.85) saturate(120%);opacity:.92}main.loading_div:after{background:#000000f0;content:"";position:absolute;top:0;left:0;width:100vw;height:100dvh;z-index:1;pointer-events:none;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}main.loading_div p{font-size:1.2em;color:#e3e3e3;font-weight:600;text-align:center;z-index:5;text-shadow:0 2px 8px rgba(0,0,0,.32)}body .page:after{background:#000000f0;content:"";position:absolute;top:0;left:0;width:100vw;height:100dvh;z-index:1;pointer-events:none;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}@media (max-width: 600px){main.loading_div_container{font-size:1rem;min-height:100dvh;padding:0 2vw}main.loading_div p{font-size:1em}}