:root{--bg: #120d18;--panel: rgba(24, 18, 32, .88);--panel-solid: #1c1526;--line: rgba(255, 255, 255, .1);--text: #f3eefa;--muted: #a99bbd;--pink: #ff3fa4;--cyan: #4cc9f0;--green: #3ddc97;--red: #ff5e5b;--yellow: #ffcc00;--radius: 12px;font-family:Space Grotesk,system-ui,sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg)}body{overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#ffffff0f;border-radius:8px;padding:8px 14px;transition:background .15s,border-color .15s,transform .05s}button:hover:not(:disabled){background:#ffffff1f}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--pink),#b14bff);border:none;font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(135deg,#ff5cb4,#c06bff)}button.danger{background:var(--red);border:none;font-weight:700}button.ghost{background:transparent}button.link{background:none;border:none;padding:0;color:var(--cyan);text-align:left}button.active{background:#ff3fa438;border-color:var(--pink)}button.big{padding:14px 28px;font-size:1.1rem}input[type=text],input:not([type]),select{background:#00000059;border:1px solid var(--line);border-radius:8px;padding:10px 12px;outline:none}input:focus,select:focus{border-color:var(--pink)}input[type=range]{accent-color:var(--pink)}kbd{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.75em;padding:1px 6px;margin:0 2px;border-radius:5px;border:1px solid var(--line);border-bottom-width:2px;background:#ffffff14}.mono{font-family:JetBrains Mono,monospace}.muted{color:var(--muted)}.small{font-size:.82rem}.error{color:var(--red)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card h2,.card h3{margin:0 0 6px}.home{height:100%;overflow:auto;padding:40px 16px;background:radial-gradient(circle at 20% 10%,rgba(255,63,164,.25),transparent 40%),radial-gradient(circle at 80% 30%,rgba(76,201,240,.2),transparent 40%),var(--bg);display:flex;flex-direction:column;align-items:center;gap:28px}.login{width:min(420px,100%);display:flex;flex-direction:column;gap:12px}.menu{position:relative;height:100%;overflow:hidden}.menu-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0810}.menu-bg canvas{width:100%;height:100%;display:block}.menu-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#120d1800 30%,#120d1880 70%,#120d18e6),#0c081273}.menu-center{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;padding:64px 16px 48px}.menu-center:before{content:"";position:fixed;left:50%;top:50%;width:min(720px,110vw);height:95%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(18,13,24,.7),rgba(18,13,24,.35) 60%,transparent);pointer-events:none;z-index:-1}.neon-logo{margin:0;font-weight:700;letter-spacing:-.04em;line-height:.85;font-size:clamp(72px,min(15vw,19vh),160px);color:#fff;text-shadow:0 0 6px #fff,0 0 18px var(--pink),0 0 40px var(--pink),0 0 80px #b14bff;animation:neon-flicker 7s infinite}@keyframes neon-flicker{0%,92%,94%,to{opacity:1}93%{opacity:.55}}.menu .eq{display:flex;gap:4px;align-items:flex-end;height:26px}.menu .eq i{width:6px;border-radius:2px;background:linear-gradient(var(--pink),var(--cyan));animation:eq-bounce .4s ease-in-out infinite alternate}@keyframes eq-bounce{0%{height:4px}to{height:26px}}.rack{position:relative;width:min(440px,100%);padding:10px 28px;border-radius:10px;border:1px solid #3a3146;background:linear-gradient(#26202e,#1a1522);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0f}.rack:before,.rack:after{content:"";position:absolute;top:12px;bottom:12px;width:7px;border-radius:2px;background:repeating-linear-gradient(#0d0a11 0 6px,transparent 6px 22px)}.rack:before{left:10px}.rack:after{right:10px}.rack .lcd{display:flex;justify-content:space-between;gap:12px;margin:6px 0 8px;padding:8px 12px;border-radius:4px;border:1px solid #1f3a2d;background:#0b1a14;color:var(--green);text-shadow:0 0 6px rgba(61,220,151,.6);font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;white-space:nowrap}.rack .lcd .msg{overflow:hidden;text-overflow:ellipsis}.rack .lcd .blink{animation:lcd-blink 1s steps(1) infinite}@keyframes lcd-blink{50%{opacity:0}}.rack-unit{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:14px;width:100%;margin:6px 0;padding:13px 16px;text-align:left;border-radius:6px;border:1px solid #3c3448;background:linear-gradient(#2e2738,#241e2c);outline:none}button.rack-unit:hover:not(:disabled){background:linear-gradient(#352c40,#2a2333)}.rack-unit .led{width:10px;height:10px;border-radius:50%;background:#3a2a33;box-shadow:inset 0 1px 2px #0009;transition:background .12s,box-shadow .12s}.rack-unit .label{font-size:17px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rack-unit .label small{display:block;margin-top:1px;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.rack-unit .side{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted);white-space:nowrap}.rack-unit .side.live{color:var(--green)}.rack-unit.focus{border-color:var(--pink);background:linear-gradient(#352c40,#2a2333)}.rack-unit.focus .led{background:var(--pink);box-shadow:0 0 10px var(--pink),0 0 2px #fff inset}.rack-unit.small{padding:9px 16px}.rack-unit.small .label{font-size:14px}.rack-unit.back .label{color:var(--muted)}.rack-unit.field input{min-width:0;padding:7px 10px;border-radius:4px;border:1px solid #3c3448;background:#0b0910;font-family:JetBrains Mono,monospace;outline:none}.rack-unit.field input:focus{border-color:var(--cyan)}.rack-unit.field button{padding:7px 12px;border-radius:4px;border:1px solid #4a4058;background:#3a3146;font-size:13px;font-weight:700}.rack-divider{height:1px;margin:10px 4px;background:repeating-linear-gradient(90deg,#3c3448 0 4px,transparent 4px 8px)}.menu-player{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;font-size:14px}.menu-player .avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--pink),#b14bff);font-weight:700}.menu-player small{display:block;font-size:11px;color:var(--muted)}.menu-keys{position:absolute;right:16px;bottom:14px;color:var(--muted);font-size:12px;pointer-events:none}.menu-keys kbd{margin:0 2px;padding:1px 5px;border:1px solid var(--line);border-radius:4px;font-family:JetBrains Mono,monospace}@media (max-width: 560px),(hover: none){.menu-keys{display:none}.rack{padding:8px 22px}}.char{position:relative;height:100%;overflow:hidden;display:flex;gap:40px;padding:36px 48px}.char-left{position:relative;flex:1 1 0;min-width:0;max-width:560px;display:flex;flex-direction:column;gap:14px}.char-name{position:absolute;top:14px;left:18px;max-width:calc(100% - 160px);margin:0;font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-.03em;line-height:1;text-transform:uppercase;color:#fff;text-shadow:0 0 6px #fff,0 0 16px var(--pink),0 0 32px var(--pink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.char-booth{position:relative;flex:1;min-height:0;border-radius:14px;border:1px solid #3a3146;background:radial-gradient(ellipse at 50% 85%,#2b1d38,#120d18 70%);overflow:hidden}.char-booth canvas{display:block;animation:booth-in .35s ease-out both}@keyframes booth-in{0%{opacity:0}}.booth-tag{position:absolute;top:18px;right:16px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;color:var(--muted);pointer-events:none}.char-moves{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.char-moves button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;border-radius:8px;border:1px solid #3c3448;background:linear-gradient(#2e2738,#1d1824);box-shadow:inset 0 -3px #0006;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted)}.char-moves .led{width:8px;height:8px;border-radius:50%;background:#3a2a33}.char-moves button.on{border-color:var(--cyan);background:#16303a;color:#fff;box-shadow:0 0 16px #4cc9f059,inset 0 0 12px #4cc9f040}.char-moves button.on .led{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.rack.char-rack{flex:1 1 0;min-width:0;max-width:720px;display:flex;flex-direction:column;padding:10px 34px 14px}.char-rack .lcd{font-size:13px;padding:10px 14px}.char-channels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:8px}.char-channels .rack-unit{display:flex;flex-direction:column;gap:4px;margin:0;padding:8px 4px;text-align:center}.char-channels .rack-unit small{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted)}.char-channels .rack-unit .label{font-size:12px;letter-spacing:.06em;max-width:100%}.char-channels .rack-unit:not(.focus) .label{color:var(--muted)}.char-rows{flex:1;min-height:0;overflow-y:auto;margin:0 -4px;padding:0 4px}.rack-unit.char-row{margin:0 0 8px;padding:9px 16px}.char-row .label{font-size:15px}.char-stepper{display:flex;align-items:center;gap:8px}.char-stepper>button{width:34px;height:34px;padding:0;border-radius:6px;border:1px solid #4a4058;background:#3a3146;font-size:12px}.char-stepper>button:hover{border-color:var(--pink)}.step-lcd{width:190px;padding:6px 10px;border-radius:4px;border:1px solid #1f3a2d;background:#0b1a14;font-family:JetBrains Mono,monospace;text-transform:uppercase}.step-lcd>span{display:flex;justify-content:space-between;font-size:14px;color:var(--green);text-shadow:0 0 6px rgba(61,220,151,.6);white-space:nowrap}.step-lcd small{font-size:11px;opacity:.6}.step-lcd .ticks{display:flex;gap:3px;margin-top:4px}.step-lcd .ticks i{flex:1;height:3px;border-radius:1px;background:#1f3a2d}.step-lcd .ticks i.on{background:var(--green);box-shadow:0 0 6px var(--green)}.char-swatches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:340px}.char-swatches button,.char-swatches .custom{position:relative;width:20px;height:20px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.15)}.char-swatches button.on,.char-swatches .custom.on{border:2px solid #fff;box-shadow:0 0 0 2px var(--pink)}.char-swatches .custom{display:grid;place-items:center;border-style:dashed;border-color:#6a5d7c;color:var(--muted);font-size:14px;line-height:1;cursor:pointer}.char-swatches .custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.char-fader{display:flex;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--green)}.char-fader span{width:44px;text-align:right}.char-fader input{width:220px;height:22px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.char-fader input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#0b0910;box-shadow:inset 0 1px 2px #000c}.char-fader input::-moz-range-track{height:6px;border-radius:3px;background:#0b0910}.char-fader input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:24px;margin-top:-9px;border-radius:3px;border:1px solid #6a5d7c;background:linear-gradient(#5a5068,#3a3146)}.char-fader input::-moz-range-thumb{width:14px;height:24px;border-radius:3px;border:1px solid #6a5d7c;background:linear-gradient(#5a5068,#3a3146)}.char-actions{display:flex;gap:8px}.char-actions .rack-unit{flex:1 1 0;min-width:0;grid-template-columns:12px 1fr;margin:0}.char-actions .save{flex:1.3;border-color:var(--green);background:linear-gradient(#22352d,#18261f)}.char-actions .save .led{background:var(--green);box-shadow:0 0 10px var(--green)}.char-keys{margin-top:10px;text-align:right;font-size:12px;color:var(--muted)}.char-keys kbd{margin:0 2px;padding:1px 5px;border:1px solid var(--line);border-radius:4px;font-family:JetBrains Mono,monospace}.char-signin{align-items:center;justify-content:center}@media (max-width: 900px){.char{flex-direction:column;gap:16px;padding:16px;overflow-y:auto}.char-left,.rack.char-rack{flex:none;max-width:none}.char-booth{flex:none;height:42vh}.char-moves{grid-template-columns:repeat(3,minmax(0,1fr))}.char-channels .rack-unit .label{font-size:10px;letter-spacing:0}.rack.char-rack{padding:8px 22px 12px}.char-rows{overflow:visible}.rack-unit.char-row{grid-template-columns:12px 1fr}.char-row>:last-child{grid-column:1 / -1;justify-self:end}.rack-unit.ach-row{grid-template-columns:12px 1fr auto}.ach-row>:last-child{grid-column:auto}.char-booth.ach-booth{height:auto;padding:64px 20px 24px}.char-actions{flex-direction:column}.char-keys{display:none}}.ach-booth{display:flex;align-items:center;justify-content:center;padding:72px 32px 32px}.ach-detail{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:440px;text-align:center;animation:booth-in .25s ease-out both}.ach-badge{display:grid;place-items:center;width:128px;height:128px;margin-bottom:8px;border-radius:50%;border:2px dashed #4a4058;background:radial-gradient(#241e2c,#17121e);color:#6a5d7c;font-size:56px;font-weight:700}.ach-detail.got .ach-badge{border:2px solid var(--yellow);color:var(--yellow);background:radial-gradient(#ffcc002e,#17121e 70%);box-shadow:0 0 40px #ffcc0059,inset 0 0 24px #fc03}.ach-detail.got .ach-badge svg{filter:drop-shadow(0 0 8px rgba(255,204,0,.8))}.ach-detail small{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.ach-detail h2{margin:0;font-size:30px;letter-spacing:-.02em}.ach-detail p{margin:0;font-size:16px;line-height:1.5;color:var(--muted)}.ach-state{display:flex;align-items:center;gap:10px;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:13px;text-transform:uppercase;color:var(--muted)}.ach-detail.got .ach-state{color:var(--yellow)}.ach-progress{display:inline-block;width:80px;height:6px;border-radius:3px;background:#0b0910;box-shadow:inset 0 1px 2px #000c;overflow:hidden}.ach-progress i{display:block;height:100%;background:var(--yellow)}.ach-meter{display:flex;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid #3a3146;background:linear-gradient(#211b29,#17121e)}.ach-meter>div{display:flex;gap:3px;flex:1}.ach-meter button{flex:1;min-width:0;height:26px;padding:0;border-radius:3px;border:1px solid #3c3448;background:#241e2c}.ach-meter button.on{border-color:var(--yellow);background:var(--yellow);box-shadow:0 0 8px #fc09}.ach-meter button.sel{outline:2px solid var(--pink);outline-offset:1px}.ach-reward{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:14px;width:100%;margin-top:14px;padding:12px 14px;box-sizing:border-box;border-radius:10px;border:1px solid #3c3448;background:#17121ecc;text-align:left}.ach-reward.got{border-color:#ffcc0080;background:#ffcc000f}.ach-reward small,.ach-reward b,.ach-reward em{display:block}.ach-reward small{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ach-reward.got small{color:var(--yellow)}.ach-reward b{margin-top:2px;font-size:17px}.ach-reward em{margin-top:2px;font-size:12px;font-style:normal;color:var(--muted)}.ach-row .side{display:flex;align-items:center;gap:8px;text-transform:uppercase}.ach-row:not(.got) .label{color:var(--muted)}.ach-row.focus .label{color:var(--text)}.rack-unit.ach-row.got .led{background:var(--yellow);box-shadow:0 0 10px var(--yellow)}.ach-row.got .side{color:var(--yellow)}.stars{display:inline-flex;gap:.12em;line-height:1}.stars i{font-style:normal;color:#3c3448}.stars i.on{color:var(--yellow);text-shadow:0 0 .4em rgba(255,204,0,.7)}.stars.pop i.on{animation:star-pop .45s cubic-bezier(.3,1.6,.5,1) both}@keyframes star-pop{0%{transform:scale(.2) rotate(-40deg);opacity:0}}.star-rules{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:0;padding:0;list-style:none;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;color:var(--muted)}.star-rules i{font-style:normal;color:var(--yellow)}.gig-detail,.gig-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:460px;text-align:center;animation:booth-in .25s ease-out both}.gig-detail>small,.gig-card>small{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.gig-detail h2,.gig-card h2{margin:0;font-size:32px;letter-spacing:-.02em}.gig-detail p,.gig-card p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}.gig-detail.locked h2{color:var(--muted)}.gig-concept{padding:3px 10px;border-radius:999px;border:1px solid var(--cyan);color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.gig-goals{display:grid;gap:4px;width:100%;margin:4px 0;padding:10px 14px;box-sizing:border-box;border-radius:8px;border:1px solid #3c3448;background:#17121ecc;list-style:none;text-align:left;font-size:13px}.gig-goals li:before{content:"○ ";color:var(--muted)}.gig-foot{display:flex;flex-direction:column;align-items:center;gap:6px}.gig-best{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;color:var(--yellow)}.gig-ach{font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--pink)}.gig-play{margin-top:6px}.gig-play kbd{margin-left:8px;padding:1px 5px;border:1px solid rgba(255,255,255,.35);border-radius:4px;font-size:11px}.char-channels.career-acts{grid-template-columns:repeat(3,minmax(0,1fr))}.gig-row .label em{margin-right:6px;font-family:JetBrains Mono,monospace;font-style:normal;font-size:12px;color:var(--muted)}.gig-row.locked{opacity:.55}.career-meter button{font-size:8px;line-height:1;color:#17121e;letter-spacing:-1px;overflow:hidden}.career .ach-booth{padding-top:64px}.gig-card{position:absolute;top:50%;left:50%;z-index:20;transform:translate(-50%,-50%);width:min(480px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;box-sizing:border-box;padding:24px 26px;border-radius:var(--radius);border:1px solid #3a3146;background:radial-gradient(ellipse at 50% 0%,#2b1d38,#120d18f5 70%);box-shadow:0 20px 60px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gig-card.result{border-color:#ffcc0080}.gig-card .row{justify-content:center;margin-top:8px}.gig-score{display:flex;gap:18px;font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;color:var(--muted)}.gig-score b{font-size:18px;color:var(--text)}.gig-score .ok b{color:var(--yellow)}.gig-card p.gig-lesson{padding:10px 14px;border-radius:8px;border:1px solid #3c3448;background:#17121ecc;text-align:left;font-size:14px}.gig-lesson b{color:var(--text)}.gig-card p.gig-ach{color:var(--pink);font-size:11px}.gig-meters{display:flex;align-items:center;gap:14px;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:15px}.gig-meters small{font-size:11px;color:var(--muted)}.gig-meters .over{color:var(--red)}.gig-strip{position:absolute;top:58px;left:8px;right:8px;z-index:5;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gig-strip-bar{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:none;background:none;font-family:JetBrains Mono,monospace;font-size:13px;text-align:left}.gig-strip-bar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:14px}.gig-strip-bar .over{color:var(--red)}.gig-strip-bar .count{color:var(--muted)}.gig-strip-bar .count.all{color:var(--green)}.gig-strip-bar .chev{color:var(--muted)}.gig-strip-body{max-height:40vh;overflow:auto;padding:0 12px 10px}.gig-strip-body .row{justify-content:space-between}.gig-meters .stars{margin-left:auto}.booth-tag.live{color:var(--green)}.studio-booth{display:flex;align-items:center;justify-content:center;padding:72px 28px 28px}.studio-detail{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;animation:booth-in .25s ease-out both}.studio-plan{position:relative;width:min(100%,420px);aspect-ratio:15 / 12;border-radius:8px;border:2px solid #4a3a58;background:#2a1f33;box-shadow:inset 0 0 40px #00000080}.studio-plan i{position:absolute;border-radius:3px}.studio-plan .shelf{left:22%;right:22%;top:3%;height:7%;background:#3d2f4a}.studio-plan .table{left:28%;right:28%;top:41%;height:18%;background:#4a3a2c;border:1px solid #6a5440}.studio-plan .couch{left:3%;top:55%;width:7%;height:27%;background:#5a3b6a}.studio-plan .chill{right:3%;bottom:4%;width:22%;height:26%;background:#2b4a3a}.studio-plan .rug{left:36%;bottom:6%;width:26%;height:16%;border-radius:50%;background:#ff3fa438;border:1px solid rgba(255,63,164,.5)}.studio-plan .neon{right:10%;top:16%;width:12%;height:3%;background:var(--pink);box-shadow:0 0 12px var(--pink)}.studio-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:0}.studio-facts div{padding:10px 12px;border-radius:8px;border:1px solid #3c3448;background:#17121ecc}.studio-facts dt{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.studio-facts dd{margin:4px 0 0;font-size:14px;font-weight:700}.studio-facts dd.live{color:var(--green)}.studio-empty{max-width:380px;margin:0;text-align:center;line-height:1.5;color:var(--muted)}.studio-actions{display:flex;gap:8px}.studio-actions button{white-space:nowrap;padding:11px 14px;border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:13px}.studio-actions .primary{flex:1}.studio-actions kbd{margin-left:8px;padding:1px 5px;border:1px solid rgba(255,255,255,.35);border-radius:4px;font-size:11px}.rack-caption{display:block;margin:12px 2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;text-transform:uppercase;color:var(--muted)}.rack-caption:first-child{margin-top:4px}.studio-row .label small{display:block;margin-top:3px;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}.rack-unit.live .led,.studio-row.live .led{background:var(--green);box-shadow:0 0 10px var(--green)}.studio-row.live .side{color:var(--green)}.studio-row.empty{border-style:dashed}.studio-row.empty .side{color:var(--pink)}.studio-row.locked{border-style:dashed;opacity:.55}.studio-access{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.studio-access .rack-unit{grid-template-columns:12px 1fr auto;margin:0}.studio-access .label{font-size:13px}.rack-unit.field.studio-name{margin:0 0 8px}@media (max-width: 900px){.char-booth.studio-booth{height:auto;padding:64px 20px 24px}.studio-plan{width:min(100%,320px)}.studios .rack.char-rack{width:auto}}@media (max-width: 760px){.studio-facts{grid-template-columns:1fr}.studio-actions{flex-wrap:wrap}}.studio-gear{width:100%}.studio-gear>div{display:flex;flex-wrap:wrap;gap:6px}.studio-gear .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:5px;border:1px solid #3c3448;background:#1d1726;font-size:12px}.studio-gear .chip i{width:10px;height:10px;border-radius:2px}.gig-card p.gig-reward,.gig-reward{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,204,0,.4);background:#ffcc000f;color:var(--text);font-size:13px;text-align:left}.gig-reward i{flex:none;width:22px;height:12px;border-radius:2px}.gig-reward b{color:var(--yellow)}.mono{font-family:JetBrains Mono,monospace;text-transform:uppercase}.career-map{position:relative;height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;padding:28px 40px 18px}.career-map>:not(.menu-shade){position:relative}.career-map .menu-shade,.lane-pick .menu-shade{position:fixed}.map-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back title stars";align-items:center;gap:12px 18px}.map-head .map-back{grid-area:back}.map-head .char-name{grid-area:title;position:static;max-width:none;font-size:clamp(24px,3vw,36px)}.map-head .map-stars{grid-area:stars;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,204,0,.35);background:#17121ed9;font-size:13px;color:var(--yellow)}@media (max-width: 560px){.career-map{padding:16px}.map-head{grid-template-columns:auto 1fr;grid-template-areas:"back stars" "title title"}.map-head .map-stars{justify-self:end}}.map-back{padding:8px 14px;border-radius:6px;border:1px solid #4a4058;background:#3a3146;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.map-body{flex:1 0 auto;display:flex;gap:24px}.map-gear{flex:0 0 300px;align-self:flex-start;display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:12px;border:1px solid #3a3146;background:linear-gradient(#211b29,#17121e)}.gear-row{display:grid;grid-template-columns:10px 96px 1fr auto;align-items:center;gap:10px;font-size:13px}.gear-row>i{width:10px;height:10px;border-radius:2px;background:var(--c)}.gear-row em{display:block;margin-top:1px;font-family:JetBrains Mono,monospace;font-style:normal;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}.gear-row .bar{display:flex;gap:3px}.gear-row .bar b{flex:1;height:8px;border-radius:2px;background:#2a2333}.gear-row .bar b.on{background:var(--c);box-shadow:0 0 6px var(--c)}.gear-row small{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted)}.map-secret-hint{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.map-secret-hint .q{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px dashed #4a4058;color:#6a5d7c;font-weight:700}.map-secret-hint small{display:block;margin-top:3px;font-size:11px;color:var(--yellow)}.map{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:26px;padding:20px 24px;border-radius:12px;border:1px solid #3a3146;background:linear-gradient(#211b29f0,#17121ef0);overflow-x:auto}.map-trunk{display:flex;flex-wrap:wrap;gap:10px 36px}.map-track{display:flex;flex-direction:column;gap:8px}.map-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}.map-line{position:relative;display:flex;gap:18px}.map-line:before{content:"";position:absolute;left:20px;right:20px;top:19px;height:3px;background:var(--c);opacity:.45}.map-stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:52px}@media (min-width: 1100px){.map-line{gap:30px}.map-stop{min-width:66px}}.map-node{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:2px solid var(--c);background:#1d1726;color:var(--c);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.map-node.done{background:var(--c);color:#120d18}.map-node:hover:not(:disabled){background:#2a2333}.map-node.done:hover:not(:disabled){background:var(--c);filter:brightness(1.12)}.map-node.locked{border-style:dashed;border-color:#4a4058;color:#6a5d7c}.map-node.open{box-shadow:0 0 14px var(--c)}.map-node.sel{outline:3px solid #fff;outline-offset:3px}.map-node.secret{font-size:20px}.map-node.final.done{background:var(--c)}.map-node.final{width:56px;height:56px;font-size:20px}.map-sub{min-height:11px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;color:var(--c)}.map-reward{max-width:84px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;text-align:center;color:#8a7d9c}.map-reward.own{color:var(--c)}.map-reward.own:after{content:" ✓"}.map-lanes{display:flex;align-items:center;gap:40px;padding-left:22px;border-left:3px solid #3c3448}.map-lane-list{display:flex;flex-direction:column;gap:14px}.map-track.lane{flex-direction:row;align-items:flex-start;gap:16px}.map-track.lane .map-label{width:86px;padding-top:12px}.map-final{display:flex;flex-direction:column;align-items:center;gap:22px}.map-secret{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px dashed #4a4058;color:#4a4058;font-size:24px;font-weight:700}.map-gig{flex:none;display:grid;grid-template-columns:minmax(180px,auto) 1fr auto auto;align-items:center;gap:22px;padding:16px 20px;border-radius:12px;border:1px solid var(--c);background:linear-gradient(#211b29,#17121e)}.map-gig .who{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.map-gig .who small{font-size:11px;color:var(--c)}.map-gig .who b{font-size:22px}.map-gig .what{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45;color:var(--muted)}.map-gig .goals{font-size:12px;color:#8a7d9c}.map-gig .earn{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.map-gig .earn small{font-size:11px;color:var(--muted)}.map-gig .earn small b{color:var(--yellow)}.map-gig .earn .ach{color:var(--pink)}.map-gig .earn .star-rules{flex-direction:column;align-items:flex-end}.map-keys{align-self:flex-end}@media (max-width: 1100px){.map-body{flex-direction:column}.map-gear{flex:none;align-self:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.map-gear .rack-caption,.map-gear .rack-divider,.map-gear .map-secret-hint{grid-column:1 / -1}.map-gig{grid-template-columns:1fr}.map-gig .earn,.map-gig .earn .star-rules{align-items:flex-start}}@media (max-width: 560px){.map-gear{grid-template-columns:minmax(0,1fr)}.map{padding:16px 14px}.map-line{gap:6px}.map-stop{min-width:50px;max-width:56px}.map-reward{font-size:9px;line-height:1.25;overflow-wrap:anywhere}.map-node{width:36px;height:36px}.map-line:before{top:17px}.map-lanes{flex-direction:column;align-items:flex-start;gap:18px;padding-left:12px}.map-track.lane{flex-direction:column;gap:6px}.map-track.lane .map-label{width:auto;padding-top:0}.map-final{flex-direction:row}}button.map-secret{padding:0;background:none}.map-secret.clue{border-color:#b14bff;color:#c99bff;box-shadow:0 0 18px #b14bff80;animation:secret-pulse 2.4s ease-in-out infinite}.map-secret.sel{outline:3px solid #fff;outline-offset:3px}@keyframes secret-pulse{50%{box-shadow:0 0 4px #b14bff33}}button.map-secret-hint{padding:0;border:none;background:none;text-align:left;color:var(--muted);font:inherit;font-size:13px}.map-secret-hint.clue .q,.map-secret-hint.found .q{border-style:solid;border-color:#b14bff;color:#c99bff}.map-secret-hint.found small{color:#c99bff}.map-gig.mystery{grid-template-columns:minmax(180px,auto) 1fr}.clue-lcd{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:6px;border:1px solid #1f3a2d;background:#0b1a14;font-size:14px;color:var(--green);text-shadow:0 0 6px rgba(61,220,151,.5);text-transform:none}.secret-reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:radial-gradient(ellipse at center,#280a3c99,#05020aeb);animation:booth-in 1.2s ease-out both}.gig-card.secret{border-color:#b14bff;box-shadow:0 0 60px #b14bff59}.gig-card.secret h2{font-size:26px}.lane-pick{position:relative;height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;padding:40px 48px}.lane-pick>:not(.menu-shade){position:relative}.lane-pick header{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.lane-pick header .char-name{position:static;max-width:none;font-size:clamp(30px,4vw,48px);white-space:normal}.lane-pick header small{font-size:12px;letter-spacing:.12em;color:var(--muted)}.lane-pick header p{margin:0;color:var(--muted)}.lane-cards{display:grid;align-items:start;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lane-card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:12px;border:1px solid #3c3448;background:linear-gradient(#2a2333,#1c1724);min-height:330px;text-align:left}.lane-card.on{border:2px solid var(--c);box-shadow:0 0 30px color-mix(in srgb,var(--c) 30%,transparent);background:linear-gradient(color-mix(in srgb,var(--c) 14%,transparent),#1c1724)}.lane-card small.mono{font-size:11px;color:var(--c)}.lane-card h2{margin:0;font-size:30px;text-transform:uppercase;color:var(--c)}.lane-card p{margin:0 0 4px;font-size:14px;line-height:1.45;color:var(--muted)}.lane-synth{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:1px solid #3c3448;background:#17121e;font-size:14px}.lane-synth i{flex:none;width:30px;height:16px;border-radius:3px}.lane-synth small{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;color:#8a7d9c;text-align:right}.lane-card.on .lane-synth.gift{border-color:var(--c)}.lane-card.on .lane-synth.gift small{color:var(--c)}.lane-synth.later{border-style:dashed;opacity:.6}.lane-pick footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.lane-pick footer .mono{font-size:12px;color:var(--muted)}.lane-pick footer .primary{color:#120d18}@media (max-width: 900px){.lane-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.game{position:relative;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.game.reel-mode{background:#000}.game.reel-mode .stage{left:50%;width:56.25vh;transform:translate(-50%);box-shadow:0 0 0 2px var(--pink),0 0 60px #ff3fa480}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.enter-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0610b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50}.enter-overlay .card{text-align:center;max-width:380px}.topbar{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:14px;pointer-events:none}.topbar>*{pointer-events:auto}.logo{font-weight:700;font-size:1.3rem;letter-spacing:.08em;color:#ffd1f0;text-shadow:0 0 12px var(--pink);background:var(--panel)}.session-name{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px 4px 4px 12px}.session-name .code{font-family:JetBrains Mono,monospace;padding:4px 10px}.session-name span.code{color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:.8rem}.session-name .code span{color:var(--cyan);font-family:Space Grotesk,sans-serif;font-size:.8rem;margin-left:4px}.stepper{display:flex;gap:4px;list-style:none;margin:0;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.stepper li{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:7px;font-size:.85rem;color:var(--muted)}.stepper li span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:.7rem;background:#ffffff14}.stepper li.current{background:#ff3fa433;color:var(--text)}.stepper li.current span{background:var(--pink)}.stepper li.done{color:var(--green)}.players{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid;border-radius:99px;padding:3px 10px;font-size:.82rem}.chip i{width:8px;height:8px;border-radius:50%}@media (max-width: 1100px){.stepper li:not(.current){font-size:0;gap:0}}.phase-panel{position:absolute;top:70px;right:12px;width:330px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:calc(100% - 180px);overflow:auto}.phase-panel header{cursor:pointer;position:relative}.phase-panel header small{color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.phase-panel h3{margin:2px 0 0}.phase-panel .toggle{position:absolute;right:0;top:0;color:var(--muted)}.phase-panel .hint{color:var(--muted);margin:8px 0;font-size:.9rem}.checklist{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:4px}.checklist li{display:flex;gap:8px;font-size:.9rem}.checklist li span{width:16px;color:var(--muted)}.checklist li.done,.checklist li.done span{color:var(--green)}.tip{font-size:.82rem;background:#ffcc0014;border:1px solid rgba(255,204,0,.25);border-radius:8px;padding:8px 10px}.phase-panel .row{justify-content:space-between}.lobby-card{position:absolute;top:50%;right:24px;transform:translateY(-50%);width:min(400px,calc(100% - 32px));background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:10px}.lobby-card h2,.lobby-card p{margin:0}.invite{display:flex;gap:6px}.invite input{flex:1;min-width:0;font-family:JetBrains Mono,monospace;font-size:.8rem}.lobby-players{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.lobby-players li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#ffffff0f;font-size:.9rem}.lobby-players li i{width:10px;height:10px;border-radius:50%}.lobby-players li em{margin-left:auto;font-style:normal;font-size:.7rem;color:var(--yellow)}.lobby-players li.empty{color:var(--muted);border:1px dashed var(--line);background:none}.lobby-card .row{justify-content:space-between}.holding{position:absolute;left:50%;bottom:24px;transform:translate(-50%);background:var(--panel);border:1px solid var(--pink);border-radius:99px;padding:8px 18px;font-size:.9rem;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.game:has(.jam-panel:not(.closed)) .holding{bottom:390px}.game:has(.jam-panel.closed) .holding{bottom:70px}.help{position:absolute;right:12px;bottom:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);font-size:.85rem}.game:has(.jam-panel) .help{bottom:auto;top:70px}.help>button{border:none;background:none;width:36px;height:36px;padding:0;font-weight:700}.help ul{list-style:none;margin:0;padding:0 14px 12px;display:grid;gap:6px}.chat{position:absolute;left:12px;bottom:12px;width:320px;max-width:calc(100% - 24px);display:flex;flex-direction:column;gap:6px}.game:has(.jam-panel:not(.closed)) .chat{bottom:380px}.game:has(.jam-panel.closed) .chat{bottom:60px}.chat .messages{max-height:160px;overflow:auto;font-size:.88rem;display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 2px #000}.chat.focused .messages{background:var(--panel);border-radius:8px;padding:8px}.chat input{background:#0006;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:.88rem;outline:none}.chat:not(.focused) input{opacity:.6}.tooltip{position:fixed;left:0;top:0;pointer-events:none!important;background:#0e0a14f2;border:1px solid var(--line);border-radius:8px;padding:8px 12px;max-width:300px;font-size:.85rem;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .1s;z-index:40}.tooltip.show{opacity:1}.tooltip span{color:var(--muted)}.tooltip.ok{border-color:var(--green)}.tooltip.ok span{color:var(--green)}.tooltip.bad{border-color:var(--red)}.tooltip.bad span{color:#ff9a98}.toasts{position:absolute;top:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none!important;z-index:45}.toast{background:var(--panel-solid);border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:8px;padding:8px 14px;font-size:.9rem;max-width:520px;animation:pop .2s ease-out}.toast.error{border-left-color:var(--red)}.toast.ok{border-left-color:var(--green)}@keyframes pop{0%{transform:translateY(-6px);opacity:0}}.nametag{display:flex;align-items:center;gap:6px;white-space:nowrap;background:#0e0a14cc;border:1px solid;border-radius:99px;padding:2px 10px;font:600 13px Space Grotesk,sans-serif;color:#fff}.nametag .dot{width:7px;height:7px;border-radius:50%}.reel-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:160px;font-weight:700;color:#fff;text-shadow:0 0 40px var(--pink);pointer-events:none!important}.reel-timer,.reel-uploading{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#0009;padding:6px 14px;border-radius:99px;font-family:JetBrains Mono,monospace;display:flex;gap:8px;align-items:center}.reel-timer i{width:10px;height:10px;border-radius:50%;background:#ff2d55;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.jam-panel{position:absolute;left:12px;right:12px;bottom:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;max-height:360px}.jam-panel nav{display:flex;gap:4px;padding:6px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.jam-panel.closed nav{border-bottom:none}.jam-panel nav button{border:none;background:none;padding:6px 12px}.jam-panel nav button.active{background:#ff3fa433}.jam-panel nav .collapse{margin-left:4px}.transport-mini{margin-left:auto;display:flex;align-items:center;gap:10px}.transport-mini button{width:34px;height:30px;padding:0;border:1px solid var(--line)!important;background:#ffffff0f!important}.transport-mini button.stop{color:var(--red)}.transport-mini button.play{color:var(--green)}.beat-dots{display:flex;gap:4px}.beat-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff26}.beat-dots i.on{background:var(--green);box-shadow:0 0 8px var(--green)}.jam-body{overflow:auto;padding:10px 12px 12px}.device-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.device-chips button{display:flex;flex-direction:column;align-items:flex-start;padding:4px 12px;border-left-width:3px;line-height:1.2}.device-chips small{color:var(--muted);font-size:.72rem}.editor-head{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}.editor-head h4{margin:0}.badges{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.badges span{font-size:.72rem;padding:2px 8px;border-radius:99px;background:#ffffff12}.badges .ok{color:var(--green)}.badges .bad{color:var(--red);background:#ff5e5b1f}.knobs{display:flex;gap:12px}.knob{display:flex;flex-direction:column;align-items:center;font-size:.72rem;color:var(--muted)}.knob input{width:84px}.editor-actions{margin-left:auto;display:flex;gap:6px}.editor-actions .live.on{background:#3ddc9733;border-color:var(--green);color:var(--green)}.grid{display:grid;gap:2px;flex:1;min-width:0;align-content:start}.sound-panel{width:272px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.sound-panel .knobs{flex-wrap:wrap;gap:8px 12px}.sound-panel .knob input{width:76px}.viz{background:#00000040;border:1px solid var(--line);border-radius:8px;padding:4px 4px 3px}.viz-svg{display:block;width:100%;height:auto;touch-action:none;-webkit-user-select:none;user-select:none}.viz-svg .axis,.viz-svg .grid-line{stroke:#ffffff1a;stroke-width:1}.viz-svg .tick{fill:var(--muted);font-size:8px;font-family:JetBrains Mono,monospace;opacity:.7}.viz-svg .curve{fill:none;stroke:var(--pink);stroke-width:2;stroke-linejoin:round}.viz-svg .area{fill:#ff3fa424}.viz-svg .guide{stroke:#ffffff40;stroke-dasharray:3 3}.viz-svg .sweep{fill:#4cc9f01a}.viz-svg .handle{cursor:grab}.viz-svg .handle:active{cursor:grabbing}.viz-svg .handle circle:last-child,.viz-svg .handle rect{fill:var(--text);stroke:var(--pink);stroke-width:2}.viz-svg .handle rect{stroke:var(--cyan)}.viz-svg .handle:hover circle:last-child,.viz-svg .handle:hover rect{fill:var(--pink)}.viz-svg .handle.off{cursor:default;opacity:.5}.viz-legend{display:flex;justify-content:space-between;gap:6px;padding:2px 4px 0;font-family:JetBrains Mono,monospace;font-size:.66rem;color:var(--muted)}.viz-legend b{color:var(--text);font-weight:600}.voice-tabs{display:flex;flex-wrap:wrap;gap:4px}.voice-tabs button{padding:3px 9px;font-size:.74rem}.voice-tabs button.active{background:#ff3fa433;border-color:var(--pink)}.kit-knobs{border-top:1px solid var(--line);padding-top:6px;display:flex;flex-direction:column;gap:4px}.row-label.pickable{cursor:pointer}.row-label.pickable:hover,.row-label.selected{color:var(--text)}.row-label.selected{box-shadow:inset 2px 0 0 var(--pink);padding-left:4px}@media (max-width: 900px){.sound-panel{width:100%;flex-direction:row;flex-wrap:wrap}.sound-panel .viz{flex:1 1 240px}}.row-label{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--muted);display:flex;align-items:center;justify-content:space-between;padding-right:6px;white-space:nowrap;overflow:hidden}.row-label.root{color:var(--text)}.row-label.pressed{color:var(--green)}.row-label kbd{font-size:.62rem}.cell{padding:0;height:16px;border-radius:3px;border:none;background:#ffffff0f}.grid.drums .cell{height:22px}.cell.beat{background:#ffffff1a}.cell.on{background:var(--pink);box-shadow:0 0 8px #ff3fa499}.cell.head{outline:1px solid rgba(255,255,255,.6)}.cell.on.head{background:#fff}.cell:disabled{cursor:default}.mixer{display:flex;gap:8px;overflow-x:auto}.strip{display:flex;flex-direction:column;align-items:center;gap:6px;width:92px;flex-shrink:0;padding:8px 6px;border-radius:10px;background:#ffffff0a;border:1px solid var(--line)}.strip.empty{opacity:.55}.strip.master{border-color:var(--pink)}.strip small{color:var(--muted);font-size:.7rem}.strip b{font-size:.78rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip .pan{width:70px}.fader-wrap{display:flex;gap:6px;align-items:center;height:150px}.fader{writing-mode:vertical-lr;direction:rtl;height:140px;width:22px}.meter{width:6px;height:140px;background:#00000080;border-radius:3px;display:flex;align-items:flex-end;overflow:hidden}.meter div{width:100%;background:linear-gradient(to top,var(--green),var(--yellow) 75%,var(--red));background-size:100% 140px;background-position:bottom}.ms{display:flex;gap:4px}.ms button{padding:2px 8px;font-size:.75rem;font-weight:700}.ms .mute.on{background:var(--red)}.ms .solo.on{background:var(--yellow);color:#111}.clock-tab{display:flex;flex-direction:column;gap:12px;max-width:560px}.clock-tab .bpm{display:flex;align-items:center;gap:12px}.clock-tab .big{font-size:2.6rem;color:#00e5a0;text-shadow:0 0 12px rgba(0,229,160,.6);min-width:100px;text-align:center}.clock-tab label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted)}.record-tab{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}.record-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.record-actions .card{padding:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.record-actions h5,.recordings h5{margin:0;font-size:.95rem}.record-actions p{margin:0}.dances{display:flex;flex-wrap:wrap;gap:4px}.dances button{padding:3px 8px;font-size:.78rem}.recordings{display:flex;flex-direction:column;gap:8px}.recording{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:8px;background:#ffffff0a}.recording>div{display:flex;flex-direction:column}.recording audio{width:100%;height:32px}.recording video{max-height:200px;border-radius:6px;align-self:flex-start}.recording a{color:var(--cyan);font-size:.8rem}@media (max-width: 900px){.record-tab{grid-template-columns:1fr}}.hud{z-index:20}@media (max-width: 760px){.topbar{flex-wrap:wrap;gap:6px;top:8px;left:8px;right:8px}.logo{padding:6px 10px;font-size:1rem}.session-name b{display:none}.stepper li:not(.current){display:none}.players{display:none}.phase-panel{top:auto;bottom:60px;left:8px;right:8px;width:auto;max-height:45%;padding:10px 12px}.phase-panel .hint,.phase-panel .tip{font-size:.8rem}.lobby-card{top:auto;bottom:60px;right:8px;left:8px;transform:none;width:auto}.chat{width:calc(100% - 70px)}.game:has(.jam-panel:not(.closed)) .chat{display:none}.jam-panel{left:6px;right:6px;bottom:6px;max-height:55%}.game:has(.jam-panel) .help{top:auto;bottom:56px}.holding,.game:has(.jam-panel) .holding{white-space:normal;border-radius:12px;font-size:.8rem;bottom:auto;top:60px;width:calc(100% - 16px)}}.holding.chill{border-color:#1de9b6}.quick-btn{position:absolute;right:56px;bottom:12px;width:36px;height:36px;padding:0;border-radius:50%;background:var(--panel);font-size:1.1rem;color:#ffd1f0}.game:has(.jam-panel) .quick-btn{bottom:auto;top:70px;right:56px}.quick-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle,rgba(10,6,16,.55) 0,rgba(10,6,16,.25) 60%,transparent 80%);z-index:30;animation:pop .15s ease-out}.flower{position:relative;width:480px;height:480px}.petal{position:absolute;left:50%;top:50%;width:86px;height:124px;margin-left:-43px;margin-top:-124px;transform-origin:50% 100%;box-shadow:0 4px 18px #00000059;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50% 50% 46% 46%/62% 62% 38% 38%;background:linear-gradient(180deg,#40285af2,#1c1428eb);clip-path:none}.petal:hover:not(:disabled),.petal.hot{background:linear-gradient(180deg,#ff3fa4,#8a2be2);border-color:#ffd1f0}.petal.blank{opacity:.35}.petal-content{position:absolute;left:0;right:0;top:14px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.petal-content b{font-size:1.6rem;line-height:1}.petal-content small{font-size:.68rem;font-weight:600;white-space:nowrap}.petal-content kbd{font-size:.6rem;opacity:.7}.flower-core{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;background:radial-gradient(circle,#ffd166,#f4a261);color:#2b1a10;border:3px solid #fff3d6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;z-index:2}.flower-core small{font-weight:700;font-size:.72rem}.stage{transition:filter .3s;transform-origin:50% 50%}.drunk-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(60,10,40,.55) 80%,rgba(20,0,15,.9) 100%)}.tipsy-badge{position:absolute;left:12px;top:64px;background:var(--panel);border:1px solid #f4a261;border-radius:99px;padding:4px 12px;font-size:.85rem;display:flex;align-items:center;gap:8px}.tipsy-badge span{width:60px;height:6px;border-radius:3px;background:#ffffff26;overflow:hidden}.tipsy-badge i{display:block;height:100%;background:linear-gradient(90deg,#ffd166,#ef476f)}.perf{position:absolute;left:12px;top:64px;z-index:35;pointer-events:none!important;background:#08060cd1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:500 11px/1.55 JetBrains Mono,monospace;color:#cfc8db;max-width:340px}.perf .ok{color:var(--green)}.perf .warn{color:var(--yellow)}.perf .bad{color:var(--red)}.perf .hint{margin-top:4px;color:var(--yellow);white-space:normal}.game:has(.perf) .tipsy-badge{top:196px}.perf-btn{position:absolute;right:100px;bottom:12px;width:36px;height:36px;padding:0;border-radius:50%;background:var(--panel);font-size:1rem}.perf-btn.on{border-color:var(--green)}.game:has(.jam-panel) .perf-btn{bottom:auto;top:70px}.game:has(.gig-strip) .quick-btn,.game:has(.gig-strip) .perf-btn{top:108px}.game:has(.gig-strip) .holding{top:152px}.strip .sends{display:flex;flex-direction:column;gap:2px;width:100%}.strip .sends label{display:flex;align-items:center;gap:4px;font-size:.66rem;color:var(--muted)}.strip .sends .send{width:56px;accent-color:var(--cyan, #4cc9f0)}.strip b .via{font-style:normal;margin-left:3px;color:var(--pink)}.strip.return{border-color:#4cc9f073}.strip.return .fader-wrap{margin-top:auto}.device-chips button.pedal{border-style:dashed}.pedal-editor .pedal-body{display:flex;align-items:center;gap:20px;padding:14px 16px;border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--pedal) 38%,transparent),#00000040);border:1px solid color-mix(in srgb,var(--pedal) 60%,transparent);flex-wrap:wrap}.pedal-editor .knob span b{display:block;font-weight:600;font-size:.75rem;color:var(--text)}.footswitch{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:96px;padding:10px 14px;border-radius:10px;font-weight:700;letter-spacing:.06em}.footswitch i{width:12px;height:12px;border-radius:50%;background:#3a1210}.footswitch.on i{background:#ff3b30;box-shadow:0 0 10px #ff3b30}.gear-quota{position:absolute;top:72px;left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 32px));padding:14px 16px;border-radius:14px;background:var(--panel-solid);border:1px solid var(--yellow);box-shadow:0 12px 40px #0000008c;pointer-events:auto;z-index:60}.gear-quota.offer{border-color:var(--green)}.gear-quota p{margin:4px 0 8px}.gear-quota .row.wrap{flex-wrap:wrap;gap:6px;margin:4px 0 8px}.strip .pan-row{display:flex;align-items:center;gap:3px;font-size:.62rem;font-weight:700;color:var(--muted)}.strip .pan-row .pan{width:58px}.strip .pan-value{margin-top:-5px;font-size:.62rem;color:var(--text)}.strip .sends label span{min-width:30px;white-space:nowrap}.strip .sends .send{width:44px}.achievement-toast .reward{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.achievement-toast .reward small{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em}.achievement-toast .reward b{font-size:14px}.achievement-toast .reward button{padding:5px 10px;border-color:var(--pink);background:#2f2238;font-size:12px;font-weight:700;pointer-events:auto}.achievement-toast .reward kbd{margin-left:4px;padding:0 4px;border:1px solid var(--line);border-radius:3px;font-family:JetBrains Mono,monospace;font-size:10px}.achievement-toasts{position:absolute;top:72px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:70;pointer-events:none}.achievement-toast{display:flex;gap:12px;width:min(340px,calc(100vw - 32px));padding:12px 14px;border-radius:14px;background:var(--panel-solid);border:1px solid var(--yellow);box-shadow:0 10px 34px #00000080,0 0 24px #ffcc002e;animation:unlock-in .35s ease-out}.achievement-toast small{color:var(--yellow);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.achievement-toast b{display:block;font-size:1rem}.achievement-toast p{margin:2px 0 0;font-size:.8rem;color:var(--muted)}.achievement-toast .badge{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffcc0024;color:var(--yellow)}@keyframes unlock-in{0%{transform:translate(24px);opacity:0}}.scene-launcher{display:flex;align-items:center;gap:3px}.scene-launcher button,.slot-tabs button,.chain-step,.scene-head{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-weight:700}.transport-mini .scene-launcher button{width:26px;height:26px;font-size:.8rem;color:var(--scene)}.transport-mini .scene-launcher button.on{color:#120d18;background:var(--scene)!important;box-shadow:0 0 8px var(--scene)}.transport-mini .scene-launcher button.queued,.scene-head.queued{border-color:var(--scene)!important;animation:blink .5s infinite}.scene-launcher .chain-on{color:var(--cyan);margin-right:2px}.slot-bar{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.slot-tabs{display:flex;gap:3px}.slot-tabs button{position:relative;width:30px;height:26px;color:var(--muted)}.slot-tabs button.filled{color:var(--scene)}.slot-tabs button.active{border-color:var(--scene);background:color-mix(in srgb,var(--scene) 22%,transparent)}.slot-tabs button.playing:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--scene);box-shadow:0 0 6px var(--scene)}.grid.cue .cell.head{outline-color:#4cc9f059}.grid.cue .cell.on.head{background:var(--pink)}.scenes-tab{display:flex;flex-direction:column;gap:10px}.scene-grid{display:grid;gap:6px 8px;align-items:center}.scene-head{flex-direction:column;gap:2px;height:44px;border-radius:10px;border:2px solid rgba(255,255,255,.12);color:var(--scene)}.scene-head b{font-size:1.15rem}.scene-head small{font-weight:400;font-size:.68rem;color:var(--muted)}.scene-head.playing{color:#120d18;background:var(--scene)!important;border-color:var(--scene);box-shadow:0 0 14px color-mix(in srgb,var(--scene) 45%,transparent)}.scene-head.playing small{color:#120d18;opacity:.75}.scene-device{display:flex;align-items:center;gap:8px;min-width:0}.scene-device i{width:9px;height:9px;border-radius:50%;flex:none}.scene-device span{display:flex;flex-direction:column;line-height:1.15;min-width:0}.scene-device small{color:var(--muted);font-size:.7rem}.scene-cell-wrap{position:relative}.scene-cell{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:5px 8px;border:2px solid transparent;border-radius:8px}.scene-cell.empty{background:transparent;border:2px dashed rgba(255,255,255,.14)}.scene-cell.selected{border-color:var(--pink);border-style:solid;box-shadow:0 0 0 2px #ff3fa440}.scene-cell .bars{display:flex;align-items:flex-end;gap:2px;width:100%;height:100%}.scene-cell .bars i{flex:1;height:3px;border-radius:2px;background:#ffffff1a}.scene-cell .bars i.on{background:#f3eefa80}.scene-cell.playing .bars i.on{background:var(--scene)}.scene-cell .bars i.head{background:#fff!important}.scene-copy{position:absolute;top:4px;right:4px;bottom:4px;left:4px;padding:0 6px;font-size:.75rem;border-color:#ff3fa499;background:#ff3fa424;color:#ffd2ea}.scene-selection{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 10px;border-radius:10px;background:#ffffff0a}.scene-selection .swatch{width:11px;height:11px;border-radius:3px;background:var(--scene)}.scene-selection button{margin-left:auto;padding:6px 14px}.song-mode{display:flex;flex-direction:column;gap:8px}.song-mode .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.song-mode label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted)}.song-toggle{display:inline-flex;align-items:center;gap:8px}.song-toggle .switch{position:relative;width:28px;height:16px;border-radius:8px;background:#ffffff2e}.song-toggle .switch i{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text);transition:left .15s}.song-toggle.on{border-color:var(--cyan);background:#4cc9f029}.song-toggle.on .switch{background:var(--cyan)}.song-toggle.on .switch i{left:14px;background:#120d18}.chain-steps{display:flex;gap:4px;flex-wrap:wrap}.chain-step{position:relative;overflow:hidden;width:52px;height:34px;color:var(--scene)}.chain-step.on{border-color:var(--scene)}.chain-step .fill{position:absolute;left:0;top:0;bottom:0;background:var(--scene);opacity:.28}.chain-step .lbl{position:relative}.editor-actions .seg{display:inline-flex;padding:3px;gap:3px;border-radius:10px;background:#ffffff0f}.editor-actions .seg button{border:none;background:transparent;padding:5px 14px;border-radius:7px;font-weight:700;color:var(--muted)}.editor-actions .seg button.active{background:var(--text);color:#120d18}.live-bar{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:6px 10px;border-radius:10px;background:#3ddc9714;border:1px solid rgba(61,220,151,.25)}.snap{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;flex:none}.snap .switch{position:relative;width:28px;height:16px;border-radius:8px;background:#ffffff2e}.snap .switch i{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text);transition:left .15s}.snap.on{border-color:var(--cyan);background:#4cc9f029}.snap.on .switch{background:var(--cyan)}.snap.on .switch i{left:14px;background:#120d18}.pattern-menu{position:relative;margin-left:auto}.pattern-menu>button{width:34px;padding:4px 0;font-weight:700}.pattern-menu .menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;width:210px;padding:6px;display:flex;flex-direction:column;gap:2px;border-radius:10px;border:1px solid var(--line);background:var(--panel-solid);box-shadow:0 10px 28px #00000080}.pattern-menu .item{border:none;background:transparent;text-align:left;padding:7px 10px}.pattern-menu small{padding:6px 10px 2px}.pattern-menu .copy-to{display:flex;gap:4px;padding:2px 10px 6px}.pattern-menu .copy-to button{position:relative;width:36px;height:30px;padding:0;font-weight:700;color:var(--scene)}.pattern-menu .copy-to i{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--scene)}.sound-view .sound-panel{width:100%;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:14px}.sound-view .sound-panel>*{flex:1 1 260px;min-width:0}.sound-view .sound-panel .knob input{width:110px}.decorate-btn{order:10;display:flex;align-items:center;gap:8px;padding:6px 12px;border-color:#ff3fa480;background:var(--panel);font-size:13px;font-weight:700}.decorate-btn kbd,.decor-keys kbd{padding:0 5px;border:1px solid var(--line);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400}.decor-plan-wrap{position:absolute;left:24px;right:356px;top:76px;bottom:64px;display:grid;place-items:center;pointer-events:none}.decor-plan{position:relative;width:min(100%,calc((100vh - 120px)/.8));aspect-ratio:15 / 12;border-radius:6px;border:2px solid #4a4058;background-color:#15101cf0;background-image:linear-gradient(rgba(76,201,240,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(76,201,240,.06) 1px,transparent 1px);background-size:calc(100% / 15) calc(100% / 12);box-shadow:0 30px 80px #0009;pointer-events:auto}.decor-plan-tag{position:absolute;left:16px;top:-13px;padding:3px 14px;border-radius:999px;border:1px solid var(--pink);background:#0b0810;color:var(--pink);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 8px rgba(255,63,164,.7)}.decor-plan i{position:absolute;display:grid;place-items:center;font-family:JetBrains Mono,monospace;font-size:10px;font-style:normal;text-transform:uppercase;color:#6a5d7c}.decor-plan .furniture{border-radius:4px;border:1px solid #3c3448;background:#2a2333}.decor-plan .zone{place-items:start;padding:6px;box-sizing:border-box;border:1px dashed #4a4058}.decor-plan .glass{background:#2e86de;opacity:.6}.decor-pin{position:absolute;z-index:2;width:30px;height:30px;padding:0;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed var(--c);background:#0b0810;color:var(--c);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;box-shadow:0 0 12px color-mix(in srgb,var(--c) 40%,transparent)}.decor-pin.filled{border-style:solid;background:var(--c);color:#0b0810}.decor-pin.focus{width:38px;height:38px;box-shadow:0 0 0 4px #ffffff26,0 0 24px var(--c)}.decor-tip{position:absolute;z-index:3;margin:24px 0 0 24px;padding:10px 12px;border-radius:8px;border:1px solid var(--c);background:#0b0810f2;box-shadow:0 10px 30px #0009;pointer-events:none;white-space:nowrap}.decor-tip b,.decor-tip small,.decor-tip em{display:block}.decor-tip small{margin-top:2px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted)}.decor-tip em{margin-top:6px;font-family:JetBrains Mono,monospace;font-size:10px;font-style:normal;text-transform:uppercase;color:var(--cyan)}.rack.decor-rack{position:absolute;right:16px;top:76px;bottom:64px;width:320px;display:flex;flex-direction:column;padding:10px 26px 12px;overflow-y:auto}.decor-rack .lcd .msg{overflow:hidden;text-overflow:ellipsis}.decor-head{margin:4px 0 6px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.decor-kind{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;margin-bottom:6px;padding:7px 12px;border-radius:6px;border:1px solid #3c3448;background:linear-gradient(#2e2738,#241e2c);font-size:13px;font-weight:700;text-transform:uppercase}.decor-kind i{width:10px;height:10px;border-radius:50%}.decor-kind small{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;color:var(--muted)}.decor-sub{margin:4px 0 6px;font-size:12px;text-transform:uppercase}.decor-swatches{display:flex;gap:6px;margin-bottom:8px}.decor-swatches button{width:28px;height:28px;padding:0;border-radius:6px;border:1px solid rgba(255,255,255,.15)}.decor-swatches button.on{border:2px solid #fff;box-shadow:0 0 0 2px var(--pink)}.decor-fill{flex:1;min-height:12px}.decor-rack .rack-unit{grid-template-columns:12px 1fr;margin:0}.decor-rack .save:not(:disabled){border-color:var(--green);background:linear-gradient(#22352d,#18261f)}.decor-rack .save:disabled{border-color:#3c3448;background:#1e1826}.decor-rack .save:disabled .led{background:#3a2a33;box-shadow:none}.decor-rack .save:not(:disabled) .led{background:var(--green);box-shadow:0 0 10px var(--green)}.decor-keys{margin-top:10px;font-size:11px;line-height:1.8;color:var(--muted)}.decor-spot-step{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:10px;text-align:center}.decor-spot-step button{height:34px;padding:0;border-radius:6px;border:1px solid #4a4058;background:#3a3146;font-size:12px}.decor-spot-step button.edit{height:auto;padding:4px 6px;border-color:#ff3fa480;background:#2f2238}.decor-spot-step b{display:block;font-size:14px;letter-spacing:.05em;text-transform:uppercase}.decor-spot-step small{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;color:var(--muted)}.decor-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.decor-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:8px;border:1px solid #3c3448;background:#1e1826}.decor-tile.on{border-color:var(--pink);background:#2f2238;box-shadow:0 0 16px #ff3fa459}.decor-tile small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted)}.decor-tile.on small{color:var(--text)}.decor-tile.locked small{color:#6a5d7c}.decor-tile .lock{position:absolute;top:8px;right:8px;width:16px;height:16px;border-radius:50%;background:#0b0810d9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffcc00' stroke-width='2.6' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center / 10px no-repeat}.decor-tile .here{position:absolute;top:6px;left:6px;padding:0 4px;border-radius:3px;background:var(--green);color:#0b1a14;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;text-transform:uppercase}.decor-detail{margin-top:10px;padding:10px 12px;border-radius:6px;border:1px solid #3c3448;background:#17121e}.decor-detail.locked{border-color:#ffcc0080}.decor-detail b,.decor-detail small,.decor-detail em{display:block}.decor-detail small{margin-top:3px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--green)}.decor-detail.locked small,.decor-detail em{color:var(--yellow)}.decor-detail em{margin-top:4px;font-size:11px;font-style:normal}.decor-thumb .poster{display:grid;place-items:center;border-radius:2px;font-weight:700;line-height:1;text-align:center;overflow:hidden;box-shadow:0 2px 6px #00000080}.decor-thumb.neon{font-weight:700}.decor-thumb.empty{border:2px dashed #4a4058;box-sizing:border-box}@media (max-width: 760px){.decor-plan-wrap{display:none}.rack.decor-rack{left:8px;right:8px;width:auto;top:auto;max-height:60vh}}.hud:has(.decor-rack) .achievement-toasts{right:352px}