@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--navbar-bg);border-bottom:1px solid rgba(0,0,0,.3)}.navbar-inner{max-width:1200px;margin:0 auto;height:52px;display:flex;align-items:center;gap:1.25rem;padding:0 1.5rem}.navbar-logo{font-family:Great Vibes,cursive;font-size:1.6rem;color:#fff;white-space:nowrap;flex-shrink:0}.navbar-search{display:flex;align-items:center;background:#ffffff1f;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.navbar-search-input{background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:.8rem;color:#fff;padding:.4rem .7rem;width:180px}.navbar-search-input::placeholder{color:#ffffff80}.navbar-search-btn{display:flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--on-secondary);padding:.4rem .6rem;border:none;cursor:pointer;transition:background var(--transition-normal)}.navbar-search-btn:hover{background:var(--secondary-dim)}.navbar-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}.navbar-link{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#ffffffbf;padding:.4rem .6rem;border-radius:var(--radius-sm);transition:color var(--transition-normal),background var(--transition-normal);white-space:nowrap}.navbar-link:hover{color:#fff;background:#ffffff14}.navbar-link.active{color:#fff}.navbar-cta-btn{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--navbar-bg);background:#fff;padding:.4rem .85rem;border-radius:var(--radius-sm);white-space:nowrap;transition:opacity var(--transition-normal)}.navbar-cta-btn:hover{opacity:.85}.navbar-user{position:relative}.navbar-avatar-btn{display:flex;align-items:center;gap:.35rem;background:#ffffff1a;border:none;border-radius:var(--radius-sm);padding:.35rem .65rem;cursor:pointer;color:#ffffffd9;font-size:.75rem;font-weight:600;transition:background var(--transition-normal)}.navbar-avatar-btn:hover{background:#ffffff2e}.navbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 12px 32px #00000080;z-index:200}.navbar-dropdown-header{padding:.85rem 1rem .65rem;border-bottom:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.navbar-dropdown-name{font-size:.8rem;font-weight:600;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.78rem;color:var(--on-surface-variant);transition:background var(--transition-normal),color var(--transition-normal);cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font-body)}.navbar-dropdown-item:hover{background:var(--surface-bright);color:var(--on-surface)}.navbar-dropdown-item .material-symbols-outlined{font-size:1.1rem!important}.navbar-logout{color:var(--error)!important}.navbar-logout:hover{background:#ed7f6414!important}.navbar-role-badge{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .45rem;border-radius:var(--radius-full);white-space:nowrap}.role-admin{background:#d4a84333;color:var(--secondary)}.role-moderator{background:#c8c8c826;color:var(--primary)}.role-user{background:var(--surface-container-highest);color:var(--on-surface-variant)}.navbar-hamburger{display:none;color:#fff;padding:.25rem;margin-left:auto}.navbar-mobile-menu{display:none}@media (max-width: 900px){.navbar-inner{padding:0 1rem}.navbar-links,.navbar-search{display:none}.navbar-hamburger{display:flex}.navbar-mobile-menu{display:flex;flex-direction:column;position:fixed;top:52px;left:0;right:0;background:var(--navbar-bg);border-top:1px solid rgba(255,255,255,.1);padding:1rem;gap:0;z-index:99}.navbar-mobile-link{font-size:.85rem;font-weight:600;color:#fffc;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08);transition:color var(--transition-normal);background:none;border-left:none;border-right:none;border-top:none;cursor:pointer}.navbar-mobile-link:hover{color:#fff}.navbar-mobile-link:last-child{border-bottom:none}}.navbar-cat-wrap{position:relative}.navbar-cat-btn{background:none;border:none;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;gap:.3rem}.navbar-cat-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 12px 32px #00000080;z-index:200}.navbar-cat-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.65rem 1rem;font-size:.8rem;font-weight:600;color:var(--on-surface-variant);background:none;border:none;cursor:pointer;font-family:var(--font-body);text-align:left;transition:background var(--transition-normal),color var(--transition-normal)}.navbar-cat-item:hover{background:var(--surface-bright);color:var(--on-surface)}.navbar-cat-item .material-symbols-outlined{color:var(--secondary)}.footer{background:var(--surface-container-lowest);border-top:1px solid var(--outline-variant);padding:2rem}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.footer-copy{font-size:.7rem;letter-spacing:.1em;color:var(--outline)}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.7rem;letter-spacing:.08em;color:var(--outline);transition:color var(--transition-normal)}.footer-links a:hover{color:var(--on-surface)}.wcard{display:block;cursor:pointer;text-decoration:none;color:inherit;transition:transform var(--transition-normal)}.wcard:hover{transform:translateY(-2px)}.wcard-img-wrap{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-container-low)}.wcard-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.wcard:hover .wcard-img{transform:scale(1.04)}.wcard-device-badge{position:absolute;top:6px;right:6px;font-size:.85rem;background:#0000008c;border-radius:var(--radius-sm);padding:2px 5px;line-height:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wcard-meta{padding:.5rem .15rem 0}.wcard-title{font-size:.85rem;font-weight:600;color:var(--on-surface);line-height:1.3;margin-bottom:.1rem;transition:color var(--transition-normal)}.wcard:hover .wcard-title{color:var(--secondary)}.wcard-sub{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.wcard-count{font-size:.7rem;color:var(--outline)}.wcard-stats{display:flex;align-items:center;gap:.75rem}.wcard-stat{display:flex;align-items:center;gap:.2rem;font-size:.65rem;color:var(--outline)}.wcard-skeleton .wcard-img-wrap{background:none}.wcard-skeleton .wcard-img-wrap .skeleton{width:100%;height:100%}.wcard-skeleton .wcard-title-skel{height:.85rem;width:70%;margin-top:.6rem}.wcard-skeleton .wcard-sub-skel{height:.65rem;width:35%;margin-top:.3rem}.home-hero{position:relative;height:340px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:var(--header-height);overflow:hidden}.home-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://images.unsplash.com/photo-1518709268805-4e9042af9f23?w=1400&q=80) center/cover no-repeat;filter:brightness(.5)}.home-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.home-hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem}.home-hero-title{font-family:Great Vibes,cursive;font-size:clamp(2rem,5vw,3.2rem);font-weight:400;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}.home-search-form{display:flex;width:100%;max-width:520px;overflow:hidden;border-radius:var(--radius-sm);box-shadow:0 4px 20px #0000004d}.home-search-input{flex:1;padding:.75rem 1rem;font-size:.95rem;border:none;outline:none;font-family:var(--font-body);color:#333;background:#fff}.home-search-input::placeholder{color:#999}.home-search-btn{display:flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--on-secondary);padding:0 1.1rem;border:none;cursor:pointer;transition:background var(--transition-normal)}.home-search-btn:hover{background:var(--secondary-dim)}.home-social-icons{display:flex;gap:1rem;margin-top:.25rem}.home-social-link{color:#fffc;transition:color var(--transition-normal)}.home-social-link:hover{color:#fff}.home-trending{max-width:1200px;margin:0 auto;padding:2.5rem 2rem 1rem;text-align:center}.home-section-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant);margin-bottom:1.25rem}.home-trending-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.home-featured{max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem}.home-featured .home-section-heading{border-bottom:1px solid var(--outline-variant);padding-bottom:.75rem;margin-bottom:1.5rem}.home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.home-empty{text-align:center;padding:5rem 0}@media (max-width: 1024px){.home-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.home-hero{height:280px}.home-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.home-trending,.home-featured{padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.home-grid{grid-template-columns:1fr 1fr;gap:.85rem}}.gallery-page{max-width:1200px;margin:0 auto;padding:4.5rem 2rem 4rem;margin-top:var(--header-height)}.gallery-header{margin-bottom:1.5rem}.gallery-title{font-size:1.5rem;font-weight:700;color:var(--on-surface);margin-bottom:.25rem}.gallery-subtitle{font-size:.8rem;color:var(--outline)}.gallery-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--outline-variant)}.gallery-search-wrap{display:flex;align-items:center;gap:.4rem;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:.4rem .7rem}.gallery-search-input{background:none;border:none;outline:none;color:var(--on-surface);font-family:var(--font-body);font-size:.8rem;width:180px}.gallery-search-input::placeholder{color:var(--outline)}.gallery-sort{display:flex;gap:.4rem}.gallery-upload-btn{margin-left:auto}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.gallery-empty{text-align:center;padding:6rem 0}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.gallery-page{padding:3rem 1rem;margin-top:var(--header-height)}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr 1fr;gap:.85rem}}.upload-section-divider{display:flex;align-items:center;gap:1rem}.upload-divider-line{flex:1;height:1px;background:#48484833}.wallpaper-slots{display:flex;flex-direction:column;gap:2rem}.wallpaper-slot{background:var(--surface-container-lowest);border:1px solid rgba(72,72,72,.15);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.slot-header{display:flex;justify-content:space-between;align-items:center}.slot-number{font-size:.7rem;font-weight:700;letter-spacing:.2em;color:var(--secondary)}.slot-remove-btn{display:flex;align-items:center;gap:.3rem;font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--error);background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background var(--transition-normal)}.slot-remove-btn:hover{background:#7e2b1726}.slot-dropzone{position:relative;border:2px dashed rgba(72,72,72,.25);border-radius:var(--radius-md);background:var(--surface-container-low);cursor:pointer;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-normal)}.slot-dropzone:hover,.slot-dropzone.drag-over{border-color:#00fc4066}.slot-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;text-align:center}.slot-upload-icon{font-size:2.5rem!important;color:var(--outline);transition:color var(--transition-normal)}.slot-dropzone:hover .slot-upload-icon{color:var(--secondary)}.slot-upload-label{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface)}.slot-upload-hint{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant)}.slot-preview-img{width:100%;height:220px;object-fit:cover}.slot-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.add-wallpaper-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:1rem;border:2px dashed rgba(0,252,64,.25);border-radius:var(--radius-lg);background:transparent;color:var(--secondary);font-family:var(--font-headline);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-normal)}.add-wallpaper-btn:hover{background:#00fc400d;border-color:#00fc4080}.upload-main{padding-top:80px;min-height:100vh}.upload-layout{display:grid;grid-template-columns:1fr 2fr;gap:5rem;max-width:1300px;margin:0 auto;padding:5rem 3rem 8rem}.upload-aside{display:flex;flex-direction:column;gap:1.25rem}.upload-aside-label{display:flex;align-items:center;gap:.6rem}.upload-heading{font-size:clamp(2.5rem,4vw,4rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.9;color:#fff}.upload-desc{font-size:.85rem;color:var(--on-surface-variant);line-height:1.75;max-width:280px}.upload-status-card{margin-top:1.5rem;border-top:1px solid rgba(72,72,72,.2);padding-top:1.5rem}.upload-status-header{font-size:.625rem;text-transform:uppercase;letter-spacing:.2em;color:var(--outline);margin-bottom:.75rem}.upload-status-row{display:flex;align-items:center;gap:.75rem;background:var(--surface-container-low);padding:1rem 1.25rem;border-radius:var(--radius-lg)}.upload-status-title{font-size:.75rem;font-weight:700;color:var(--on-surface)}.upload-status-sub{font-size:.625rem;color:var(--on-surface-variant)}.upload-form-wrap{display:flex;flex-direction:column}.upload-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem;flex:1}.upload-form{display:flex;flex-direction:column;gap:2rem}.dropzone{position:relative;border:2px dashed rgba(72,72,72,.3);border-radius:var(--radius-lg);background:var(--surface-container-lowest);cursor:pointer;transition:border-color var(--transition-normal);overflow:hidden;min-height:280px}.dropzone:hover,.dropzone.drag-over{border-color:#00fc4066}.dropzone-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:5}.dropzone-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem;text-align:center;height:100%;min-height:280px}.dropzone-icon-wrap{width:72px;height:72px;border-radius:50%;background:var(--surface-container-high);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:background var(--transition-normal)}.dropzone:hover .dropzone-icon-wrap{background:var(--surface-container-highest)}.dropzone-icon{font-size:2.5rem!important;color:var(--outline-variant);transition:color var(--transition-normal)}.dropzone:hover .dropzone-icon,.dropzone.drag-over .dropzone-icon{color:var(--secondary)}.dropzone-title{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface);margin-bottom:.5rem}.dropzone-hint{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant);font-family:var(--font-body)}.dropzone-preview{width:100%;height:100%;object-fit:contain;max-height:400px}.upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem}.field-group{display:flex;flex-direction:column;gap:.6rem}.field-group--full{grid-column:1 / -1}.field-label{display:block}.select-wrap{position:relative}.select-field{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--outline);font-size:1.2rem!important}.textarea-field{resize:none}.upload-error{color:var(--error);font-size:.8rem;background:#7e2b1740;padding:.75rem 1rem;border-radius:var(--radius-sm);border-left:3px solid var(--error)}.upload-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.upload-submit-btn{font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;padding:1.1rem 2.5rem;border-radius:var(--radius-md);transition:opacity var(--transition-normal)}.upload-submit-btn:disabled{opacity:.6;cursor:not-allowed}.upload-draft-btn{font-family:var(--font-headline);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:1.1rem 2rem;border-radius:var(--radius-md);border:1px solid rgba(72,72,72,.2);color:var(--primary);cursor:pointer;background:transparent;transition:border-color var(--transition-normal)}.upload-draft-btn:hover{border-color:#48484873}.upload-terms{font-size:.65rem;color:var(--outline-variant);max-width:180px;line-height:1.4}.quality-section{padding:0 3rem 7rem}.quality-heading{display:flex;align-items:center;gap:1.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em;color:var(--outline);margin-bottom:2.5rem}.quality-line{flex:1;height:1px;background:#48484833}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.quality-card{background:var(--surface-container-low);padding:2.5rem;transition:background var(--transition-slow)}.quality-card:hover{background:var(--surface-container)}.quality-icon{font-size:2rem!important;color:var(--secondary);display:block;margin-bottom:1.25rem}.quality-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface);margin-bottom:.75rem}.quality-desc{font-size:.82rem;color:var(--on-surface-variant);line-height:1.7}@media (max-width: 960px){.upload-layout{grid-template-columns:1fr;gap:3rem;padding:3rem 1.5rem 5rem}.upload-aside{display:none}.quality-section{padding:0 1.5rem 4rem}.quality-grid{grid-template-columns:1fr}}@media (max-width: 640px){.upload-fields{grid-template-columns:1fr}}.tag-input-wrap{padding:.4rem .6rem!important;height:auto!important}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;background:rgba(var(--secondary-rgb, 99,102,241),.15);color:var(--secondary);border:1px solid rgba(var(--secondary-rgb, 99,102,241),.3);border-radius:var(--radius-full);padding:.2rem .55rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.tag-chip-remove{background:none;border:none;cursor:pointer;color:var(--secondary);font-size:1rem;line-height:1;padding:0;opacity:.7;transition:opacity .15s}.tag-chip-remove:hover{opacity:1}.detail-loading{padding-top:52px}.detail-meta-skeleton{padding:2rem}.detail-error{padding-top:120px;padding-bottom:6rem;text-align:center;max-width:500px;margin:0 auto}.detail-hero{position:relative;margin-top:var(--header-height);min-height:calc(100vh - 52px);display:flex;align-items:flex-end;overflow:hidden}.detail-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.detail-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 50%,transparent 100%),linear-gradient(to top,rgba(24,24,24,.95) 0%,transparent 60%)}.detail-glass-panel{position:relative;z-index:10;margin:2.5rem;padding:2rem;border-radius:var(--radius-md);background:#1e1e1ecc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--outline-variant);max-width:440px;width:100%}.detail-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:#fff;line-height:1.1;margin-bottom:.4rem}.detail-game{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant);margin-bottom:1rem}.detail-desc{font-size:.85rem;color:var(--on-surface-variant);line-height:1.7;margin-bottom:1.25rem}.detail-stats{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem 0;border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant)}.detail-stat{display:flex;flex-direction:column;gap:.2rem}.detail-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--secondary);font-weight:700}.detail-stat-val{font-size:1.3rem;font-weight:700;color:var(--on-surface)}.detail-actions{display:flex;gap:.65rem;align-items:center}.detail-dl-btn{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.75rem 1.5rem;border-radius:var(--radius-sm);transition:all var(--transition-normal)}.detail-dl-btn.downloaded{background:var(--secondary)!important;color:var(--on-secondary)!important}.detail-delete-btn{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(237,127,100,.25);color:var(--error);cursor:pointer;background:transparent;transition:background var(--transition-normal)}.detail-delete-btn:hover{background:#ed7f641a}.detail-delete-btn:disabled{opacity:.5;cursor:not-allowed}.detail-nav{display:flex;align-items:center;gap:.6rem;padding:1rem 2rem}.detail-nav-link{display:flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;color:var(--on-surface-variant);transition:color var(--transition-normal)}.detail-nav-link:hover{color:var(--secondary)}.detail-nav-sep{color:var(--outline);font-size:.7rem}.detail-nav-current{font-size:.72rem;font-weight:600;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media (max-width: 768px){.detail-glass-panel{margin:1.25rem;padding:1.5rem}.detail-nav{padding:.75rem 1rem}}.col-error{padding:10rem 2rem;text-align:center;max-width:500px;margin:52px auto 0}.col-error h2{font-size:1.2rem;margin:1rem 0}.col-breadcrumb{display:flex;align-items:center;gap:.5rem;padding:.65rem 2rem;margin-top:var(--header-height);background:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);font-size:.75rem}.col-bc-link{display:flex;align-items:center;gap:.2rem;color:var(--on-surface-variant);transition:color var(--transition-normal)}.col-bc-link:hover{color:var(--secondary)}.col-bc-sep{color:var(--outline);font-size:.8rem}.col-bc-current{color:var(--on-surface);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.col-header{text-align:center;padding:2.5rem 2rem 1.5rem;border-bottom:1px solid var(--outline-variant)}.col-title{font-size:1.6rem;font-weight:700;color:var(--on-surface);margin-bottom:.5rem}.col-description{font-size:.9rem;color:var(--on-surface-variant);line-height:1.65;max-width:640px;margin:0 auto 1rem;opacity:.85}.col-meta{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:.75rem}.col-meta-item{display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--on-surface-variant);transition:color var(--transition-normal)}a.col-meta-item:hover{color:var(--secondary)}.col-stats-row{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.col-stat-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:500;padding:.3rem .7rem;border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.col-header-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.col-play-btn{background:#00b341!important;border-color:#00b341!important;font-size:.85rem!important;font-weight:700!important;padding:.6rem 1.75rem!important;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 15px #00b3414d;transition:all var(--transition-normal)}.col-play-btn:hover{background:#00cc4a!important;transform:translateY(-2px);box-shadow:0 6px 20px #00b34166}.col-feed{max-width:700px;margin:0 auto;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;gap:2.5rem}.feed-card{position:relative;display:flex;gap:0}.feed-share{display:flex;flex-direction:column;gap:2px;margin-right:-1px;z-index:2}.feed-share-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff;font-size:.8rem;font-weight:700;text-decoration:none;transition:opacity var(--transition-normal)}.feed-share-btn:hover{opacity:.8}.feed-main{flex:1}.feed-img-wrap{position:relative;overflow:hidden;background:var(--surface-container-low)}.feed-img{width:100%;display:block}.feed-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:flex-end;padding:1rem;opacity:0;transition:opacity var(--transition-normal)}.feed-img-wrap:hover .feed-img-overlay{opacity:1}.feed-dl-btn{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;background:#fff3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--transition-normal)}.feed-dl-btn:hover{background:#ffffff4d}.feed-dl-btn.done{background:#00a02899}.feed-actions{display:flex;align-items:center;gap:1rem;padding:.6rem .25rem}.feed-like-btn{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;background:none;border:none;padding:.3rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-normal)}.feed-like-btn:hover{color:#e74c6f;background:#e74c6f14}.feed-like-btn.liked,.feed-like-btn.liked .material-symbols-outlined{color:#e74c6f}.feed-dl-count{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--outline)}.feed-caption{padding:.75rem .25rem .25rem;border-top:1px solid var(--outline-variant)}.feed-caption-title{font-size:.9rem;font-weight:700;color:var(--on-surface);margin:0 0 .3rem;line-height:1.35}.feed-caption-desc{font-size:.8rem;color:var(--on-surface-variant);line-height:1.55;margin:0}.col-comments{max-width:700px;margin:0 auto;padding:2rem 2rem 4rem;border-top:1px solid var(--outline-variant)}.col-comments-title{font-size:1rem;font-weight:700;color:var(--on-surface);margin-bottom:1.25rem}.comment-form{display:flex;gap:.75rem;margin-bottom:2rem}.comment-form-avatar{flex-shrink:0}.comment-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.comment-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--surface-container-high);color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.comment-form-body{flex:1;display:flex;flex-direction:column;gap:.5rem}.comment-textarea{resize:vertical;min-height:60px;font-size:.85rem!important}.comment-form-footer{display:flex;align-items:center;justify-content:space-between}.comment-char-count{font-size:.7rem;color:var(--outline)}.comment-login-prompt{font-size:.85rem;color:var(--on-surface-variant);margin-bottom:1.5rem}.comment-list{display:flex;flex-direction:column;gap:1rem}.comment-item{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(68,68,68,.3)}.comment-item:last-child{border-bottom:none}.comment-item-avatar{flex-shrink:0}.comment-item-body{flex:1}.comment-item-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.comment-author{font-size:.8rem;font-weight:600;color:var(--on-surface)}.comment-date{font-size:.68rem;color:var(--outline)}.comment-delete{font-size:.65rem;color:var(--error);background:none;border:none;cursor:pointer;margin-left:auto;padding:.15rem .4rem;border-radius:var(--radius-sm);transition:background var(--transition-normal)}.comment-delete:hover{background:#ed7f641a}.comment-text{font-size:.85rem;color:var(--on-surface-variant);line-height:1.5}.comment-empty{font-size:.85rem;color:var(--outline);text-align:center;padding:2rem 0}.col-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:2rem}.col-add-modal{background:var(--surface-container-high);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:2rem;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.col-add-modal-header{display:flex;justify-content:space-between;align-items:center}.col-add-modal-title{font-size:1.1rem;font-weight:700}.col-add-modal-sub{font-size:.78rem;color:var(--on-surface-variant)}.col-add-close{font-size:.85rem;padding:.3rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--outline-variant);color:var(--on-surface-variant);cursor:pointer;background:transparent}.col-add-close:hover{background:var(--surface-bright)}.col-add-notice{background:#0050c81f;border:1px solid rgba(0,120,255,.2);border-radius:var(--radius-sm);padding:.75rem .85rem;font-size:.78rem;color:#7eb8ff;line-height:1.6}.col-add-slots{display:flex;flex-direction:column;gap:1rem}.add-slot{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-sm);padding:1rem}.add-slot-drop{border:2px dashed var(--outline-variant);border-radius:var(--radius-sm);min-height:120px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color var(--transition-normal)}.add-slot-drop:hover,.add-slot-drop.dragging{border-color:var(--secondary)}@media (max-width: 700px){.col-feed{padding:2rem 1rem;gap:2rem}.feed-share{display:none}.col-breadcrumb{padding:.5rem 1rem}.col-header{padding:2rem 1rem 1.25rem}.col-comments{padding:1.5rem 1rem 3rem}.comment-form{flex-direction:column}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);position:relative;overflow:hidden;padding:2rem}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(0,252,64,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 20% 100%,rgba(198,198,199,.04) 0%,transparent 60%)}.login-card{position:relative;z-index:10;background:var(--surface-container-low);border:1px solid rgba(72,72,72,.18);border-radius:1.25rem;padding:3rem 3.5rem;max-width:460px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.login-logo{font-family:var(--font-headline);font-size:1.1rem;font-weight:900;letter-spacing:.2em;color:#fff;text-decoration:none}.login-sub{font-size:.625rem;text-transform:uppercase;letter-spacing:.25em;color:var(--outline);margin-top:-.5rem}.login-chip{margin:.5rem 0}.login-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;letter-spacing:-.03em;line-height:.9;text-transform:uppercase;color:#fff;margin:.25rem 0}.login-accent{color:var(--secondary)}.login-desc{font-size:.82rem;color:var(--on-surface-variant);line-height:1.7;max-width:340px}.login-error{width:100%;background:#7e2b1740;border-left:3px solid var(--error);color:var(--error);font-size:.8rem;padding:.75rem 1rem;border-radius:var(--radius-sm)}.login-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.85rem;background:#fff;color:#3c4043;font-family:var(--font-body);font-size:.9rem;font-weight:600;padding:.9rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;border:none;transition:background var(--transition-normal),box-shadow var(--transition-normal);margin-top:.5rem}.login-google-btn:hover{background:#f8f8f8;box-shadow:0 4px 24px #00000040}.login-google-icon{width:20px;height:20px;flex-shrink:0}.login-terms{font-size:.68rem;color:var(--outline);line-height:1.5;text-align:center;width:100%}.login-terms a{color:var(--on-surface-variant);text-decoration:underline;transition:color var(--transition-normal)}.login-terms a:hover{color:var(--secondary)}.login-back{font-size:.72rem;font-weight:600;color:var(--outline);text-align:center;width:100%;transition:color var(--transition-normal)}.login-back:hover{color:var(--secondary)}.page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);color:var(--on-surface-variant);font-family:var(--font-headline);font-size:.85rem;text-transform:uppercase;letter-spacing:.2em}.myuploads-main{padding:7rem 3rem 6rem}.myuploads-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.myuploads-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.03em;text-transform:uppercase}.myuploads-upload-btn{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.85rem 1.75rem}.myuploads-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#4848481a;margin-bottom:3rem}.myuploads-stat-cell{background:var(--surface-container-low);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.3rem;cursor:pointer;border:none;text-align:left;transition:background var(--transition-normal)}.myuploads-stat-cell:hover{background:var(--surface-container)}.myuploads-stat-cell.active{background:var(--surface-container-high)}.myuploads-stat-num{font-family:var(--font-headline);font-size:2rem;font-weight:700;color:var(--on-surface)}.myuploads-stat-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--on-surface-variant)}.myuploads-stat-cell.active .myuploads-stat-label{color:var(--secondary)}.myuploads-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.myuploads-empty{grid-column:1/-1;text-align:center;padding:6rem 0}.myup-card{display:flex;flex-direction:column}.myup-card-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md);background:var(--surface-container-low);display:block}.myup-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.myup-card-img-wrap:hover .myup-card-img{transform:scale(1.04)}.myup-status-badge{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;gap:.3rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .6rem;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.myup-card-meta{padding:.75rem 0 0}.myup-card-title{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;color:var(--on-surface);margin-bottom:.3rem}.myup-card-sub{display:flex;justify-content:space-between;align-items:center}.myup-card-game{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--outline)}.myup-card-date{font-size:.6rem;color:var(--on-surface-variant)}.myup-rejection-reason{margin-top:.5rem;font-size:.72rem;color:var(--error);background:#7e2b1726;padding:.5rem .75rem;border-radius:var(--radius-sm);border-left:2px solid var(--error);line-height:1.4}.myup-card-skel{display:flex;flex-direction:column}@media (max-width:900px){.myuploads-stats,.myuploads-grid{grid-template-columns:repeat(2,1fr)}.myuploads-main{padding:6rem 1.5rem 4rem}}@media (max-width:580px){.myuploads-grid{grid-template-columns:1fr}}.author-error{padding:10rem 2rem;text-align:center;max-width:500px;margin:52px auto 0;min-height:calc(100vh - 200px)}.author-error h2{font-size:1.2rem;margin:1rem 0}.author-header{margin-top:var(--header-height);padding:4rem 2rem;background:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);text-align:center}.author-header-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.author-avatar-wrap{margin-bottom:1.25rem}.author-avatar,.author-avatar-placeholder{width:96px;height:96px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #0003;border:3px solid var(--surface-container-high)}.author-avatar-placeholder{background:var(--surface-container-high);color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}.author-name{font-size:1.8rem;font-weight:700;color:var(--on-surface);margin-bottom:.25rem}.author-meta{font-size:.85rem;color:var(--on-surface-variant);margin-bottom:.75rem}.author-bio{font-size:.92rem;color:var(--on-surface-variant);line-height:1.6;max-width:480px;margin:0 auto 1.25rem;text-align:center;font-style:italic;opacity:.85}.author-socials{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.author-social-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--surface-container-high);color:var(--on-surface);text-decoration:none;font-size:1.1rem;transition:all var(--transition-normal);border:1px solid var(--outline-variant)}.author-social-link:hover{background:var(--secondary);color:var(--on-secondary);border-color:var(--secondary);transform:translateY(-2px)}.author-collections{max-width:1200px;margin:0 auto;padding:3rem 2rem 5rem}.author-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;color:var(--on-surface);margin-bottom:2rem}.author-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem}.author-empty{text-align:center;padding:4rem 2rem;background:var(--surface-container-low);border-radius:var(--radius-lg);border:1px dashed var(--outline-variant);color:var(--outline)}.author-empty .material-symbols-outlined{font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width: 768px){.author-header{padding:3rem 1rem}.author-collections{padding:2rem 1rem 4rem}.author-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}.settings-page{padding:4rem 2rem;padding-top:calc(52px + 4rem);min-height:calc(100vh - 200px);background:var(--surface-container-lowest)}.settings-container{max-width:600px;margin:0 auto;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:2.5rem}.settings-header{margin-bottom:2rem;border-bottom:1px solid var(--outline-variant);padding-bottom:1.5rem}.settings-title{font-size:1.6rem;font-weight:700;color:var(--on-surface);margin-bottom:.5rem}.settings-subtitle{font-size:.9rem;color:var(--on-surface-variant)}.settings-profile-card{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md)}.settings-avatar{flex-shrink:0}.settings-avatar img,.settings-avatar-placeholder{width:72px;height:72px;border-radius:50%;object-fit:cover}.settings-avatar-placeholder{background:var(--surface-container-high);color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.settings-user-info h3{font-size:1.2rem;font-weight:700;color:var(--on-surface);margin-bottom:.25rem}.settings-user-info p{font-size:.85rem;color:var(--outline)}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.settings-section-title{font-size:1.1rem;font-weight:700;color:var(--on-surface);margin-bottom:.25rem}.settings-section-desc{font-size:.85rem;color:var(--on-surface-variant);margin-bottom:1rem}.settings-form-group{display:flex;flex-direction:column;gap:.5rem}.settings-form-group label{font-size:.85rem;font-weight:600;color:var(--on-surface-variant)}.settings-error{color:var(--error);font-size:.85rem;padding:.75rem;background:#ff54491a;border-radius:var(--radius-sm);border:1px solid rgba(255,84,73,.2)}.settings-success{color:#00b341;font-size:.85rem;padding:.75rem;background:#00b3411a;border-radius:var(--radius-sm);border:1px solid rgba(0,179,65,.2)}.settings-actions{margin-top:1rem;display:flex;justify-content:flex-end}@media (max-width: 600px){.settings-container{padding:1.5rem}.settings-profile-card{flex-direction:column;text-align:center}}.mod-main{padding-top:80px;min-height:100vh}.mod-header{display:flex;justify-content:space-between;align-items:flex-start;padding:4rem 3rem 2rem;flex-wrap:wrap;gap:1.5rem}.mod-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.03em;text-transform:uppercase}.mod-header-stats{display:flex;gap:2rem}.mod-stat{display:flex;flex-direction:column;gap:.25rem;text-align:right}.mod-stat-num{font-family:var(--font-headline);font-size:2.5rem;font-weight:700;color:var(--secondary);line-height:1}.mod-stat-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant)}.mod-queue{padding:2rem 3rem 6rem}.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.mod-empty{text-align:center;padding:7rem 0}.mod-card{background:var(--surface-container-low);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.mod-card-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}.mod-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.mod-card:hover .mod-card-img{transform:scale(1.03)}.mod-pending-badge{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;gap:.3rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .65rem;border-radius:var(--radius-full);background:#5a4100d9;color:#f5a623;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mod-card-body{padding:1.25rem 1.25rem .75rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.mod-card-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em}.mod-card-meta-row{display:flex;gap:.75rem;align-items:center}.mod-card-game{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant)}.mod-card-cat{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--outline);background:var(--surface-container);padding:.15rem .5rem;border-radius:var(--radius-full)}.mod-card-uploader{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.mod-uploader-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.mod-uploader-avatar-placeholder{width:20px;height:20px;border-radius:50%;background:var(--secondary-container);color:var(--on-secondary-container);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.mod-card-uploader span{font-size:.72rem;color:var(--on-surface-variant)}.mod-card-date{margin-left:auto;font-size:.62rem;color:var(--outline)}.mod-card-desc{font-size:.75rem;color:var(--on-surface-variant);line-height:1.5;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mod-card-actions{display:flex;gap:0;border-top:1px solid rgba(72,72,72,.15)}.mod-approve-btn,.mod-reject-btn,.mod-edit-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--font-headline);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.85rem;border:none;cursor:pointer;transition:background var(--transition-normal)}.mod-approve-btn{background:#00460a80;color:var(--secondary);border-right:1px solid rgba(72,72,72,.15)}.mod-approve-btn:hover:not(:disabled){background:#00460abf}.mod-edit-btn{background:#1e3c7859;color:#7eb8ff;border-right:1px solid rgba(72,72,72,.15)}.mod-edit-btn:hover:not(:disabled){background:#1e3c7899}.mod-reject-btn{background:#7e2b174d;color:var(--error)}.mod-reject-btn:hover:not(:disabled){background:#7e2b178c}.mod-approve-btn:disabled,.mod-reject-btn:disabled,.mod-edit-btn:disabled{opacity:.5;cursor:not-allowed}.mod-card-skel{background:var(--surface-container-low);border-radius:var(--radius-lg);overflow:hidden}.mod-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;padding:2rem}.mod-modal{background:var(--surface-container-high);border:1px solid rgba(72,72,72,.2);border-radius:1rem;padding:2.5rem;max-width:480px;width:100%;display:flex;flex-direction:column;gap:1rem}.mod-modal-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.mod-modal-sub{font-size:.82rem;color:var(--on-surface-variant);margin-top:-.25rem}.mod-modal-actions{display:flex;gap:.75rem;margin-top:.5rem}.mod-modal-confirm{padding:.85rem 1.75rem;font-size:.8rem}.mod-modal-cancel{font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:.85rem 1.25rem;border-radius:var(--radius-md);border:1px solid rgba(72,72,72,.25);color:var(--on-surface-variant);cursor:pointer;background:transparent;transition:background var(--transition-normal)}.mod-modal-cancel:hover{background:var(--surface-bright)}.mod-sub-collection{margin-bottom:2.5rem}.mod-sub-col-title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(72,72,72,.15)}.mod-sub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.mod-sub-card{background:var(--surface-container-lowest);border:1px solid rgba(72,72,72,.12);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.mod-sub-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}.mod-sub-img{width:100%;height:100%;object-fit:cover}.mod-sub-meta{padding:.6rem .85rem 0}.mod-sub-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;color:var(--on-surface)}.mod-sub-desc{font-size:.68rem;color:var(--on-surface-variant);margin-top:.15rem;line-height:1.4}.mod-sub-actions{display:flex;margin-top:auto;border-top:1px solid rgba(72,72,72,.12)}.mod-edit-modal{max-width:660px;max-height:85vh;overflow-y:auto}.mod-edit-header{display:flex;justify-content:space-between;align-items:center}.mod-edit-close{padding:.4rem .75rem!important;border-radius:var(--radius-sm)!important}.mod-edit-wallpapers{display:flex;flex-direction:column;gap:1rem;max-height:45vh;overflow-y:auto;padding-right:.25rem}.mod-edit-wp-row{display:grid;grid-template-columns:96px 1fr;gap:.75rem;align-items:start;background:var(--surface-container-low);border-radius:var(--radius-md);padding:.75rem}.mod-edit-wp-thumb{position:relative}.mod-edit-thumb-img{width:96px;height:60px;object-fit:cover;border-radius:var(--radius-sm);display:block}.mod-edit-wp-num{position:absolute;bottom:.25rem;left:.25rem;font-size:.55rem;font-weight:900;letter-spacing:.1em;background:#000000bf;color:#fff;padding:.1rem .35rem;border-radius:2px}.mod-edit-wp-fields{display:flex;flex-direction:column;gap:.5rem}@media (max-width:960px){.mod-grid{grid-template-columns:repeat(2,1fr)}.mod-header,.mod-queue{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:580px){.mod-grid{grid-template-columns:1fr}}.admin-main{display:grid;grid-template-columns:260px 1fr;min-height:100vh;padding-top:80px}.admin-sidebar{background:var(--surface-container-lowest);padding:2.5rem 1.5rem;display:flex;flex-direction:column;gap:2rem;border-right:1px solid rgba(72,72,72,.12);position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto}.admin-sidebar-logo{display:flex;align-items:center;gap:.75rem}.admin-logo-icon{font-size:2rem!important;color:var(--secondary)}.admin-sidebar-title{font-size:1.1rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.admin-sidebar-sub{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--outline)}.admin-nav{display:flex;flex-direction:column;gap:.25rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--on-surface-variant);padding:.75rem 1rem;border-radius:var(--radius-md);border:none;cursor:pointer;background:transparent;text-align:left;width:100%;text-decoration:none;transition:background var(--transition-normal),color var(--transition-normal)}.admin-nav-item:hover{background:var(--surface-container-low);color:var(--on-surface)}.admin-nav-item.active{background:var(--surface-container-high);color:var(--secondary)}.admin-nav-icon{font-size:1.1rem!important}.admin-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}.admin-quick-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--surface-container-low);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-decoration:none;border:1px solid rgba(72,72,72,.1);transition:background var(--transition-normal),border-color var(--transition-normal)}.admin-quick-card:hover{background:var(--surface-container);border-color:#48484840}.admin-quick-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface)}.admin-sidebar-stats{margin-top:auto;display:flex;gap:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(72,72,72,.15)}.admin-sidebar-stat{display:flex;flex-direction:column;gap:.2rem}.admin-ss-num{font-family:var(--font-headline);font-size:1.6rem;font-weight:700;color:var(--on-surface);line-height:1}.admin-ss-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--outline)}.admin-content{padding:3rem;overflow-y:auto}.admin-section-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:2rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:3rem}.admin-stat-card{background:var(--surface-container-low);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:.5rem;transition:background var(--transition-normal)}.admin-stat-card:hover{background:var(--surface-container)}.admin-stat-card.accent{background:#00460a4d}.admin-stat-card.warn{background:#5a410033}.admin-stat-card.err{background:#7e2b1733}.admin-stat-icon{font-size:1.5rem!important;color:var(--on-surface-variant)}.admin-stat-card.accent .admin-stat-icon{color:var(--secondary)}.admin-stat-card.warn .admin-stat-icon{color:#f5a623}.admin-stat-card.err .admin-stat-icon{color:var(--error)}.admin-stat-val{font-family:var(--font-headline);font-size:2.25rem;font-weight:700;color:var(--on-surface);line-height:1}.admin-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant);font-weight:700}.admin-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid rgba(72,72,72,.12)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:var(--surface-container-high);padding:.85rem 1.25rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant);text-align:left;white-space:nowrap}.admin-table td{padding:.85rem 1.25rem;border-top:1px solid rgba(72,72,72,.1);vertical-align:middle}.admin-table tr:hover td{background:#4848480d}.row-banned td{opacity:.5}.td-user{display:flex;align-items:center;gap:.6rem}.td-name{font-size:.82rem;font-weight:600;color:var(--on-surface);white-space:nowrap}.td-muted{font-size:.75rem;color:var(--on-surface-variant)}.admin-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.admin-avatar-ph{width:28px;height:28px;border-radius:50%;background:var(--secondary-container);color:var(--on-secondary-container);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;font-family:var(--font-headline);flex-shrink:0}.role-select{font-family:var(--font-body);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .6rem;border-radius:var(--radius-full);border:1px solid rgba(72,72,72,.25);background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer;outline:none;transition:border-color var(--transition-normal)}.role-select:focus{border-color:var(--secondary)}.role-select--admin{background:#00460a4d;color:var(--secondary)}.role-select--moderator{background:#5a5a5a33;color:var(--primary)}.status-chip{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .6rem;border-radius:var(--radius-full)}.chip-active{background:#00460a4d;color:var(--secondary)}.chip-banned{background:#7e2b174d;color:var(--error)}.td-actions{display:flex;gap:.4rem}.admin-action-btn{font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .65rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background var(--transition-normal)}.btn-ban{background:#7e2b1740;color:var(--error)}.btn-ban:hover{background:#7e2b1780}.btn-unban{background:#00460a40;color:var(--secondary)}.btn-unban:hover{background:#00460a80}.btn-delete{background:#48484833;color:var(--on-surface-variant)}.btn-delete:hover{background:#7e2b1759;color:var(--error)}.admin-content-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.admin-filter-pills{display:flex;gap:.5rem}.admin-filter-pill{font-family:var(--font-body);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.4rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(72,72,72,.22);color:var(--on-surface-variant);background:transparent;cursor:pointer;transition:all var(--transition-normal)}.admin-filter-pill:hover{color:var(--on-surface)}.admin-filter-pill.active{background:var(--secondary-container);color:var(--on-secondary-container);border-color:transparent}.admin-wp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.admin-wp-card{background:var(--surface-container-low);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.admin-wp-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}.admin-wp-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.admin-wp-card:hover .admin-wp-img{transform:scale(1.04)}.admin-wp-status{position:absolute;top:.5rem;right:.5rem;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .5rem;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-approved{background:#00460acc;color:var(--secondary)}.status-pending{background:#5a4100cc;color:#f5a623}.status-rejected{background:#7e2b17cc;color:var(--error)}.admin-wp-body{padding:.75rem .85rem .4rem;flex:1}.admin-wp-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;color:var(--on-surface);margin-bottom:.2rem}.admin-wp-game{font-size:.6rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em}.admin-wp-uploader{font-size:.6rem;color:var(--outline);margin-top:.2rem}.admin-wp-actions{display:flex;gap:0;border-top:1px solid rgba(72,72,72,.12)}.admin-wp-btn{flex:1;font-family:var(--font-headline);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.6rem;border:none;cursor:pointer;transition:background var(--transition-normal)}.btn-approve{background:#00460a66;color:var(--secondary);border-right:1px solid rgba(72,72,72,.12)}.btn-approve:hover{background:#00460aa6}.btn-edit-wp{background:#1e3c784d;color:#7eb8ff;border-right:1px solid rgba(72,72,72,.12)}.btn-edit-wp:hover{background:#1e3c788c}.btn-add-img{background:#00642840;color:#4cdf80;border-right:1px solid rgba(72,72,72,.12)}.btn-add-img:hover{background:#00642880}.btn-del{background:#7e2b1740;color:var(--error)}.btn-del:hover{background:#7e2b1780}.admin-add-slots{display:flex;flex-direction:column;gap:1rem;max-height:45vh;overflow-y:auto;padding-right:.25rem}.admin-add-slot{background:var(--surface-container-low);border:1px solid rgba(72,72,72,.15);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.admin-add-more-slot-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border:2px dashed rgba(0,252,64,.2);border-radius:var(--radius-md);background:transparent;color:var(--secondary);font-family:var(--font-headline);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all var(--transition-normal)}.admin-add-more-slot-btn:hover{background:#00fc400d;border-color:#00fc4066}.admin-edit-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:2rem}.admin-edit-modal{background:var(--surface-container-high);border:1px solid rgba(72,72,72,.2);border-radius:1rem;padding:2.5rem;width:100%;max-width:680px;max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.admin-edit-modal-header{display:flex;justify-content:space-between;align-items:center}.admin-edit-modal-title{font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.admin-edit-close-btn{font-size:.9rem;font-weight:700;padding:.35rem .75rem;border-radius:var(--radius-sm);border:1px solid rgba(72,72,72,.25);color:var(--on-surface-variant);cursor:pointer;background:transparent;transition:background var(--transition-normal)}.admin-edit-close-btn:hover{background:var(--surface-bright)}.admin-edit-wp-list{display:flex;flex-direction:column;gap:.85rem;max-height:46vh;overflow-y:auto;padding-right:.25rem}.admin-edit-wp-row{display:grid;grid-template-columns:100px 1fr;gap:.75rem;align-items:start;background:var(--surface-container-low);border-radius:var(--radius-md);padding:.75rem}.admin-edit-thumb-wrap{position:relative}.admin-edit-thumb{width:100px;height:62px;object-fit:cover;border-radius:var(--radius-sm);display:block}.admin-edit-wp-num{position:absolute;bottom:.2rem;left:.2rem;font-size:.55rem;font-weight:900;letter-spacing:.1em;background:#000000bf;color:#fff;padding:.1rem .35rem;border-radius:2px}.admin-edit-wp-inputs{display:flex;flex-direction:column;gap:.5rem}.admin-edit-modal-footer{display:flex;gap:.75rem;padding-top:.5rem}.admin-edit-save-btn{display:flex;align-items:center;gap:.4rem;font-family:var(--font-headline);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.85rem 1.75rem;border-radius:var(--radius-md);border:none;cursor:pointer;background:#00460a80;color:var(--secondary);transition:background var(--transition-normal)}.admin-edit-save-btn:hover:not(:disabled){background:#00460abf}.admin-edit-save-btn:disabled{opacity:.5;cursor:not-allowed}.admin-edit-cancel-btn{font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:.85rem 1.25rem;border-radius:var(--radius-md);border:1px solid rgba(72,72,72,.25);color:var(--on-surface-variant);cursor:pointer;background:transparent;transition:background var(--transition-normal)}.admin-edit-cancel-btn:hover{background:var(--surface-bright)}.input-sm{font-size:.78rem!important;padding:.55rem .8rem!important}@media (max-width:1200px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-wp-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.admin-main{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;padding:1.5rem;border-right:none;border-bottom:1px solid rgba(72,72,72,.12)}.admin-nav{flex-direction:row}.admin-sidebar-stats{margin-top:0;border-top:none;border-left:1px solid rgba(72,72,72,.15);padding-top:0;padding-left:1.5rem}.admin-content{padding:2rem 1.5rem}.admin-wp-grid,.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.admin-wp-grid{grid-template-columns:1fr}}:root{--surface: #181818;--surface-dim: #141414;--surface-container-lowest: #101010;--surface-container-low: #1e1e1e;--surface-container: #222222;--surface-container-high: #2a2a2a;--surface-container-highest:#333333;--surface-variant: #2a2a2a;--surface-bright: #3a3a3a;--background: #181818;--on-background: #e0e0e0;--navbar-bg: #3c4a3e;--navbar-bg-dark: #2e3a30;--header-height: 52px;--primary: #c8c8c8;--primary-dim: #a0a0a0;--primary-container: #444444;--on-primary: #1a1a1a;--on-primary-container: #d0d0d0;--secondary: #d4a843;--secondary-dim: #b8922f;--secondary-container: #3d3018;--on-secondary: #2a2000;--on-secondary-container: #e8c55a;--on-surface: #e0e0e0;--on-surface-variant: #999999;--outline: #666666;--outline-variant: #444444;--error: #ed7f64;--error-container: #7e2b17;--font-headline: "Inter", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--on-surface);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:var(--font-body)}::selection{background:var(--secondary);color:var(--on-secondary)}.font-headline{font-family:var(--font-headline)}.font-body{font-family:var(--font-body)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--navbar-bg);color:#fff;font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:.55rem 1.25rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);transition:background var(--transition-normal)}.btn-primary:hover{background:var(--navbar-bg-dark)}.btn-outline{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:var(--on-surface);font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:.55rem 1.25rem;border-radius:var(--radius-sm);border:1px solid var(--outline-variant);transition:all var(--transition-normal)}.btn-outline:hover{border-color:var(--outline);background:var(--surface-container)}.tag-pill{display:inline-block;font-size:.75rem;font-weight:500;padding:.35rem .85rem;border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--on-surface);border:1px solid var(--outline-variant);transition:all var(--transition-normal);cursor:pointer}.tag-pill:hover,.tag-pill.active{background:var(--navbar-bg);color:#fff;border-color:var(--navbar-bg)}.tag-pill.special{background:var(--secondary-container);color:var(--on-secondary-container);border-color:var(--secondary-dim)}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--on-surface-variant);text-align:center}.input-base{width:100%;background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface);font-family:var(--font-body);font-size:.9rem;padding:.75rem 1rem;border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-normal)}.input-base::placeholder{color:var(--outline)}.input-base:focus{border-color:var(--secondary)}.micro-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface-container-high);color:var(--on-surface-variant);font-size:.7rem;font-weight:600;padding:.25rem .65rem;border-radius:var(--radius-full);border:1px solid var(--outline-variant)}.micro-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--secondary);animation:pulse 2s infinite}.accent-line{width:4rem;height:3px;background:var(--secondary);margin-top:.4rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-container-lowest)}::-webkit-scrollbar-thumb{background:var(--surface-bright);border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fadeUp .4s ease forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.skeleton{background:linear-gradient(90deg,var(--surface-container-low) 25%,var(--surface-container) 50%,var(--surface-container-low) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:1.5rem;vertical-align:middle}.machined-aluminum{background:var(--navbar-bg);color:#fff;font-family:var(--font-body);font-weight:600;border-radius:var(--radius-sm);padding:.6rem 1.25rem;font-size:.8rem;transition:background var(--transition-normal)}.machined-aluminum:hover{background:var(--navbar-bg-dark)}