/* The environment stays behind the companion and leaves the status and controls clear. */
.lab-appearance{--look-color:#86f7ce;display:flex;align-items:center;gap:12px;padding:10px 14px;margin:0 0 14px;border:1px solid #344f50;border-radius:16px;background:linear-gradient(110deg,#16382e99,#122135);min-width:0}
.lab-appearance img{width:48px;height:48px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 9px #86f7ce25)}
.lab-appearance>div{min-width:0;flex:1}.lab-appearance small{display:block;font-size:9px;color:#b5c7d5;line-height:1.7}.lab-appearance strong{display:block;color:var(--look-color);font-size:13px;line-height:1.6}.lab-appearance button{flex-shrink:0;color:var(--look-color);min-height:44px}
.lab-appearance[data-look=cobalt]{--look-color:#9ddaff;border-color:#396fb6;background:linear-gradient(110deg,#16345c,#111e35)}
.lab-appearance[data-look=aurora]{--look-color:#e4beff;border-color:#9a71c1;background:linear-gradient(110deg,#283465,#263847 55%,#442c56)}
.lab-appearance[data-look=solar]{--look-color:#ffd78e;border-color:#bb864c;background:linear-gradient(110deg,#50331b,#2d231b)}
.lab-appearance[data-look=nebula]{--look-color:#dbbaff;border-color:#8755c3;background:linear-gradient(110deg,#3c245b,#1a2f50)}
.lab-appearance[data-look=founder]{--look-color:#ffe6aa;border-color:#b99a57;background:radial-gradient(ellipse at 15% 0,#bf984535,transparent 65%),linear-gradient(110deg,#253e32,#101c1b 65%,#3b3020);box-shadow:inset 0 1px #ffe9b02b,inset 0 -1px #9f793a33,0 7px 22px #0003}
.lab-appearance[data-look=founder] img{filter:drop-shadow(0 0 11px #d4b46b55)}
.lab-appearance[data-look=founder] small{color:#d6c9a9}
.lab-appearance[data-look=premium]{--look-color:#ffe6a4;border-color:#bba164;background:linear-gradient(110deg,#4f4329,#1f3938)}
#chamber{isolation:isolate}
#chamber .lab-environment{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;border-radius:inherit}
.lab-environment>div{position:absolute;pointer-events:none}
.lab-lightfield{inset:0;background:radial-gradient(ellipse at 50% 60%,#75f7ca18,transparent 70%)}
.lab-architecture{inset:18% 6% 16%;border:1px solid #86f7ce16;clip-path:polygon(10% 0,90% 0,100% 15%,100% 85%,90% 100%,10% 100%,0 85%,0 15%);background:repeating-linear-gradient(90deg,transparent 0 39px,#91fbd309 40px 41px,transparent 42px 80px);opacity:.6}
.lab-ribbons,.lab-stars,.lab-portal{opacity:0}
.lab-podium{left:15%;right:15%;height:18%;bottom:12%;border:1px solid #72e7c34d;border-radius:50%;transform:rotateX(65deg);box-shadow:0 0 18px #6af5c82b,inset 0 0 14px #6af5c81a}
#chamber[data-look]:not([data-look=default])>.agent-art{opacity:.35}
#chamber .agent-character{z-index:1}#chamber .chamberhead,#chamber .chamberbottom{z-index:3}
#chamber[data-look=cobalt]{border-color:#539ce3;background:linear-gradient(150deg,#172954,#071629 75%)}
#chamber[data-look=cobalt] .lab-lightfield{background:radial-gradient(ellipse at 50% 55%,#3986ff55,transparent 70%),linear-gradient(120deg,#0f2046,#102451)}
#chamber[data-look=cobalt] .lab-architecture{inset:21% 5% 13%;border:2px solid #64c7ff70;background:repeating-linear-gradient(120deg,transparent 0 39px,#498cee19 40px 42px,transparent 43px 80px);opacity:1}
#chamber[data-look=cobalt] .lab-portal{inset:28% 23% 19%;opacity:1;border:2px solid #74d6ff88;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);box-shadow:inset 0 0 30px #2c7cff44;background:linear-gradient(145deg,#51bcff18,transparent)}
#chamber[data-look=cobalt] .lab-podium{border-color:#89d7ff;box-shadow:0 0 24px #579cff88,inset 0 0 24px #389aff44}
#chamber[data-look=aurora]{border-color:#c6a2ec;background:linear-gradient(140deg,#212b51,#1a3646 43%,#351f4e 80%)}
#chamber[data-look=aurora]:after{inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 10%,#5bf9cc20 33%,transparent 55%,#dc7bff26 78%,transparent);animation:none}
#chamber[data-look=aurora] .lab-lightfield{background:radial-gradient(ellipse at 15% 35%,#4cffcf66,transparent 56%),radial-gradient(ellipse at 90% 57%,#c36aff6b,transparent 62%),radial-gradient(ellipse at 50% 100%,#397ccc44,transparent 60%)}
#chamber[data-look=aurora] .lab-ribbons{inset:14% -20% 10%;opacity:.9;background:repeating-linear-gradient(112deg,transparent 0 30px,#80ffe077 34px,#51ddff33 40px,transparent 53px,transparent 81px,#df9cff66 89px,transparent 108px);mask-image:radial-gradient(ellipse,#000 22%,transparent 69%);transform:rotate(-13deg);animation:lab-curtain 14s ease-in-out infinite}
#chamber[data-look=aurora] .lab-portal{inset:24% 17% 18%;opacity:1;border:1px solid #d9c6ff8c;border-radius:50%;box-shadow:0 0 28px #8dfad535,inset 0 0 18px #d692ff35}
#chamber[data-look=aurora] .lab-podium{border-color:#c6b2ff;box-shadow:0 0 22px #d59cff88,inset 0 0 24px #84ffe355}
#chamber[data-look=solar]{border-color:#deae65;background:linear-gradient(150deg,#49351e,#251b16 70%)}
#chamber[data-look=solar] .lab-lightfield{background:radial-gradient(circle at 50% 56%,#ffe38d77 0,#ffad2833 28%,transparent 56%),linear-gradient(140deg,#5a371c,#211d1b)}
#chamber[data-look=solar] .lab-ribbons{inset:14% -10% 0;opacity:.8;background:repeating-conic-gradient(from 10deg at 50% 57%,#ffd4803b 0deg,transparent 6deg,transparent 24deg);mask-image:radial-gradient(ellipse,#000 25%,transparent 65%);animation:lab-sun 65s linear infinite}
#chamber[data-look=solar] .lab-portal{inset:26% 21% 19%;opacity:1;border:3px solid #ffd28a;border-radius:50%;box-shadow:0 0 22px #ffb43555,inset 0 0 28px #ffb83f44}
#chamber[data-look=solar] .lab-podium{border-color:#ffd291;box-shadow:0 0 26px #ffa73c88,inset 0 0 24px #ffb64544}
#chamber[data-look=nebula]{border-color:#b692ef;background:linear-gradient(140deg,#301a53,#101c3f)}
#chamber[data-look=nebula] .lab-lightfield{background:radial-gradient(ellipse at 18% 40%,#b465ee73,transparent 55%),radial-gradient(ellipse at 83% 70%,#429bff6b,transparent 60%),linear-gradient(45deg,#2e134e,#101e42)}
#chamber[data-look=nebula] .lab-stars,#chamber[data-look=aurora] .lab-stars{inset:20% 6% 17%;opacity:.9;background-image:radial-gradient(circle at 10% 15%,#fff 0 1px,transparent 2px),radial-gradient(circle at 87% 25%,#d9ecff 0 1px,transparent 2px),radial-gradient(circle at 25% 70%,#e0c7ff 0 1px,transparent 2px),radial-gradient(circle at 74% 73%,#fff 0 1px,transparent 2px),radial-gradient(circle at 46% 33%,#b1e0ff 0 1px,transparent 2px);background-size:91px 127px}
#chamber[data-look=nebula] .lab-portal{inset:28% 6% 20%;opacity:1;border:1px solid #b9c2ff99;border-radius:50%;transform:rotate(-26deg);box-shadow:0 0 20px #ac95ff35,inset 0 0 20px #ac95ff28}
#chamber[data-look=nebula] .lab-podium{border-color:#b3a1ff;box-shadow:0 0 24px #a66fff88,inset 0 0 24px #569fff44}
#chamber[data-look=founder]{border:1px solid #d9bb78;background:linear-gradient(140deg,#433820,#0a231e 45%,#080f14);box-shadow:inset 0 0 0 5px #111b1b,inset 0 0 0 6px #c5a45a70,0 16px 36px #0004}
#chamber[data-look=founder]:before{inset:12px;border:1px solid #d5b15b55;border-radius:calc(var(--radius) - 10px);background:linear-gradient(135deg,#f9dc8b88,transparent 15%) top left/58px 58px no-repeat,linear-gradient(225deg,#f9dc8b88,transparent 15%) top right/58px 58px no-repeat,linear-gradient(45deg,#f9dc8b66,transparent 15%) bottom left/58px 58px no-repeat,linear-gradient(315deg,#f9dc8b66,transparent 15%) bottom right/58px 58px no-repeat;mask-image:none;z-index:2;pointer-events:none}
#chamber[data-look=founder]:after{inset:0;border-radius:inherit;background:linear-gradient(115deg,#ecd39410,transparent 30% 70%,#bc923b16);animation:none}
#chamber[data-look=founder] .lab-lightfield{background:radial-gradient(ellipse at 50% 65%,#25c68a3b,transparent 54%),radial-gradient(ellipse at 50% 0,#edcf7d30,transparent 52%),linear-gradient(100deg,#493b22,#0c2b22 23%,#07191a 75%,#42351f)}
#chamber[data-look=founder] .lab-architecture{inset:22% 5% 14%;opacity:1;border:1px solid #d9bd7466;background:linear-gradient(90deg,#e0c47c45,transparent 2% 5%,#c7a35438 6%,transparent 8% 92%,#c7a35438 94%,transparent 95% 98%,#e0c47c45),repeating-linear-gradient(90deg,transparent 0 17%,#d1b2671a 17.3% 17.5%,transparent 18% 34%);clip-path:polygon(7% 0,93% 0,100% 12%,100% 88%,93% 100%,7% 100%,0 88%,0 12%)}
#chamber[data-look=founder] .lab-portal{inset:25% 23% 21%;opacity:1;border:0;border-radius:0;clip-path:polygon(50% 0,95% 15%,90% 68%,73% 88%,50% 100%,27% 88%,10% 68%,5% 15%);background:linear-gradient(145deg,#fff0b6,#b48b3a 35%,#e7d295 60%,#866529);box-shadow:none}
#chamber[data-look=founder] .lab-portal:before{content:"";position:absolute;inset:2px;clip-path:inherit;background:radial-gradient(ellipse at 50% 35%,#317b5759,transparent 65%),linear-gradient(145deg,#163d2c,#0a1918 65%,#243223)}
#chamber[data-look=founder] .lab-portal:after{content:"";position:absolute;inset:13% 14%;border:1px solid #d9bf733b;transform:rotate(45deg);background:linear-gradient(135deg,#edce7b0d,transparent)}
#chamber[data-look=founder] .lab-podium{left:12%;right:12%;bottom:12%;border:2px solid #efd798;background:radial-gradient(ellipse,#7ecd9c22,transparent 65%);box-shadow:0 0 23px #d3b26455,inset 0 0 0 6px #080e15,inset 0 0 0 7px #c9ad6655,inset 0 0 25px #54d49c33}
#chamber[data-look=founder]>.agent-art{opacity:.18}
#chamber[data-look=founder] .chamberhead h2{color:#fff1ca;text-shadow:0 2px 12px #000a}
#chamber[data-look=founder] .chamberhead small,#chamber[data-look=founder] .chamberbottom .textbtn{color:#ebcf8b}
#chamber[data-look=founder] .agent-tag{color:#ffe5aa;border-color:#b99b575e;background:#28291cdd}
#chamber[data-look=founder] .live-dot,#chamber[data-look=founder] .particles i{background:#f4d68f;box-shadow:0 0 10px #edca7b66}
[data-item=founder]{--item-color:#f2d18b;--item-glow:#c1a04c3d}
.store-look[data-appearance=founder]{border-color:#8d7748;background:linear-gradient(145deg,#3b3420,#132a24 65%,#10201f)}
.store-look[data-appearance=founder].selected{border-color:#f1d294;box-shadow:inset 0 0 0 2px #cfae5e27,0 0 18px #c3a25b13;background:radial-gradient(ellipse at 50% 0,#d7b66b30,transparent 75%),#152d24}
.store-look[data-appearance=founder] small{color:#f1d294}
.appearance-status{display:flex;align-items:center;gap:7px;color:#b4c2d5;font-size:10px;line-height:1.6;margin:0 0 14px}
.appearance-status>span{width:5px;height:5px;border-radius:50%;background:#7a8ca6;flex-shrink:0}
.appearance-status.is-selected{color:#9bdaff}.appearance-status.is-selected>span{background:#8bd1ff;box-shadow:0 0 8px #539be866}
#chamber[data-look=premium]{border-color:#e5ca83;background:linear-gradient(145deg,#423b29,#17332e)}
#chamber[data-look=premium] .lab-lightfield{background:radial-gradient(ellipse at 50% 52%,#ffe5a055,transparent 60%),linear-gradient(120deg,#40331c,#174636)}
#chamber[data-look=premium] .lab-architecture{inset:20% 8% 14%;opacity:1;border:1px solid #e7d09888;background:repeating-linear-gradient(90deg,transparent 0 34px,#f1d88b17 35px 36px,transparent 37px 70px)}
#chamber[data-look=premium] .lab-portal{inset:25% 17% 19%;opacity:1;border:2px solid #f1d18aaa;border-radius:50%;box-shadow:0 0 28px #f3ce6c55,inset 0 0 24px #7bffc433}
#chamber[data-look=premium] .lab-podium{border-color:#fff0b2;box-shadow:0 0 27px #e0c77e88,inset 0 0 24px #87ffcd55}
@keyframes lab-curtain{0%,100%{transform:translateX(-3%) rotate(-13deg)}50%{transform:translateX(3%) rotate(-8deg)}}
@keyframes lab-sun{to{transform:rotate(1turn)}}
.no-motion .lab-environment *, .feedback-paused .lab-environment *{animation-play-state:paused!important}
.no-motion .lab-environment *{animation:none!important}
@media(prefers-reduced-motion:reduce){.lab-environment *{animation:none!important}}
@media(max-width:760px){.lab-appearance{padding:7px 10px;gap:9px;margin-bottom:12px;border-radius:13px}.lab-appearance img{height:42px;width:42px}.lab-appearance small{font-size:8px}.lab-appearance strong{font-size:12px}.lab-appearance button{font-size:10px}.lab-environment .lab-architecture{inset-block-start:27%}.lab-environment .lab-portal{margin-top:20px}}