@font-face{font-family:Basement;src:url(/lab/fonts/basement.otf) format("opentype");font-display:swap}:root{--ink: #0a0a0c;--panel: #131316;--panel-2: #16161a;--line: #2a2a32;--grey: #9f9d9a;--white: #ffffff;--accent: #ff008a}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,system-ui,-apple-system,sans-serif;background-image:linear-gradient(var(--panel) 1px,transparent 1px),linear-gradient(90deg,var(--panel) 1px,transparent 1px);background-size:80px 80px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;opacity:.5;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/></filter><rect width="160" height="160" filter="url(%23n)" opacity="0.06"/></svg>')}.app{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.header{padding:18px 0 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.monogram{display:inline-flex;align-items:center;gap:6px;font-family:Compacta,Impact,sans-serif;font-size:30px;letter-spacing:.04em;color:var(--white);border:2px solid var(--line);border-radius:999px;padding:6px 16px;box-shadow:0 4px #0009;margin-top:12px;white-space:nowrap}.monogram svg{display:block}.title{font-family:Compacta,Impact,sans-serif;font-size:clamp(52px,9vw,88px);font-weight:400;letter-spacing:.04em;line-height:1.05;margin:0}.subtitle{font-family:Basement,Arial Black,sans-serif;font-size:12px;letter-spacing:.18em;color:var(--grey);margin:10px 0 0;border-top:3px solid var(--accent);display:inline-block;padding-top:8px}.main{display:grid;gap:18px;margin-top:14px}@media(min-width:880px){.main{grid-template-columns:440px 1fr;align-items:start}.left-col{position:sticky;top:16px}}.stage{position:relative;overflow:hidden;background:radial-gradient(ellipse 75% 50% at 50% 36%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%),radial-gradient(ellipse 120% 30% at 50% 88%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),linear-gradient(to bottom,transparent 0%,transparent 70%,rgba(0,0,0,.5) 100%),var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 4px),radial-gradient(ellipse 130% 110% at 50% 45%,transparent 62%,rgba(0,0,0,.42) 100%)}.doll{width:min(74vw,360px)}.doll svg{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6)) drop-shadow(0 0 44px color-mix(in srgb,var(--accent) 28%,transparent))}.doll-reflection{width:min(74vw,360px);height:64px;overflow:hidden;margin-top:-10px;pointer-events:none;opacity:.16}.doll-reflection svg{width:100%;height:auto;display:block;transform:scaleY(-1);mask-image:linear-gradient(to bottom,black,transparent 75%);-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%)}.doll-name{margin-top:6px;width:100%;background:var(--ink);border:1px solid var(--line);border-radius:8px;color:var(--white);font-family:Compacta,Impact,sans-serif;font-size:26px;letter-spacing:.06em;text-align:center;padding:8px 10px;text-transform:uppercase}.doll-name::placeholder{color:var(--grey);opacity:.5}.doll-name:focus{outline:2px solid var(--accent);border-color:transparent}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;width:100%}.btn{flex:1 1 30%;background:var(--panel-2);border:2px solid var(--line);border-radius:999px;color:var(--white);font-family:Compacta,Impact,sans-serif;font-size:22px;letter-spacing:.08em;padding:10px 8px;cursor:pointer;box-shadow:0 5px #000000a6;transition:transform .06s,box-shadow .06s}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(3px);box-shadow:0 2px #000000a6}.btn:disabled{opacity:.5}.btn-accent{background:var(--accent);color:var(--ink);border-color:color-mix(in srgb,var(--accent) 55%,black);box-shadow:0 5px color-mix(in srgb,var(--accent) 30%,black)}.btn-accent:active{box-shadow:0 2px color-mix(in srgb,var(--accent) 30%,black)}.wardrobe{display:grid;gap:14px}.panel{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 14px 14px}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bar, var(--accent))}.wardrobe>.panel:nth-of-type(1){--bar: #8e00e6}.wardrobe>.panel:nth-of-type(2){--bar: #ff008a}.wardrobe>.panel:nth-of-type(3){--bar: #05f300}.wardrobe>.panel:nth-of-type(4){--bar: #9f9d9a}.panel-title{font-family:Basement,Arial Black,sans-serif;font-size:11px;letter-spacing:.2em;color:var(--grey);margin:0 0 12px}.base-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.base-card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--white)}.base-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px color-mix(in srgb,var(--accent) 35%,transparent)}.base-label{font-family:Compacta,Impact,sans-serif;font-size:17px;letter-spacing:.06em}.base-tag{font-size:9px;letter-spacing:.08em;color:var(--grey);text-transform:uppercase;text-align:center}.slot-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.tab{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--grey);font-family:Compacta,Impact,sans-serif;font-size:17px;letter-spacing:.08em;padding:6px 13px;cursor:pointer}.tab.is-active{background:var(--accent);border-color:transparent;color:var(--ink)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.item-card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 6px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--white);min-height:124px}.item-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.item-label{font-family:Compacta,Impact,sans-serif;font-size:13px;letter-spacing:.05em;text-align:center;line-height:1.1}.item-era{font-size:8px;letter-spacing:.12em;color:var(--grey)}.thumb{display:inline-flex;background:var(--ink);border-radius:6px;overflow:hidden}.thumb svg{width:100%;height:100%}.thumb-none{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;color:var(--grey);font-size:24px;background:var(--ink);border-radius:6px}.color-row{display:flex;align-items:center;gap:12px}.color-row+.color-row{margin-top:12px}.color-label{font-family:Basement,Arial Black,sans-serif;font-size:10px;letter-spacing:.16em;color:var(--grey);width:58px;flex-shrink:0}.accent-row{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);cursor:pointer}.swatch.is-active{border-color:var(--white);box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--accent)}.closet-row{display:flex;gap:10px;flex-wrap:wrap}.closet-entry{position:relative;display:inline-flex}.closet-doll{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:4px;cursor:pointer}.closet-doll:hover{border-color:var(--accent)}.closet-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);color:var(--grey);font-size:12px;line-height:1;cursor:pointer}.closet-x:hover{color:var(--white);border-color:var(--accent)}.footer{margin-top:26px;display:flex;flex-direction:column;gap:6px;color:var(--grey);font-size:11px;letter-spacing:.06em}.footer-binary{font-family:monospace;color:var(--accent);opacity:.7}.left-col{display:flex;flex-direction:column;gap:14px}.deck-row{display:flex;align-items:center;gap:12px}.disc{width:54px;height:54px;border-radius:50%;border:2px solid var(--line);cursor:pointer;flex:none;position:relative;background:radial-gradient(circle at 50% 50%,#16161a 0 18%,transparent 18%),conic-gradient(from 0deg,#1a1a20,#2e2e36,color-mix(in srgb,var(--accent) 45%,#1a1a20),#1a1a20,#2e2e36,color-mix(in srgb,var(--accent) 30%,#1a1a20),#1a1a20);box-shadow:0 4px #0009}.disc-hole{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--ink);border:2px solid var(--line)}@keyframes spin{to{transform:rotate(360deg)}}.disc.is-spinning{animation:spin 1.8s linear infinite}.deck-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.deck-now{font-family:Basement,Arial Black,sans-serif;font-size:9px;letter-spacing:.18em;color:var(--grey)}.deck-title{font-family:Compacta,Impact,sans-serif;font-size:20px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-leds{display:flex;gap:5px}.led{width:7px;height:7px;border-radius:2px;background:var(--panel-2);border:1px solid var(--line)}.led.is-on{background:var(--accent);border-color:transparent;box-shadow:0 0 8px var(--accent)}.deck-toggle{flex:none;font-size:17px;padding:8px 14px}.deck-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.deck-track{display:flex;gap:10px;align-items:baseline;font-family:Compacta,Impact,sans-serif;font-size:16px;letter-spacing:.06em;padding:5px 8px;border-radius:6px}.deck-track.is-current{background:var(--panel-2)}.deck-track.is-locked{color:var(--grey);opacity:.6}.deck-num{font-family:monospace;font-size:11px;color:var(--grey)}.deck-lock{margin-left:auto;font-family:monospace;font-size:10px;letter-spacing:.1em;color:var(--accent)}