:root{color:#ffffffe6;background:#0f0f0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px;min-height:100dvh;overflow-x:hidden;background:#0f0f0f}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)}.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{background-color:#1f1f1f;border-radius:12px;padding:8px;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;width:150px}.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}.knife-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;margin-bottom:24px}.knife-card{background:#1a1a1a;border:2px solid transparent;border-radius:10px;padding:6px;text-align:center;cursor:pointer;transition:border-color .2s}.knife-card.selected{border-color:#3498db}.knife-card img{max-width:100%;height:auto}.knife-card p{font-size:.8em;margin-top:4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knife-dropdown-wrapper{position:relative;margin-bottom:24px;width:calc(100% - 30px);margin-left:15px;margin-right:15px}.dropdown-header{display:flex;align-items:center;background-color:#222;padding:10px 15px;border-radius:8px;cursor:pointer;color:#fff;justify-content:space-between;font-size:1.4em}.dropdown-header img{width:45px;height:45px;margin-right:15px}.arrow{margin-left:auto;font-size:14px;color:#aaa}.dropdown-list{position:absolute;top:96%;left:0;background-color:#1e1e1e;border:1px solid #33333395;box-shadow:0 5px 5px #000000b3;border-radius:0 0 8px 8px;width:100%;max-height:300px;overflow-y:auto;z-index:999;border-top:0}.dropdown-item{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background .2s}.dropdown-item:hover{background-color:#333}.dropdown-item.selected{background-color:#2a2a2a}.dropdown-item img{margin-right:10px}@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 .knife-dropdown-wrapper{width:calc(100% - 30px);max-width:500px;margin:0 0 15px}.after-team-selection .weapons-section .knife-dropdown-wrapper .dropdown-header{padding:10px 20px;font-size:1.3em;border:0px solid #000}.after-team-selection .weapons-section .knife-dropdown-wrapper .dropdown-header img{width:40px;height:40px}.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}}.after-team-selection:has(.weapons-section .weapon-customizer-container){display:flex;flex-direction:column;align-items:center;flex:1;width:100dvw;max-width:100dvw}.weapons-section:has(.weapon-customizer-container){width:100%;max-width:100dvw;padding:0;margin:0}.weapon-customizer-container{display:flex;flex-direction:column;width:100%;height:100%;color:#fff;font-family:Arial,sans-serif}.weapon-customizer-header{width:100dvw;background-color:#1f1f1f80;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;border-bottom:1px solid #33333350;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.weapon-customizer-header button{background-color:#333;border:none;color:#fff;padding:8px 16px;cursor:pointer;border-radius:6px;font-size:14px}.weapon-customizer-header button:hover{background-color:#444}.weapon-customizer-content{display:flex;flex-grow:1;padding:24px;gap:32px}.customizer-left{flex:1;display:flex;flex-direction:column;gap:16px;max-width:400px}.customizer-left label{display:flex;flex-direction:column;font-size:14px}.customizer-left input,.customizer-left select{margin-top:4px;padding:8px;background-color:#222;border:1px solid #444;border-radius:4px;color:#fff}.stickers,.keychain{margin-top:16px}.stickers h3,.keychain h3{margin-bottom:8px;font-size:16px;border-bottom:1px solid #444;padding-bottom:4px}.buttons{display:flex;gap:12px;margin-top:auto}.buttons button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;color:#fff}.buttons button:first-child{background-color:#444}.buttons button:last-child{background-color:#007bff}.buttons button:last-child:hover{background-color:#0069d9}.customizer-right{flex:2;display:flex;flex-direction:column;align-items:center;gap:24px;overflow-y:auto}.weapon-customizer-body{display:flex;width:100%;height:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.weapon-customizer-body::-webkit-scrollbar{width:8px}.weapon-customizer-body::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.weapon-customizer-body::-webkit-scrollbar-track{background-color:#222}.weapon-customizer-body::-webkit-scrollbar-thumb:hover{background-color:#888}.weapon-customizer-body>div{box-sizing:border-box;padding:15px}.weapon-customizer-body .left-panel{width:75%;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.weapon-customizer-body .right-panel{width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #44444420;border-radius:8px;margin-top:15px;margin-right:15px}.weapon-preview{width:100%;display:flex;flex-direction:column;align-items:center}.weapon-preview>img{width:100%;max-width:300px;height:auto;object-fit:contain}.weapon-preview .preview-details{display:flex;flex-direction:column;align-items:center;gap:5px}.weapon-preview .preview-details h3{margin:5px 0;font-size:1.2em;text-transform:capitalize}.weapon-preview .preview-details p{margin:2px 0;font-size:1em;color:#ccc}.weapon-preview .preview-details .nametag_prev{color:#fff;font-size:1em;word-break:break-all}.skin-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px;margin-top:20px;margin-bottom:20px;padding:0 10px;min-height:170px;max-height:450px;overflow-y:auto;width:100%}.skin-list::-webkit-scrollbar{width:8px}.skin-list::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.skin-list::-webkit-scrollbar-track{background-color:#222}.skin-list::-webkit-scrollbar-thumb:hover{background-color:#888}.skin-button{border:none;background:transparent;padding:0;cursor:pointer;border-radius:5px;background-color:#22222250;border:1px solid #22222250;transition:transform .2s,outline .2s,border .2s,box-shadow .2s}.skin-thumb{cursor:pointer;border:2px solid transparent;padding:4px}.skin-thumb img{width:100%;height:auto;object-fit:cover}.skin-button:hover{border-color:#61dafb}.skin-button.selected{outline:1px solid #61dafb;box-shadow:0 0 5px #61dafb80}.skin-thumb{width:110px;height:auto;border-radius:4px;display:block}.preview-keychain{display:flex;align-items:center;flex-direction:column;gap:0px;margin-bottom:5px;background-color:#1a1a1a40;justify-content:center;width:100%;border-radius:20px;padding:5px;font-size:.8em}.preview-keychain p{margin:0}.keychain-preview{display:flex;align-items:center;flex-direction:column;gap:10px;margin-bottom:10px}.keychain-img{width:65px;height:auto;object-fit:contain}.preview-stickers{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:10px;background-color:#1a1a1a40;padding:5px;border-radius:8px;width:100%}.weapon-preview .preview-details .preview-stickers p{margin:0;font-size:1em}.sticker-preview-list{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%;padding:10px}.sticker-preview{display:flex;flex-direction:column;align-items:center;max-width:20%;width:100%}.sticker-img{width:inherit;height:auto;object-fit:contain;border-radius:4px}.sticker-preview.empty{color:gray;font-size:12px;text-align:center}.sticker-preview span{font-size:12px;word-break:break-all;color:#ccc}.weapon-customizer-body .left-panel .skin-details-settings{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:10px;width:100%;margin-left:15px}.weapon-customizer-body .left-panel .skin-details-settings .skin-details-settings-labels{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:15px}.weapon-customizer-body .left-panel .skin-details-settings .skin-details-settings-labels .skin-details-group{display:flex;justify-content:flex-start;align-items:center;gap:15px;width:100%}.weapon-customizer-body .left-panel .skin-details-settings .skin-details-settings-labels label{font-size:1em;color:#efefef;font-weight:500}.weapon-customizer-body .left-panel .skin-details-settings .skin-details-settings-labels label input:not([type=checkbox]){padding:5px 10px;background-color:#222;border:1px solid #444;border-radius:4px;color:#fff;margin-left:5px;font-size:1em}.weapon-customizer-body .left-panel .skin-details-settings .skin-details-settings-labels label input[type=checkbox]{width:17px;height:17px;margin-left:5px;background-color:#222;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer}.weapon-customizer-body .left-panel .skin-details-settings .buttons{display:flex;flex-direction:row;justify-content:flex-end;width:100%;align-items:center;gap:12px;margin-top:auto;padding-top:5px}.weapon-customizer-body .left-panel .skin-details-settings .buttons button{padding:8px 25px;border:none;border-radius:6px;font-size:1.2em;cursor:pointer;color:#fff}.weapon-customizer-body .left-panel .skin-details-settings .buttons button:first-child{background-color:#444}.weapon-customizer-body .left-panel .skin-details-settings .buttons button:last-child{background-color:#0056b3}.weapon-customizer-body .left-panel .skin-details-settings .buttons button:last-child:hover{background-color:#006fe6}@media (max-height: 915px){body{height:max-content;max-height:max-content;overflow-y:auto;overflow-x:hidden}.weapon-customizer-body{overflow-y:hidden;overflow-x:hidden;max-height:max-content}}@media (max-width: 1000px){.sticker-preview span{display:none}}@media (max-width: 915px){.skin-list{max-height:35dvh}.weapon-customizer-body .left-panel .skin-details-settings .buttons{justify-content:flex-start;padding-top:20px}.weapon-customizer-body .left-panel .skin-details-settings .buttons button{width:100%;padding:10px;font-size:1em;font-weight:600}}@media (max-width: 815px){.weapon-customizer-body{flex-direction:column}.weapon-customizer-body .right-panel{width:100%}.weapon-customizer-body .left-panel{width:100%;padding-right:35px;box-sizing:border-box}.weapon-customizer-body .right-panel .weapon-preview{width:100%;max-width:100%;flex-direction:row-reverse;display:flex;justify-content:center;align-items:center}.weapon-customizer-body .right-panel .weapon-preview img{max-width:40%;width:auto;flex:0 0 40%;margin:20px;padding:20px;border-radius:12px;background-color:#1f1f1f40;height:100%}.weapon-customizer-body .right-panel .weapon-preview .preview-details{width:100%;text-align:center;display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;flex:1;font-size:.8em}.preview-keychain{width:100%}.preview-keychain p{display:none}.weapon-customizer-body .right-panel .weapon-preview .preview-keychain img{margin:0;background:none;padding:0;height:160px}.weapon-customizer-body .right-panel .weapon-preview .preview-stickers .sticker-preview-list .sticker-preview img{margin:0;padding:0;max-width:100%}}.remove-keychain-inline-btn{color:#fff;background:#a72f35!important;border:1px solid #d05056!important}.remove-keychain-inline-btn:hover{background:#c43a42!important}.sticker-popup{position:fixed;inset:0;margin:auto;width:75dvw;max-width:100%;height:100%;max-height:95dvh;background:#1a1a1a;border:2px solid #444;border-radius:12px;padding:20px;z-index:999;color:#fff;box-shadow:0 0 50px #000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden}.sticker-slots-preview{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;width:100%}.sticker-popup h3{margin:0 0 15px;font-size:1.4rem;text-align:center}.sticker-slot-box{width:140px;height:140px;display:block}.sticker-slot-box img{width:100%;height:100%;object-fit:contain;background:#222}.sticker-slot-box{border:2px solid #555;display:flex;align-items:center;justify-content:center;margin:5px;cursor:pointer;background-color:#1e1e1e}.sticker-slot-box.selected-slot{border-color:#61dafb;box-shadow:0 0 10px #61dafb}.empty-slot{font-size:32px;color:#aaa}.empty-slot:before{content:"+";font-size:32px;color:#77777795}.sticker-search{width:100%;padding:10px 15px;margin-bottom:10px;font-size:1em;border-radius:6px;border:1px solid #444;background-color:#1e1e1e;color:#fff}.sticker-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;height:100%;width:100%;overflow-y:auto}.sticker-list::-webkit-scrollbar{width:8px}.sticker-list::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.sticker-list::-webkit-scrollbar-track{background:#222}.sticker-list::-webkit-scrollbar-thumb:hover{background:#777}.sticker-item{background-color:#1a1a1a;border:1px solid #33333390;border-radius:15px;padding:5px;cursor:pointer;text-align:center;transition:background-color .2s}.sticker-item:hover{background-color:#2a2a2a;border:1px solid #555555}.sticker-item img{width:110px;height:110px;object-fit:contain;display:block;margin:0 auto 2px}.sticker-item span{display:block;font-size:1em;color:#ddd;word-break:break-word}.sticker-popup .close-btn{margin-top:30px;padding:10px 20px;background-color:#006673;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.5em;font-weight:500;transition:background-color .2s ease}.sticker-popup .close-btn:hover{background-color:#00aabc}.remove-sticker-btn{position:absolute;top:-10px;right:-10px;background:#000000e6;border:none;color:#fff;border-radius:50%;width:35px;height:35px;cursor:pointer;font-size:1em;font-weight:700}.sticker-slot-box{position:relative}@media (max-width: 1200px){.sticker-popup{width:85dvw;height:95dvh}.sticker-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 915px){.sticker-popup{width:90dvw;height:95dvh}.sticker-slot-box{width:25%;height:100%}.sticker-slot-box img{width:100%;height:100%;padding:5px;object-fit:contain}.sticker-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.sticker-item img{width:100px;height:100px}}@media (max-width: 768px){.sticker-popup{width:92dvw;height:95dvh;padding:15px}.sticker-popup h3{font-size:1.2rem}.sticker-slot-box{width:30%;height:auto}.sticker-slot-box img{height:auto;max-height:120px}.sticker-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.sticker-item img{width:90px;height:90px}.sticker-popup .close-btn{width:100%}}@media (max-width: 480px){.sticker-popup{width:95dvw;height:95dvh;border-radius:10px}.sticker-list{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.sticker-item{padding:4px;border-radius:10px}.sticker-item img{width:80px;height:80px}.sticker-item span{font-size:.85em}.sticker-search{font-size:.9em}}@media (max-height: 500px) and (orientation: landscape){.sticker-popup{height:90dvh;padding:12px}.sticker-slot-box img{max-height:70px}}.keychain-popup{position:fixed;inset:0;margin:auto;background:#1e1e1e;color:#fff;padding:24px;border-radius:12px;z-index:999;width:80dvw;max-width:100%;height:100%;max-height:80dvh;overflow-y:auto;box-shadow:0 0 20px #000c;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}.keychain-popup h3{margin-top:0;margin-bottom:16px;font-size:20px}.keychain-search{width:100%;padding:8px 12px;font-size:16px;border:1px solid #3a3a3a;border-radius:6px;margin-bottom:16px;background-color:#2a2a2a;color:#fff}.keychain-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;align-items:start;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;flex:1}.keychain-list::-webkit-scrollbar{width:10px}.keychain-list::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.keychain-list::-webkit-scrollbar-track{background:#222}.keychain-list::-webkit-scrollbar-thumb:hover{background:#777}.keychain-item{cursor:pointer;text-align:center;padding:8px;border-radius:12px;background-color:#2c2c2c;transition:background-color .2s,border-color .2s,transform .08s ease;border:2px solid transparent}.keychain-item:hover{background-color:#333}.keychain-item:active{transform:scale(.98)}.keychain-item.selected{border-color:#00bcd4}.keychain-item img{width:100%;height:100px;object-fit:contain;margin-bottom:6px;border-radius:4px}.keychain-item span{display:block;font-size:14px;color:#ccc;word-break:break-word}.offset-controls{margin-top:20px;display:flex;justify-content:space-between;gap:16px;margin-bottom:10px}.offset-controls label{flex:1;font-size:14px}.offset-controls input{width:100%;padding:8px 10px;margin-top:4px;border-radius:6px;border:1px solid #3a3a3a;background-color:#2a2a2a;color:#fff}.keychain-popup .close-btn{margin-top:20px;padding:10px 16px;background-color:#00bcd4;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;transition:background-color .2s ease,transform .08s ease}.keychain-popup .close-btn:hover{background-color:#0097a7}.keychain-popup .close-btn:active{transform:scale(.98)}.keychain-popup::-webkit-scrollbar{width:10px}.keychain-popup::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.keychain-popup::-webkit-scrollbar-track{background:#222}.keychain-popup::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width: 1200px){.keychain-popup{width:85dvw;max-height:85dvh}}@media (max-width: 915px){.keychain-popup{width:90dvw;max-height:90dvh}.keychain-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.keychain-item img{height:90px}}@media (max-width: 768px){.keychain-popup{width:92dvw;max-height:92dvh;padding:16px}.keychain-popup h3{font-size:18px}.keychain-list{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}.offset-controls{flex-direction:column}.keychain-popup .close-btn{width:100%}}@media (max-width: 480px){.keychain-popup{width:95dvw;max-height:95dvh;border-radius:10px}.keychain-list{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.keychain-item{padding:6px;border-radius:10px}.keychain-item img{height:80px}.keychain-item span{font-size:13px}.keychain-search{font-size:15px}}@media (max-height: 500px) and (orientation: landscape){.keychain-popup{max-height:90dvh;padding:12px}.keychain-item img{height:70px}}@media (prefers-reduced-motion: reduce){.keychain-item,.keychain-popup .close-btn{transition:none}}.keychain-popup-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.remove-keychain-btn{padding:10px 14px;color:#fff;background:#b52b32;border:none;border-radius:8px;cursor:pointer;font-weight:600}.remove-keychain-btn:hover{background:#d03a42}.keychain-popup-actions .close-btn{flex:1}@media (max-width: 520px){.keychain-popup-actions{flex-direction:column}}.loadouts-page{width:min(1240px,100%);margin:0 auto;padding:14px 0 56px;color:#f4f7fb;text-align:left}.loadouts-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:12px 0 28px}.loadouts-hero>div:first-child{max-width:760px}.loadouts-kicker{display:inline-block;margin-bottom:8px;color:#77b7ff;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.loadouts-hero h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:-.04em}.loadouts-hero p{max-width:720px;margin:16px 0 0;color:#b9c2cf;font-size:1rem;line-height:1.65}.loadouts-count{min-width:130px;padding:17px 22px;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(118,181,255,.28);border-radius:18px;background:linear-gradient(145deg,#225b9d4d,#121a26d1);box-shadow:0 15px 35px #00000040}.loadouts-count strong{font-size:2rem;line-height:1}.loadouts-count span{margin-top:6px;color:#b7c8dc;font-size:.82rem}.loadout-session-card,.loadout-create-card,.loadout-card,.loadout-empty,.loadout-page-loading{border:1px solid rgba(255,255,255,.11);background:#15181ddb;box-shadow:0 18px 45px #0000003d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.loadout-session-card{margin-bottom:18px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:#ffbf4861;border-radius:16px;background:linear-gradient(110deg,#69440d6b,#16181de6)}.loadout-session-card>div{min-width:0}.loadout-session-label{display:block;margin-bottom:4px;color:#ffc868;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.loadout-session-card strong{display:block;overflow-wrap:anywhere;font-size:1.25rem}.loadout-session-card p{margin:5px 0 0;color:#c9c1b1;line-height:1.45}.loadout-session-card button,.loadout-create-form button,.loadout-card-actions button{min-height:42px;padding:10px 16px;color:#fff;border:1px solid transparent;border-radius:10px;cursor:pointer;font:inherit;font-size:.88rem;font-weight:750;transition:transform .15s ease,filter .15s ease,border-color .15s ease}.loadout-session-card button{flex:0 0 auto;background:#b87316}.loadout-create-card{margin-bottom:24px;padding:25px;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(360px,1.35fr);align-items:end;gap:32px;border-radius:18px}.loadout-create-copy h2{margin:0 0 8px;font-size:1.18rem}.loadout-create-copy p{margin:0;color:#9ea9b8;font-size:.9rem;line-height:1.55}.loadout-create-form label{display:block;margin-bottom:8px;color:#cdd5df;font-size:.82rem;font-weight:700}.loadout-create-form>div{display:flex;gap:10px}.loadout-create-form input{min-width:0;min-height:46px;flex:1;padding:11px 14px;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:10px;outline:none;background:#07090cd1;font:inherit;user-select:text;-webkit-user-select:text}.loadout-create-form input:focus{border-color:#559fee;box-shadow:0 0 0 3px #4692e62e}.loadout-create-form button{background:#2479d3}.loadout-message{margin:0 0 20px;padding:13px 15px;border:1px solid;border-radius:11px;font-size:.9rem;line-height:1.45}.loadout-message.success{color:#ccf7d5;border-color:#36b4507a;background:#207b3340}.loadout-message.error{color:#ffd3d3;border-color:#e0444c7a;background:#911f2647}.loadout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(370px,1fr));gap:16px}.loadout-card{min-width:0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;border-radius:16px;transition:border-color .2s ease,transform .2s ease,background .2s ease}.loadout-card:hover{border-color:#76b5ff45;background:#1b1f25eb;transform:translateY(-2px)}.loadout-card.is-editing{border-color:#ffbf4880;background:linear-gradient(135deg,#4c340f7a,#171a1feb)}.loadout-card-heading{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px}.loadout-card-icon{width:48px;height:48px;display:grid;place-items:center;color:#e9f4ff;border:1px solid rgba(116,181,255,.25);border-radius:13px;background:linear-gradient(145deg,#2d70bc8c,#1f344e80);font-size:1.15rem;font-weight:850}.loadout-card-info{min-width:0}.loadout-card-info h2{margin:0;overflow:hidden;color:#f8fafc;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.loadout-card-info span{display:block;margin-top:5px;color:#8f9bab;font-size:.76rem}.loadout-editing-badge{grid-column:1 / -1;width:fit-content;padding:5px 9px;color:#ffd58a;border:1px solid rgba(255,191,72,.32);border-radius:999px;background:#774c0c4d;font-size:.72rem;font-weight:750}.loadout-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.loadout-edit-button{background:#216fbd}.loadout-load-button{background:#23863b}.loadout-rename-button{background:#515c6b}.loadout-delete-button{background:#b72f39}.loadout-session-card button:hover,.loadout-create-form button:hover,.loadout-card-actions button:hover{filter:brightness(1.12);transform:translateY(-1px)}.loadout-session-card button:focus-visible,.loadout-create-form button:focus-visible,.loadout-card-actions button:focus-visible,.loadout-create-form input:focus-visible{outline:3px solid rgba(92,164,244,.45);outline-offset:2px}.loadout-session-card button:disabled,.loadout-create-form button:disabled,.loadout-card-actions button:disabled,.loadout-create-form input:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.loadout-empty,.loadout-page-loading{padding:50px 22px;border-style:dashed;border-radius:16px;color:#aab3bf;text-align:center}.loadout-empty strong{display:block;color:#eef2f7;font-size:1.1rem}.loadout-empty p{margin:8px 0 0}@media (max-width: 820px){.loadouts-hero{align-items:flex-start}.loadout-create-card{grid-template-columns:1fr;gap:20px}}@media (max-width: 620px){.loadouts-page{padding-top:4px}.loadouts-hero{flex-direction:column;gap:18px}.loadouts-count{width:100%;flex-direction:row;justify-content:center;gap:8px}.loadouts-count span{margin-top:0}.loadout-session-card{align-items:stretch;flex-direction:column}.loadout-session-card button{width:100%}.loadout-create-card{padding:19px}.loadout-create-form>div{flex-direction:column}.loadout-grid{grid-template-columns:1fr}}@media (max-width: 420px){.loadout-card-actions{grid-template-columns:1fr}}html,body,#root,*{user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}html,body,#root{width:100%;min-height:100%}body{margin:0;width:100%;min-width:320px;min-height:100dvh;display:block;align-items:initial;justify-content:initial;overflow-x:hidden;color:#fff;background:#121212}#root{display:flex;flex-direction:column}#root,#root>div,.page{width:100%;min-height:100dvh}#root>div,.page{position:relative;display:flex;flex-direction:column;align-items:stretch}#root>div{z-index:0}#root>div:before{content:"";position:fixed;inset:0;width:100%;height:100dvh;background-image:url(/images/De_mirage_cs2.webp);background-position:center;background-size:cover;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:sticky;top:0;width:100%;min-height:78px;padding:9px 26px;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;gap:22px;z-index:30;border-bottom:1px solid rgba(255,255,255,.08);background:#111316d6;box-shadow:0 8px 25px #0000002e;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.page-container{position:relative;width:100%;min-height:calc(100dvh - 78px);flex:1;padding:28px 34px 54px;z-index:2;color:#fff;text-align:center}.user-info{min-width:0;display:flex;align-items:center;gap:13px}.user-info img{flex:0 0 auto;border-radius:5px}.user-info .user-details{min-width:0;display:flex;flex-direction:column;text-align:left}.user-info .user-details h2{margin:0;overflow:hidden;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.user-info .user-details a{color:#9a66d4;font-size:.78rem}.page-navigation{padding:4px;display:flex;gap:4px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0305077a}.page-navigation button{min-width:112px;padding:10px 18px;color:#aeb7c4;border:none;border-radius:8px;background:transparent;cursor:pointer;font:inherit;font-size:.9rem;font-weight:750;transition:color .16s ease,background .16s ease}.page-navigation button:hover{color:#fff;background:#ffffff12}.page-navigation button.active{color:#fff;background:#246fbf;box-shadow:0 4px 16px #1b66b547}.logout-button{justify-self:end;padding:9px 16px;color:#fff;border:none;border-radius:8px;background:#ef4850;cursor:pointer;font:inherit;font-size:.84rem;transition:background .2s ease,opacity .2s ease}.logout-button:hover{background:#ff303a}.logout-button:disabled{opacity:.55;cursor:not-allowed}.page-notice{width:min(1240px,100%);margin:0 auto 18px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid;border-radius:12px;text-align:left;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-notice.success{color:#d0f8d8;border-color:#3ab5537a;background:#1a672bc7}.page-notice.info{color:#d7eaff;border-color:#4c97eb7a;background:#1e528dc7}.page-notice.error{color:#ffd6d8;border-color:#e5464f80;background:#801c23d1}.page-notice button{padding:0 5px;color:inherit;border:none;background:transparent;cursor:pointer;font-size:1.4rem;line-height:1}.loadout-editor-bar{width:min(1240px,100%);margin:0 auto 22px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,188,61,.46);border-radius:15px;background:linear-gradient(105deg,#6b460ee6,#1e1c18f0);box-shadow:0 16px 42px #0000004d;text-align:left;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.loadout-editor-status{min-width:0}.loadout-editor-status>span{display:block;color:#ffc867;font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.loadout-editor-status strong{display:block;margin-top:3px;overflow-wrap:anywhere;color:#fff7e7;font-size:1.2rem}.loadout-editor-status p{margin:4px 0 0;color:#d2c9b8;font-size:.84rem;line-height:1.45}.loadout-editor-actions{flex:0 0 auto;display:flex;gap:9px}.loadout-editor-actions button{min-height:42px;padding:10px 15px;color:#fff;border:1px solid transparent;border-radius:9px;cursor:pointer;font:inherit;font-size:.86rem;font-weight:750}.editor-save-button{background:#23863b}.editor-cancel-button{background:#a6383f}.loadout-editor-actions button:hover{filter:brightness(1.12)}.loadout-editor-actions button:disabled{opacity:.55;cursor:not-allowed}.page-status-loading,.page-status-error{width:min(720px,100%);margin:12vh auto 0;padding:24px;color:#c5ccd5;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#13161ad6}.page-status-error{margin-top:8vh;border-color:#e5464f6b;background:#48191ee0}.page-status-error strong{display:block;color:#ffe0e2;font-size:1.08rem}.page-status-error p{margin:9px 0 18px;color:#d3bec0;line-height:1.5}.page-status-error button{padding:9px 15px;color:#fff;border:none;border-radius:8px;background:#b43a42;cursor:pointer;font:inherit;font-weight:700}.taskbar{position:sticky;top:78px;width:calc(100% + 68px);margin:-28px -34px 20px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;z-index:20;color:#ccc;border-bottom:1px solid rgba(255,255,255,.08);background:#191b1ed1;box-shadow:0 5px 18px #00000038;font-size:.9rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-container.is-editing .taskbar{position:relative;top:auto;width:min(1240px,100%);margin:0 auto 20px;border:1px solid rgba(255,255,255,.09);border-radius:11px}.change-team-btn{padding:7px 12px;color:#fff;border:none;border-radius:8px;background:#4a4f57;cursor:pointer;font:inherit;font-size:.84rem;transition:background-color .2s ease}.change-team-btn:hover{background:#666d77}.after-team-selection{width:100%}.profile-box{margin-bottom:20px}.team-select{margin-top:30px}.team-button{margin:10px;padding:12px 32px;border:none;border-radius:12px;cursor:pointer;font-size:18px;transition:.3s}.team-button.ct{color:#fff;background:#007bff}.team-button.t{color:#fff;background:#dc3545}.team-button:hover{opacity:.85}@media (max-width: 915px){.header{min-height:64px;padding:7px 14px;grid-template-columns:minmax(90px,1fr) auto auto;gap:10px}.header .user-info{gap:7px}.header .user-info img{width:46px;height:46px}.header .user-info .user-details h2{font-size:1rem}.header .user-info .user-details a{display:none}.page-navigation button{min-width:82px;padding:9px 12px}.page-container{min-height:calc(100dvh - 64px);padding:18px 14px 40px}.taskbar{top:64px;width:calc(100% + 28px);margin:-18px -14px 18px}.loadout-editor-bar{align-items:stretch;flex-direction:column;gap:14px}.loadout-editor-actions{width:100%}.loadout-editor-actions button{flex:1}.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: 620px){.header{grid-template-columns:1fr auto}.page-navigation{grid-row:2;grid-column:1 / -1;width:100%}.page-navigation button{flex:1}.logout-button{grid-column:2;grid-row:1}}@media (max-width: 515px){.page-container{padding-right:10px;padding-left:10px}.taskbar{width:calc(100% + 20px);margin-right:-10px;margin-left:-10px;padding:9px 10px}.loadout-editor-actions{flex-direction:column}.team-selector h2{margin-top:10px;font-size:1.5em}.team-selector .team-options{flex-direction:column}.team-selector .team-options .team-card{width:100%;height:100%;max-height:350px}}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:fixed;top:0;left:0;width:100%;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}}