.locker{padding:32px var(--gutter) 96px;max-width:1600px;margin:0 auto}.locker-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;padding-bottom:20px;display:flex}.locker-head h1{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600;line-height:1.2}.locker-head p{color:var(--muted);max-width:46ch;margin:4px 0 0;font-size:14px}.locker-head code{font-family:var(--font-mono);color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:4px;padding:2px 6px}.loc-section{margin-top:40px}.loc-section-head{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.loc-section-head h2{font:inherit;margin:0}.loc-section-head .count{font-family:var(--font-mono);color:var(--faint);font-size:12px}.slots{grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:10px;display:grid}@media (min-width:600px){.slots{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}}@media (min-width:1200px){.slots{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.slot{text-align:left;border-radius:var(--radius);background:var(--surface-1);box-shadow:inset 0 1px 0 #00000059, inset 0 0 0 1px var(--line);transition:background var(--dur-short) var(--ease-equip), box-shadow var(--dur-short);border:0;flex-direction:column;padding:0;display:flex;position:relative}@supports (color:lab(0% 0 0)){.slot{box-shadow:inset 0 1px 0 lab(0% 0 0/.35), inset 0 0 0 1px var(--line)}}@media (hover:hover) and (pointer:fine){.slot:hover{background:var(--surface-2);box-shadow:inset 0 1px 0 #00000059, inset 0 0 0 1px var(--line-strong)}@supports (color:lab(0% 0 0)){.slot:hover{box-shadow:inset 0 1px 0 lab(0% 0 0/.35), inset 0 0 0 1px var(--line-strong)}}.slot:hover .slot-visual img{transform:scale(1.04)}}.slot-img{aspect-ratio:4/3;place-items:center;padding:10px 14px 0;display:grid}.slot-visual{place-items:center;width:100%;height:100%;display:grid}.slot-visual img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur-mid) var(--ease-equip)}.slot-visual img.is-square{width:72%;height:72%}.slot-img .placeholder{color:var(--faint);font-family:var(--font-mono);letter-spacing:.12em;font-size:12px}.slot-meta{gap:2px;min-width:0;padding:8px 14px 14px;display:grid}.slot-meta .weapon{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.slot-meta .skin{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.35;overflow:hidden}.slot-meta .skin.is-default{color:var(--faint)}.slot .st-badge{font-family:var(--font-mono);letter-spacing:.08em;color:#ffa658;color:lab(76.2149% 30.9189 58.2976);font-size:11px;position:absolute;top:10px;left:12px}@property --beam-a{syntax:"<angle>";inherits:false;initial-value:0deg}.slot.is-locking:after{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--beam-a), transparent 0deg 250deg, var(--accent) 320deg, #eedbff 350deg, transparent 360deg);-webkit-mask-composite:xor;animation:beam .52s var(--ease-equip) forwards;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@supports (color:lab(0% 0 0)){.slot.is-locking:after{background:conic-gradient(from var(--beam-a), transparent 0deg 250deg, var(--accent) 320deg, lab(89.7116% 16.6346 -24.179) 350deg, transparent 360deg)}}.slot.is-locking{box-shadow:inset 0 1px 0 #00000059, inset 0 0 0 1px var(--accent);transition:box-shadow .9s var(--ease-exit) .6s}@supports (color:lab(0% 0 0)){.slot.is-locking{box-shadow:inset 0 1px 0 lab(0% 0 0/.35), inset 0 0 0 1px var(--accent)}}@keyframes swap-in{0%{opacity:0}}@keyframes beam{0%{--beam-a:0deg;opacity:1}85%{opacity:1}to{--beam-a:360deg;opacity:0}}.flyer{z-index:80;pointer-events:none;object-fit:contain;will-change:transform;position:fixed}.toast{z-index:90;background:var(--surface-3);max-width:calc(100vw - 32px);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 40px #00000080, inset 0 0 0 1px var(--line-strong);align-items:center;gap:10px;padding:12px 18px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@supports (color:lab(0% 0 0)){.toast{box-shadow:0 12px 40px lab(0% 0 0/.5), inset 0 0 0 1px var(--line-strong)}}.toast svg{width:20px;height:20px;color:var(--ok);flex:none}.toast.is-error svg{color:var(--danger)}.toast code{font-family:var(--font-mono);color:var(--text)}.toast strong{font-weight:600}.toast .toast-hint{color:var(--muted)}.scrim{z-index:50;background:#02010399;background:lab(.443897% .293069 -.559253/.6);position:fixed;inset:0}.drawer{z-index:60;background:var(--bg);width:min(1080px,100vw);box-shadow:-24px 0 64px #00000073, inset 1px 0 0 var(--line);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@supports (color:lab(0% 0 0)){.drawer{box-shadow:-24px 0 64px lab(0% 0 0/.45), inset 1px 0 0 var(--line)}}.drawer-head{min-height:var(--bar-h);background:var(--surface-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px 10px 20px;display:flex}.drawer-head .head-start{align-items:center;gap:12px;min-width:0;display:flex}.drawer-head .titles{min-width:0}.drawer-head h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:600;line-height:1.2;overflow:hidden}.drawer-head .label{margin-bottom:2px;display:block}.drawer-body{overscroll-behavior:contain;flex:1;padding:20px;overflow-y:auto}@media (min-width:900px){.drawer-body{padding:24px 32px 40px}}.toolbar{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:18px;display:flex}.search{flex:260px;max-width:420px;position:relative}.search svg{width:18px;height:18px;color:var(--faint);pointer-events:none;position:absolute;top:50%;left:12px;translate:0 -50%}.search input{border-radius:var(--radius);background:var(--surface-1);width:100%;height:44px;box-shadow:inset 0 0 0 1px var(--line);border:0;padding:0 12px 0 38px;font-size:15px}.search input::placeholder{color:var(--faint)}.search input:focus{box-shadow:inset 0 0 0 1px var(--accent);outline:none}.result-count{font-family:var(--font-mono);color:var(--muted);font-size:13px}.cells{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:10px;display:grid}@media (min-width:900px){.cells{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}}.cell{text-align:left;border-radius:var(--radius);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);transition:background var(--dur-short), box-shadow var(--dur-short);border:0;flex-direction:column;padding:0;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.cell:hover{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong)}}.cell[aria-current=true]{box-shadow:inset 0 0 0 1.5px var(--accent)}.cell-img{aspect-ratio:4/3;place-items:center;padding:8px 10px 0;display:grid;overflow:hidden}.cell-img img{object-fit:contain;width:100%;height:100%;transition:transform var(--dur-mid) var(--ease-equip)}@media (hover:hover) and (pointer:fine){.cell:hover .cell-img img{transform:scale(1.04)}}.cell-img.is-square{aspect-ratio:1;padding:14px}.cell-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:6px 10px 12px;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.cell-sub{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;margin-top:-8px;padding:0 10px 12px;font-size:12px;overflow:hidden}.cell .tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;top:8px;right:8px}.cell-default .cell-img{color:var(--faint);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.more{justify-content:center;margin-top:24px;display:flex}.empty{color:var(--muted);text-align:center;padding:48px 0}.detail{gap:24px;display:grid}@media (min-width:900px){.detail{grid-template-columns:7fr 5fr;align-items:start;gap:40px}}.stage{aspect-ratio:4/3;border-radius:var(--radius);background:radial-gradient(60% 55% at 50% 55%, #1c1921, var(--surface-1) 70%);box-shadow:inset 0 0 0 1px var(--line);place-items:center;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.stage{background:radial-gradient(60% 55% at 50% 55%, lab(9.3432% 2.74605 -4.81344), var(--surface-1) 70%)}}.stage img{object-fit:contain;width:88%;height:88%}.stage.is-square img{width:62%;height:62%}.detail-panel{gap:22px;display:grid}.detail-panel h3{letter-spacing:-.01em;margin:4px 0 0;font-size:24px;font-weight:600;line-height:1.2}.detail-panel .alias{color:var(--muted);margin:2px 0 0;font-size:14px}.field{gap:8px;display:grid}.field-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-row .value{font-family:var(--font-mono);color:var(--text);font-size:13px}.field-row .value .zone{color:var(--muted);margin-left:6px}.hint{color:var(--muted);margin:0;font-size:13px}.wear-bar{border-radius:3px;height:6px;display:flex;position:relative;overflow:hidden}.wear-bar span{height:100%}.wear input[type=range]{width:100%;accent-color:var(--accent);height:44px;margin:0}.wear .wear-zones{margin-top:-12px}.wear-zones{font-family:var(--font-mono);color:var(--faint);letter-spacing:.06em;justify-content:space-between;font-size:11px;display:flex}.input{border-radius:var(--radius);background:var(--surface-1);width:100%;height:44px;box-shadow:inset 0 0 0 1px var(--line);border:0;padding:0 12px;font-size:15px}.input:focus{box-shadow:inset 0 0 0 1px var(--accent);outline:none}.input-group{gap:8px;display:flex}.input-group .input{font-family:var(--font-mono);flex:1}.input-group .btn{width:44px;height:44px;padding:0 12px}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .track{background:var(--surface-3);width:40px;height:24px;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background var(--dur-short);border-radius:999px;flex:none;position:relative}.toggle .track:after{content:"";background:var(--muted);width:18px;height:18px;transition:transform var(--dur-mid) var(--ease-snap), background var(--dur-short);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track:after{background:var(--accent-ink);transform:translate(16px)}.toggle input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.toggle .text{font-size:15px}.toggle .text small{color:var(--muted);font-size:13px;display:block}.equip-row{border-top:1px solid var(--line);gap:12px;padding-top:6px;display:grid}.equip-row .btn{width:100%;height:52px;font-size:17px}@media (max-width:899px){.drawer .equip-row{z-index:2;padding:12px 20px calc(16px + env(safe-area-inset-bottom));background:var(--surface-2);margin:0 -20px -20px;position:sticky;bottom:-20px;box-shadow:0 -12px 24px #00000059;box-shadow:0 -12px 24px lab(0% 0 0/.35)}}.error{color:var(--danger);align-items:flex-start;gap:8px;margin:0;font-size:14px;display:flex}.error svg{flex:none;width:18px;height:18px;margin-top:2px}@media (prefers-reduced-motion:reduce){.slot.is-locking:after{animation:none;display:none}.slot.is-locking .slot-img,.slot.is-locking .slot-meta{animation:.12s linear swap-in}.toast-region .toast{animation:none}.slot-visual img,.cell-img img{transition:none}.slot:hover .slot-visual img,.cell:hover .cell-img img{transform:none}}.locker-head-side{flex-wrap:wrap;align-items:end;gap:16px 24px;display:flex}.publish-btn{border-radius:var(--radius);background:var(--surface-2);height:44px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);transition:background var(--dur-short), box-shadow var(--dur-short);border:0;align-items:center;gap:10px;padding:0 14px 0 16px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.publish-btn .publish-count{background:var(--bg);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px}.publish-btn.is-ready{background:var(--accent);color:var(--accent-ink);box-shadow:none}.publish-btn.is-ready .publish-count{background:color-mix(in oklch, var(--accent-ink) 18%, transparent);color:var(--accent-ink)}.publish-btn.is-shared{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.publish-btn.is-shared svg{width:18px;height:18px;color:var(--ok)}@media (hover:hover) and (pointer:fine){.publish-btn:not(.is-ready):hover{background:var(--surface-3)}.publish-btn.is-ready:hover{background:var(--accent-hover)}.publish-btn.is-shared:hover{color:var(--text);background:var(--surface-2)}}.share-card{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;margin-top:20px;overflow:hidden}.share-card-stage{background:radial-gradient(90% 120% at 30% 100%, color-mix(in oklch, var(--accent) 22%, var(--surface-2)), var(--bg));height:170px;position:relative}.share-card-stage img{object-fit:contain;position:absolute}.share-agent{object-position:bottom;width:40%;height:100%;bottom:0;left:4%}.share-knife{width:50%;height:45%;top:10%;right:6%}.share-gloves{width:38%;height:42%;bottom:6%;right:10%}.share-card-who{border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px;display:flex}.share-card-who img{border-radius:var(--radius);object-fit:cover;flex:none;width:36px;height:36px}.share-card-who strong{font-weight:600;line-height:1.3;display:block}.share-card-who span{color:var(--muted);font-size:13px;line-height:1.3;display:block}.share-reqs-sides{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}.share-side{font-family:var(--font-mono);letter-spacing:.1em;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.share-side .emblem{font-size:16px}.share-side.side-t{color:var(--t-tint)}.share-side.side-ct{color:var(--ct-tint)}.share-reqs{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.share-reqs li{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.share-reqs svg{width:18px;height:18px;color:var(--faint);flex:none}.share-reqs li.is-done{color:var(--text)}.share-reqs li.is-done svg{color:var(--ok)}
