: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:flex;align-items:center;justify-content:center;min-width:100dvw;min-height:100dvh;max-width:100dvw;max-height:100dvh;background-color:#0f0f0f;font-family:sans-serif}#root>div{position:relative}#root>div:before{content:"";position:absolute;inset:0;background-color:#000000f2;z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:block}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:#0f0f0f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-box{background:#1c1c1c;padding:40px;border-radius:16px;box-shadow:0 0 20px #00000080;text-align:center;color:#fff;z-index:10}.login-box h2{margin-bottom:20px;font-size:24px}.steam-button{border:none;background:none;cursor:pointer;transition:transform .2s ease}.steam-button img{width:200px;height:auto;border-radius:4px}.steam-button:hover{transform:scale(1.05)}.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)}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}#root>div,.page{display:flex;height:inherit;width:inherit;flex-direction:column;align-items:center;justify-content:center}#root>div{background-image:url(/images/De_mirage_cs2.webp);background-size:cover;background-position:center}.header{position:relative;display:flex;justify-content:space-between;align-items:center;background-color:#181818;padding:10px 30px;box-shadow:0 4px 8px #0000001a;width:100dvw;z-index:2}.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:#1e1e1e;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #333;z-index:10;width:100dvw;box-shadow:0 2px 4px #0000004d;font-size:.95rem;color:#ccc}.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{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:#1f1f1f;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;border-bottom:1px solid #333}.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;max-height:calc(100dvh - 235px)}.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){.weapon-customizer-body .right-panel{margin:0;border:none}.weapon-customizer-body .right-panel .weapon-preview img{max-width:100%;width:auto;height:150px}}@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: 715px){.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%}}.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}}main.loading_div_container{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px;z-index:1000;color:#333;position:relative;background-color:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}main.loading_div{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/De_mirage_cs2.webp);background-size:cover;background-position:center}main.loading_div p{font-size:1.5em;color:#bebebe;font-weight:700;text-align:center}
