: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}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{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%}}.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;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}}