@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--brand: #ff5722;--brand-hover: #e64a19;--brand-glow: rgba(255, 87, 34, .35);--brand-muted: rgba(255, 87, 34, .12);--brand-light: #ff8a65;--bg: #07080f;--bg-2: #0d0f1a;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .14);--text-primary: #f1f1f3;--text-secondary: #9498b0;--text-muted: #5a5e76;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 1200px;--radius-sm: 8px;--radius: 8px;--radius-lg: 8px;--radius-xl: 8px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--blur: blur(16px) saturate(1.6)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);min-height:100vh;line-height:1.6;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,87,34,.08) 0%,transparent 55%)}::selection{background-color:var(--brand);color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--brand)}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) var(--bg)}.preview-panel{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#0e1015d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.85rem 1.5rem;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);display:flex;gap:1.5rem;align-items:center;box-shadow:0 12px 40px #0009,0 0 0 1px #ff57221a;z-index:20;animation:fadeInUpCenter .4s cubic-bezier(.16,1,.3,1) both}.preview-panel__divider{width:1px;height:24px;background:#ffffff1a}.preview-panel__group{display:flex;align-items:center;gap:.75rem}.preview-panel__label{font-size:.8rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.preview-color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;padding:0;background:transparent;box-shadow:0 0 0 2px #ffffff1a;transition:transform .2s,box-shadow .2s}.preview-color-picker::-webkit-color-swatch-wrapper{padding:0}.preview-color-picker::-webkit-color-swatch{border:none;border-radius:50%}.preview-color-picker:hover{transform:scale(1.1);box-shadow:0 0 0 2px var(--brand)}.preview-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:6px;background:#ffffff14;border-radius:8px;outline:none;transition:background .2s}.preview-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--brand);cursor:pointer;box-shadow:0 0 10px var(--brand-glow);transition:transform .2s,background .2s}.preview-slider::-webkit-slider-thumb:hover{transform:scale(1.25);background:var(--brand-hover)}.preview-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--brand);cursor:pointer;border:none;box-shadow:0 0 10px var(--brand-glow);transition:transform .2s}.preview-slider::-moz-range-thumb:hover{transform:scale(1.25);background:var(--brand-hover)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpCenter{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--brand-glow)}50%{box-shadow:0 0 20px 6px var(--brand-glow)}}.data-page{min-height:100vh;display:flex;flex-direction:column}.data-nav{position:fixed;width:100%;z-index:100;top:0;border-bottom:1px solid var(--border);background:#07080fbf;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.data-nav__inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:3.75rem;display:flex;align-items:center;gap:1.25rem}.data-nav__left{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.data-nav__logo{font-size:1.2rem;font-weight:800;letter-spacing:-.04em;color:var(--text-primary);display:flex;align-items:center;gap:.375rem;transition:opacity var(--transition)}.data-nav__logo:hover{opacity:.8}.data-nav__logo-accent{color:var(--brand)}.data-nav__ext-link{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-decoration:none;transition:color var(--transition)}.data-nav__ext-link:hover{color:var(--text-primary)}.data-nav__search{flex:1;position:relative;max-width:480px}.data-nav__search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:var(--text-muted);pointer-events:none}.data-nav__search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem 1rem .55rem 2.5rem;color:var(--text-primary);font-size:.875rem;font-family:inherit;outline:none;transition:border-color var(--transition),background var(--transition)}.data-nav__search-input::placeholder{color:var(--text-muted)}.data-nav__search-input:focus{border-color:var(--brand);background:var(--surface-2)}.data-nav__right{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0}.data-nav__upload-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.data-nav__upload-btn:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 6px 20px var(--brand-glow)}.data-nav__admin-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.45rem .875rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none}.data-nav__admin-btn:hover{color:var(--brand);border-color:var(--brand);background:var(--brand-muted)}.data-nav__auth-btns{display:flex;align-items:center;gap:.5rem}.data-nav__login-btn{background:transparent;border:1px solid var(--border-2);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.data-nav__login-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-muted)}.data-nav__register-btn{background:var(--brand);border:none;color:#fff;border-radius:var(--radius-sm);padding:.5rem 1.125rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition)}.data-nav__register-btn:hover{background:var(--brand-hover);box-shadow:0 4px 14px var(--brand-glow);transform:translateY(-1px)}.data-nav__logout{background:transparent;border:none;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:color var(--transition);padding:.25rem .5rem}.data-nav__logout:hover{color:var(--brand)}.data-main{flex:1;padding-top:4.75rem;padding-bottom:4rem}.data-container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.data-header{padding:3rem 0 2.5rem;text-align:center;animation:fadeInUp .5s ease both}.data-header__title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.035em;margin-bottom:.75rem;line-height:1.15}.data-header__desc{color:var(--text-secondary);font-size:1rem;max-width:38rem;margin:0 auto}.data-tabs-wrap{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.875rem}.data-tabs{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.375rem}.data-tab{background:transparent;border:none;border-radius:var(--radius-sm);padding:.45rem 1rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap}.data-tab:hover{color:var(--text-primary);background:var(--surface-2)}.data-tab--active{background:var(--brand)!important;color:#fff!important;box-shadow:0 2px 12px var(--brand-glow)}.data-tab--leaderboard-active{background:linear-gradient(135deg,var(--brand),var(--brand-light))!important;color:#fff!important}.sort-pills{display:flex;gap:.375rem;justify-content:center}.sort-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;padding:.35rem .875rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.sort-pill:hover{border-color:var(--border-2);color:var(--text-primary)}.sort-pill--active{background:var(--brand-muted);border-color:var(--brand);color:var(--brand)}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:2rem;animation:fadeIn .4s ease both}@media(min-width:640px){.skin-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media(min-width:1024px){.skin-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.skin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);display:flex;flex-direction:column;position:relative}.skin-card:hover{border-color:var(--border-2);transform:translateY(-4px);box-shadow:0 12px 32px #0006}.skin-card__preview{background:var(--bg-2);display:flex;align-items:center;justify-content:center;height:148px;cursor:pointer;position:relative;overflow:hidden;transition:background var(--transition)}.skin-card__preview--gameskin{padding:.75rem}.skin-card__info{padding:.75rem .875rem .5rem;flex:1}.skin-card__name{font-size:.875rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.skin-card__author{font-size:.75rem;color:var(--text-muted)}.skin-card__author a{color:var(--brand)}.skin-card__author a:hover{text-decoration:underline}.skin-card__footer{padding:.5rem .875rem .75rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.skin-card__res{font-size:.7rem;color:var(--text-muted);font-weight:500;font-variant-numeric:tabular-nums}.skin-card__actions{display:flex;gap:.375rem;align-items:center}.skin-card__dl{display:inline-flex;align-items:center;gap:.3rem;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.skin-card__dl:hover{background:var(--brand-muted);border-color:var(--brand);color:var(--brand)}.skin-card__delete{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:.3rem;cursor:pointer;transition:all var(--transition)}.skin-card__delete:hover{background:#ef44441f;border-color:#ef444466;color:#ef4444}.data-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;color:var(--text-muted);font-size:.9rem}.data-loading__spinner{width:2rem;height:2rem;border:2px solid var(--border-2);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.data-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 0;color:var(--text-muted);text-align:center}.data-empty__icon{width:3.5rem;height:3.5rem;color:var(--border-2)}.data-empty h3{font-size:1.125rem;font-weight:700;color:var(--text-secondary)}.data-empty p{font-size:.9rem}.data-empty__btn{background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition);margin-top:.5rem}.data-empty__btn:hover{background:var(--brand-hover)}.leaderboard{animation:fadeIn .4s ease both}.leaderboard__grid{display:flex;flex-direction:column;gap:.625rem;max-width:600px;margin:2rem auto 0}.leaderboard__card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.875rem 1.25rem;transition:all var(--transition);text-decoration:none;color:inherit}.leaderboard__card:hover{border-color:var(--border-2);background:var(--surface-2);transform:translate(4px)}.leaderboard__rank{font-size:1.375rem;font-weight:800;min-width:2.5rem;text-align:center}.leaderboard__rank--1{color:gold}.leaderboard__rank--2{color:silver}.leaderboard__rank--3{color:#cd7f32}.leaderboard__rank--other{color:var(--text-muted);font-size:1rem}.leaderboard__info{display:flex;flex-direction:column;gap:.125rem}.leaderboard__name{font-size:1rem;font-weight:700}.leaderboard__count{font-size:.8rem;color:var(--text-muted)}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;z-index:200;width:2.75rem;height:2.75rem;background:var(--brand);color:#fff;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 20px var(--brand-glow);transition:all var(--transition);display:flex;align-items:center;justify-content:center;animation:fadeInUp .3s ease both}.scroll-to-top-btn:hover{background:var(--brand-hover);transform:translateY(-3px);box-shadow:0 8px 28px var(--brand-glow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:500;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease}.modal{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:420px;position:relative;box-shadow:0 25px 60px #0009,0 0 0 1px #ff572214;animation:fadeInUp .3s ease both}.modal--upload{max-width:560px;max-height:90vh;overflow-y:auto}.modal__close{position:absolute;top:1rem;right:1rem;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);padding:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal__close:hover{background:var(--surface-3);color:var(--text-primary)}.modal__title{font-size:1.375rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form__field,.auth-form__group{display:flex;flex-direction:column;gap:.375rem}.auth-form__label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.auth-form__input{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:.65rem .875rem;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;transition:border-color var(--transition);width:100%}.auth-form__input::placeholder{color:var(--text-muted)}.auth-form__input:focus{border-color:var(--brand);background:var(--surface-2)}.auth-form__input--small{padding:.45rem .75rem;font-size:.8125rem}.auth-form__submit{background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all var(--transition);margin-top:.5rem}.auth-form__submit:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 6px 20px var(--brand-glow)}.auth-form__submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.custom-dropdown{position:relative;width:100%}.custom-dropdown__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:.6rem 1rem;font-size:.875rem;cursor:pointer;transition:all var(--transition)}.custom-dropdown__trigger:hover{border-color:var(--border-2)}.custom-dropdown__trigger--active{border-color:var(--border-2)!important}.custom-dropdown__menu{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:10;box-shadow:0 10px 40px #000c;animation:fadeInUp .2s ease both}.custom-dropdown__item{background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;padding:.5rem .75rem;border-radius:8px;text-align:left;cursor:pointer;transition:all var(--transition)}.custom-dropdown__item:hover{background:var(--surface-2);color:var(--text-primary)}.custom-dropdown__item--active{background:var(--brand-muted)!important;color:var(--brand)!important;font-weight:600}.auth-form__error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:var(--radius-sm);padding:.625rem .875rem;font-size:.875rem}.auth-form__switch{margin-top:1rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.auth-form__switch button{background:none;border:none;color:var(--brand);font-weight:600;cursor:pointer;transition:opacity var(--transition)}.auth-form__switch button:hover{opacity:.75}.upload-form{display:flex;flex-direction:column;gap:1rem}.upload-drop{border:1.5px dashed var(--border-2);border-radius:var(--radius-lg);padding:2rem;cursor:pointer;transition:all var(--transition);position:relative;text-align:center}.upload-drop:hover,.upload-drop--active{border-color:var(--brand);background:var(--brand-muted)}.upload-drop--active{animation:pulse-glow 1s ease infinite}.upload-drop__empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted)}.upload-drop__text{font-weight:600;color:var(--text-secondary)}.upload-drop__hint{font-size:.9125rem}.upload-drop__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-list{display:flex;flex-direction:column;gap:.625rem;max-height:240px;overflow-y:auto}.upload-item{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.625rem}.upload-item__preview{width:56px;height:56px;background:var(--bg);border-radius:8px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.upload-item__fields{flex:1;display:flex;flex-direction:column;gap:.25rem}.upload-item__meta{font-size:.7rem;color:var(--text-muted)}.upload-item__remove{background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:8px;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all var(--transition)}.upload-item__remove:hover{border-color:#ef4444;color:#ef4444}.custom-select-wrapper{position:relative}.custom-select-wrapper:after{content:"▾";position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:.75rem}.custom-select{-moz-appearance:none;appearance:none;-webkit-appearance:none}.profile-header{display:flex;align-items:flex-start;gap:1.75rem;padding:2.5rem 0 0;animation:fadeInUp .5s ease both;flex-wrap:wrap}.profile-header__avatar-wrap{position:relative;flex-shrink:0}.profile-avatar-change-btn{position:absolute;bottom:2px;right:2px;width:1.75rem;height:1.75rem;background:var(--brand);color:#fff;border:2px solid var(--bg);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all var(--transition)}.profile-avatar-change-btn:hover{background:var(--brand-hover)}.profile-header__info{flex:1;min-width:0;padding-top:.5rem}.profile-header__name{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;letter-spacing:-.035em;margin-bottom:.5rem}.profile-header__bio{color:var(--text-secondary);font-size:.9375rem;margin-bottom:.75rem;line-height:1.6}.profile-header__stats{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.profile-edit-btn{background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1.125rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.profile-edit-btn:hover{background:var(--brand-hover)}.profile-edit-btn:disabled{opacity:.5;cursor:not-allowed}.profile-edit-form{display:flex;flex-direction:column;gap:.5rem}.profile-edit-bio-input{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:.625rem .875rem;color:var(--text-primary);font-size:.9rem;font-family:inherit;outline:none;resize:none;transition:border-color var(--transition);max-width:480px}.profile-edit-bio-input:focus{border-color:var(--brand)}.admin-batch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;animation:fadeInUp .4s ease both}.admin-batch__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition);border-bottom:1px solid transparent;flex-wrap:wrap;gap:.75rem}.admin-batch__header:hover{background:var(--surface-2)}.admin-batch__header--open{border-bottom-color:var(--border)}.admin-batch__grid{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.admin-skin{display:flex;align-items:center;gap:1rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.admin-skin__details{flex:1;min-width:0}.admin-skin__details p{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.admin-skin__details span{font-size:.75rem;color:var(--text-muted)}.admin-skin__controls{display:flex;gap:.5rem}.admin-btn{display:inline-flex;align-items:center;gap:.375rem;border:1px solid;border-radius:var(--radius-sm);padding:.45rem 1rem;font-size:.8125rem;font-weight:700;cursor:pointer;transition:all var(--transition)}.admin-btn--approve{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.admin-btn--approve:hover{background:#22c55e33;border-color:#4ade80}.admin-btn--reject{background:#ef44441a;border-color:#ef44444d;color:#f87171}.admin-btn--reject:hover{background:#ef444433;border-color:#f87171}.admin-skin-btn{width:2rem;height:2rem;border-radius:8px;border:1px solid;cursor:pointer;font-weight:700;font-size:.85rem;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.admin-skin-btn--approve{background:#22c55e1a;border-color:#22c55e4d;color:#4ade80}.admin-skin-btn--approve:hover{background:#22c55e40}.admin-skin-btn--reject{background:#ef44441a;border-color:#ef44444d;color:#f87171}.admin-skin-btn--reject:hover{background:#ef444440}.data-pagination__btn{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;padding:.35rem .875rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.data-pagination__btn:hover{border-color:var(--border-2);color:var(--text-primary)}.data-pagination__btn--active{background:var(--brand-muted);border-color:var(--brand);color:var(--brand)}.profile-socials{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1.25rem}.social-pill{display:inline-flex;align-items:center;gap:.375rem;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);padding:.35rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all var(--transition);cursor:pointer}.social-pill:hover{transform:translateY(-2px);color:#fff}.social-pill__icon{font-size:.875rem}.social-pill--youtube:hover{background:red;border-color:red}.social-pill--twitch:hover{background:#9146ff;border-color:#9146ff}.social-pill--discord:hover{background:#5865f2;border-color:#5865f2}.social-pill--github:hover{background:#24292e;border-color:#24292e}.profile-edit-socials{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-2)}.profile-edit-social-group{display:flex;flex-direction:column;gap:.35rem}.profile-edit-social-group label{font-size:.75rem;color:var(--text-muted);font-weight:600}.profile-edit-social-group input{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color var(--transition);max-width:480px}.profile-edit-social-group input:focus{border-color:var(--brand)}.categories-scroll{max-width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem}.categories-scroll::-webkit-scrollbar{height:4px}.sp-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:1.5rem;border-radius:var(--radius-lg);text-align:center;margin:2rem auto;max-width:600px}.sp-list-container{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;margin-top:2rem;box-shadow:0 4px 24px #0003}.sp-list-header{display:none;padding:.75rem 1.5rem;color:var(--brand);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}@media(min-width:768px){.sp-list-header{display:flex;justify-content:space-between}}.sp-list-header-name{flex-grow:1}.sp-list{display:flex;flex-direction:column}.sp-item{border-bottom:1px solid rgba(255,255,255,.04)}.sp-item:last-child{border-bottom:none}.sp-item-btn{width:100%;display:flex;flex-direction:column;text-align:left;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:background var(--transition)}@media(min-width:768px){.sp-item-btn{flex-direction:row;align-items:center;justify-content:space-between}}.sp-item-btn:hover{background:var(--surface)}.sp-item-btn:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.sp-item-info{flex-grow:1;min-width:0}.sp-item-title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.sp-item-name{font-weight:600;color:var(--text-primary);font-size:1.05rem;line-height:1.2}.sp-badge{font-size:.65rem;text-transform:uppercase;font-weight:800;padding:.15rem .4rem;border-radius:4px;border:1px solid transparent}.sp-badge-type{background:var(--surface-3);color:var(--text-secondary);border-color:var(--border-2)}.sp-badge-full{background:#ef444426;color:#ef4444;border-color:#ef44444d}.sp-badge-hot{background:#f9731626;color:#f97316;border-color:#f973164d}.sp-item-map{color:var(--text-muted);font-size:.85rem}.sp-item-map span{color:var(--text-secondary)}.sp-item-players{font-family:monospace;font-size:1rem;background:var(--surface);padding:.25rem .75rem;border-radius:var(--radius);border:1px solid var(--border);color:var(--text-primary);margin-top:.75rem;align-self:flex-start}@media(min-width:768px){.sp-item-players{margin-top:0;align-self:center}}.sp-item-players span{color:var(--text-muted)}.sp-item-expanded{background:#00000040;padding:1.25rem;border-top:1px solid rgba(255,255,255,.03)}.sp-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.sp-player-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.75rem;display:flex;align-items:center;gap:.75rem;transition:border-color var(--transition)}.sp-player-card:hover{border-color:var(--border-2)}.sp-player-icon{width:2.5rem;height:2.5rem;background:var(--brand-muted);color:var(--brand);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.sp-player-tee{width:3rem;height:3rem;background:#ff572214;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.sp-player-details{display:flex;flex-direction:column;min-width:0}.sp-player-name-btn{background:transparent;border:none;text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color var(--transition)}.sp-player-name-btn:hover{color:var(--brand)}.sp-player-clan{color:var(--text-muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-no-players{text-align:center;color:var(--text-muted);font-size:.9rem;font-style:italic;padding:1rem 0}.sp-player-menu{position:fixed;z-index:9999;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius);padding:.25rem;min-width:140px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;animation:fadeIn .15s ease-out}.sp-player-menu a{padding:.5rem .75rem;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;border-radius:4px;transition:all var(--transition)}.sp-player-menu a:hover{background:var(--brand-muted);color:var(--brand)}