.locker{grid-template-columns:260px 1fr;align-items:start;gap:32px;max-width:1200px;margin:24px auto 64px;padding:0 24px;display:grid}.locker-mirror{text-align:center;position:sticky;top:88px}.locker-mirror-frame{aspect-ratio:3/4;border:1px solid oklch(.33 var(--tn) var(--th));background:oklch(.17 var(--tn) var(--th));place-items:center;display:grid}.locker-mirror-frame img{width:70%;image-rendering:pixelated}.locker-mirror p{font:12px var(--stamp);letter-spacing:.08em;color:oklch(.8 var(--tn) var(--th));margin:12px 0 0}.locker-mirror b{color:var(--accent)}.locker-note{line-height:1.5;letter-spacing:0!important;font-family:inherit!important;font-size:13px!important}.locker-note a{color:var(--accent)}.locker-slot h2{font:clamp(18px,2vw,24px)/1.2 var(--stamp-heavy);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 12px}.locker-slot+.locker-slot{margin-top:28px}.locker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.locker-piece{border:1px solid oklch(.33 var(--tn) var(--th));background:oklch(.17 var(--tn) var(--th));color:oklch(.9 var(--tn) var(--th));cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.locker-piece:hover:not(:disabled){border-color:var(--accent)}.locker-piece.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.locker-piece.is-locked{cursor:default;opacity:.55}.locker-piece.is-locked img{filter:grayscale()brightness(.6)}.locker-art{place-items:center;width:96px;height:96px;display:grid}.locker-art img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.locker-piece strong{font:700 13px var(--stamp);letter-spacing:.04em}.locker-piece small{font:10px var(--stamp);letter-spacing:.06em;color:var(--accent)}.locker-piece.is-locked small{color:oklch(.7 var(--tn) var(--th))}@media (max-width:760px){.locker{grid-template-columns:1fr;padding:0 16px}.locker-mirror{max-width:220px;margin:0 auto;position:static}}