.my-locker{color:var(--scene-ink);padding-block:32px 80px}.locker-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.locker-heading h1{font:700 clamp(2rem,5vw,3rem)/1.1 var(--font-space-grotesk);margin:8px 0}.locker-heading a,.locker-profile-links a,.locker-empty a{color:var(--scene-accent);align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.locker-overview{grid-template-columns:minmax(300px,1fr) minmax(0,1.6fr);gap:20px;display:grid}.locker-profile{border:1px solid var(--scene-border);background:var(--scene-surface);border-radius:14px;min-width:0;padding:20px}.locker-section-label{color:var(--scene-muted);margin:0 0 16px;font-size:.875rem}.locker-look.cosmetic-preview{color:#fff5ff;background:#1c142b;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:265px;padding:28px 20px 20px;display:flex}.locker-look strong{max-width:100%;font-size:1.3rem;line-height:1.6}.locker-look .profile-prize-tag{margin:0;font-size:.875rem}.locker-look .avatar-pet{width:88px;height:100px;margin-left:12px}.locker-profile-links{justify-content:space-between;gap:12px;margin-top:20px;display:flex}.locker-stats{border:1px solid var(--scene-border);background:var(--scene-border);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.locker-stat{background:var(--scene-surface);grid-template-columns:1fr auto;align-content:center;gap:10px;min-width:0;padding:20px;display:grid}.locker-stat:hover{background:var(--scene-surface-soft)}.locker-stat svg{color:var(--scene-accent)}.locker-stat strong{font:700 1.5rem/1.1 var(--font-space-grotesk);color:var(--scene-ink);overflow-wrap:anywhere}.locker-stat span{color:var(--scene-muted);grid-column:1/-1;font-size:.875rem}.locker-style{border-block:1px solid var(--scene-border);background:var(--scene-surface);margin-top:16px}.locker-style summary{cursor:pointer;color:var(--scene-muted);padding:16px;font-size:.9rem}.locker-style>fieldset{border:0;min-width:0;margin:0;padding:0 18px 18px}.locker-collection{margin-top:32px;scroll-margin-top:90px}.locker-collection-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.locker-collection-heading h2{font:700 1.3rem/1.4 var(--font-space-grotesk);margin:0}.locker-collection-heading p{color:var(--scene-muted);margin:6px 0;font-size:.875rem}.locker-search input{border:1px solid var(--scene-border);background:var(--scene-surface);width:260px;max-width:100%;color:var(--scene-ink);border-radius:8px;padding:12px 14px;font-size:1rem}.locker-filters{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:20px 0 14px;padding:0;display:flex}.locker-filters button,.locker-pagination button,.locker-compare button{border:1px solid var(--scene-border);background:var(--scene-surface);min-height:42px;color:var(--scene-muted);font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:.875rem;display:inline-flex}.locker-filters button span{opacity:.75;font-size:.8rem}.locker-filters button[aria-pressed=true],.locker-compare button[aria-pressed=true]{color:#241631;background:var(--scene-accent);border-color:var(--scene-accent)}.locker-toolbar{color:var(--scene-muted);flex-wrap:wrap;align-items:center;gap:16px;padding-block:12px;font-size:.875rem;display:flex}.locker-toolbar>span{margin-right:auto}.locker-toolbar label{align-items:center;gap:8px;display:flex}.locker-toolbar select{border:1px solid var(--scene-border);color:#fff3ff;max-width:100%;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#30233f;border-radius:6px;padding:8px}.locker-notice{color:#c2f2cb;margin:10px 0;font-size:.875rem;display:block}.locker-notice:empty{display:none}.locker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.locker-tile{border:1px solid var(--scene-border);background:var(--scene-surface);min-width:0;color:var(--scene-ink);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:stretch;padding:0;transition:border-color .15s,background .15s;display:flex;position:relative}.locker-tile:hover{border-color:var(--locker-accent);background:var(--scene-surface-soft)}.locker-tile.is-equipped{border-color:#a7d899}.locker-tile-art{background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--locker-accent) 15%,transparent),transparent 75%);border-radius:inherit;justify-content:center;align-items:center;min-width:0;height:160px;padding:26px 12px 12px;display:flex}.locker-tile-art>svg{width:108px;height:118px}.locker-tile-name{font:600 .875rem/1.4 var(--font-space-grotesk);overflow-wrap:anywhere;padding:12px 8px 14px;display:block}.locker-tile-flags{z-index:1;gap:4px;display:flex;position:absolute;top:7px;right:7px}.locker-tile-flags>span{color:#f4d996;background:#251930e8;border-radius:5px;place-items:center;width:23px;height:23px;display:grid}.locker-tile.is-equipped .locker-tile-flags>span:first-child{color:#b8f3a8}.locker-tile-art .profile-prize-tag{max-width:100%;margin:0;font-size:.8rem}.locker-tile-art>.user-presence-name{min-width:0;max-width:100%;font-size:1.15rem}.locker-tile-art .user-presence-dot{display:none}.locker-theme-swatch{border:1px solid #c7acf270;border-radius:7px;flex-direction:column;justify-content:end;align-items:start;gap:7px;width:100%;height:110px;padding:14px;display:flex}.locker-theme-swatch>span{background:#fff7;border-radius:3px;width:65%;height:5px}.locker-theme-swatch>span:first-child{border-radius:50%;width:25px;height:25px}.locker-theme-swatch>span:last-child{width:40%}.locker-tile-art .cursor-preview{background:0 0;border:0;gap:2px;padding:0}.locker-tile-art .cursor-preview small{display:none}.locker-tile-art .cursor-preview img{width:44px;height:44px}.locker-empty{text-align:center;border:1px dashed var(--scene-border);background:var(--scene-surface);color:var(--scene-muted);border-radius:12px;padding:40px 20px}.locker-empty>svg{margin:auto}.locker-empty p{font-size:1rem}.locker-pagination{justify-content:center;align-items:center;gap:18px;margin-top:24px;font-size:.875rem;display:flex}.my-locker button:disabled{opacity:.5;cursor:default}.my-locker :focus-visible{outline:3px solid var(--scene-accent);outline-offset:3px}.locker-detail{border:1px solid var(--scene-border);background:var(--scene-surface);width:min(860px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--scene-ink);pointer-events:auto;border-radius:16px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 100px #0009}.locker-detail[open]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.locker-detail::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100b20bb}.locker-detail-close{z-index:2;border:1px solid var(--scene-border);background:var(--scene-surface);width:42px;height:42px;color:var(--scene-ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.locker-detail-stage{background:#150e2470;flex-direction:column;justify-content:center;gap:20px;min-width:0;padding:48px 24px 28px;display:flex}.locker-detail-stage .locker-look{min-height:300px}.locker-detail-stage .cursor-preview{justify-content:center;min-height:220px}.locker-detail-stage .cursor-preview img{width:80px;height:80px}.locker-compare{justify-content:center;gap:6px;display:flex}.locker-detail-copy{align-self:center;min-width:0;padding:60px 28px 28px}.locker-detail-copy h2{font:700 1.7rem/1.2 var(--font-space-grotesk);overflow-wrap:anywhere;margin:12px 0}.locker-detail-copy>p:not(.locker-section-label){color:var(--scene-muted);font-size:1rem;line-height:1.75}.locker-equip{background:var(--scene-accent);color:#23142f;width:100%;min-height:48px;font:700 1rem var(--font-space-grotesk);cursor:pointer;border:0;border-radius:8px;margin-top:24px;display:block}.locker-equipped-label{color:#bde8ba;justify-content:center;align-items:center;gap:7px;margin:12px 0;font-size:.875rem;display:flex}.locker-detail-copy output{color:#c2f2cb;margin-top:12px;font-size:.875rem;display:block}@media (max-width:1100px){.locker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.locker-stat{padding:16px}.locker-overview{grid-template-columns:minmax(270px,1fr) minmax(0,1.3fr)}}@media (max-width:760px){.locker-overview{grid-template-columns:1fr}.locker-profile .locker-look{min-height:245px}.locker-stats,.locker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.locker-collection-heading{flex-direction:column;align-items:stretch}.locker-search input{width:100%}.locker-detail[open]{grid-template-columns:1fr}.locker-detail-stage{padding:54px 20px 20px}.locker-detail-copy{padding:20px 24px 28px}.locker-detail-stage .locker-look{min-height:265px}}@media (max-width:480px){.locker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.locker-stat{padding:13px 10px}.locker-stat strong{font-size:1.2rem}.locker-stat span{font-size:.8rem}.locker-stat svg{width:17px}.locker-toolbar{gap:10px}.locker-toolbar>span{width:100%}.locker-toolbar label{flex-direction:column;flex:1;align-items:start}.locker-toolbar select{width:100%;font-size:.8rem}.locker-heading a{font-size:.8rem}.locker-look .avatar-pet{width:64px;height:74px;margin-left:5px}}@media (prefers-reduced-motion:reduce){.locker-tile{transition:none}}:root .locker-theme-swatch:is(.theme-vortex,.theme-nautilus,.theme-hypnotic,.theme-surf,.theme-sonar,.theme-tidepool,.theme-zigzag,.theme-chevron,.theme-memphis,.theme-constellation,.theme-starfall,.theme-stardust,.theme-liquid,.theme-moire,.theme-warp,.theme-glitch,.theme-crt,.theme-terminal){background-position:50%;background-size:cover}
