/* RAÍZZ grow room: 3D tents with light/dark state (plants tab) */
.rzt{margin:6px 0 4px;--night:#1E2338;--night2:#2C3352}
.rzt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px}
.rzt-head h2{margin:0;font-size:22px}
.rzt-seg{display:inline-flex;background:#fff;border:1.5px solid var(--rz-line,#E6D8C0);border-radius:999px;padding:3px}
.rzt-seg button{border:0;background:none;font:inherit;font-size:14px;padding:6px 12px;border-radius:999px;color:var(--ink,#4A3320);cursor:pointer;min-height:36px}
.rzt-seg button[aria-pressed="true"]{background:var(--rz-leaf,#6D7626);color:var(--cream,#FBF8F3)}
.rzt-stage{position:relative;height:350px;overflow:hidden;perspective:1100px;perspective-origin:50% 20%;touch-action:pan-y}
.rzt-room{position:absolute;left:50%;top:50%;width:360px;height:300px;margin:-150px 0 0 -180px;transform-style:preserve-3d;transform:scale(.84) rotateX(58deg) rotateZ(-38deg);transition:transform .8s cubic-bezier(.3,.8,.3,1)}
.rzt-stage.flat .rzt-room{transform:scale(.92) rotateX(0deg) rotateZ(0deg)}
.rzt-tents{position:absolute;inset:0;transform-style:preserve-3d}
.rzt-floor{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#EFE5D3 0 29px,#E6D8C0 29px 30px),#EFE5D3;border-radius:6px;box-shadow:0 0 0 2px #E0D0B4}
.rzt-wall{position:absolute;left:0;top:0;width:360px;height:90px;transform-origin:50% 0;transform:rotateX(90deg);background:linear-gradient(#F7F0E4,#EADCC5)}
.rzt-stage.flat .rzt-wall{opacity:0}
.rzt-tent{position:absolute;transform-style:preserve-3d;cursor:pointer;outline:none}
.rzt-panel{position:absolute;background:linear-gradient(#3B3B3B,#2B2B2B);border:1.5px solid #222;overflow:hidden;backface-visibility:hidden}
.rzt-door{position:absolute;left:6%;bottom:4%;height:86%;width:88%;border-radius:4px 4px 2px 2px;background:var(--night);box-shadow:inset 0 0 22px rgba(0,0,0,.6)}
.rzt-tent.on .rzt-door{background:radial-gradient(ellipse at 50% 0%,#FFF6D2 0%,#FFE08A 38%,#E9C25B 70%,#9B7A2A 100%);box-shadow:inset 0 0 26px rgba(255,200,80,.6)}
.rzt-flap{position:absolute;bottom:4%;height:86%;width:44%;background:linear-gradient(90deg,#2C2C2C,#3A3A3A);border:1px solid #1C1C1C;transition:transform .6s}
.rzt-flap.l{left:6%;transform-origin:0 50%;transform:perspective(300px) rotateY(-70deg)}
.rzt-flap.r{right:6%;transform-origin:100% 50%}
.rzt-zip{position:absolute;bottom:4%;height:86%;left:50%;width:2px;background:#777;opacity:.6}
.rzt-in{position:absolute;left:8%;width:40%;bottom:8%;display:flex;justify-content:space-around;align-items:flex-end;gap:2px}
.rzt-in i{display:block;width:14px;height:20px;background:radial-gradient(circle at 50% 30%,#7DA03A,#3F5A1A);border-radius:50% 50% 30% 30%}
.rzt-tent:not(.on) .rzt-in i{filter:brightness(.35) saturate(.5)}
.rzt-glow{position:absolute;left:-30px;right:-30px;bottom:-30px;height:60px;background:radial-gradient(ellipse at 50% 0%,rgba(255,214,110,.55),transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s}
.rzt-tent.on .rzt-glow{opacity:1}
.rzt-bill{position:absolute;transform-style:preserve-3d;pointer-events:none}
.rzt-sign{position:absolute;left:0;bottom:0;transform:translate(-50%,0);white-space:nowrap;background:#fff;border:1.5px solid var(--rz-line,#E6D8C0);border-radius:12px;padding:5px 9px;font-size:12px;line-height:1.3;text-align:center;box-shadow:0 4px 10px rgba(74,51,32,.12);color:var(--ink,#4A3320)}
.rzt-sign b{display:block;font-size:13px}
.rzt-tent.sel .rzt-sign{border-color:var(--rz-leaf,#6D7626);box-shadow:0 0 0 2px var(--rz-leaf,#6D7626)}
.rzt-dot{width:8px;height:8px;border-radius:50%;background:#6B7280;display:inline-block;vertical-align:middle;margin-inline-end:4px}
.rzt-tent.on .rzt-dot,.rzt-dot.on{background:#F2B705;box-shadow:0 0 6px #F2B705}
.rzt-flatlab{display:none}
.rzt-stage.flat .rzt-panel,.rzt-stage.flat .rzt-bill,.rzt-stage.flat .rzt-glow{display:none}
.rzt-stage.flat .rzt-flatlab{display:grid;position:absolute;inset:0;border-radius:6px;place-items:center;text-align:center;font-size:12px;line-height:1.3;color:#fff;border:2px solid #222;padding:2px}
.rzt-stage.flat .rzt-tent.on .rzt-flatlab{background:radial-gradient(circle,#FFF3C4,#F2C94C 70%,#C79B2E);color:var(--ink,#4A3320)}
.rzt-stage.flat .rzt-tent:not(.on) .rzt-flatlab{background:radial-gradient(circle,#3B4366,#1E2338)}
.rzt-stage.flat .rzt-tent.sel .rzt-flatlab{box-shadow:0 0 0 3px var(--rz-leaf,#6D7626)}
.rzt-stage.flat .rzt-tent{cursor:grab;touch-action:none}
.rzt-flatlab b{font-size:13px}
.rzt-note{font-size:13px;opacity:.7;margin:0;padding:0 18px}

/* detail card */
.rzt-card{margin:8px 18px 0;background:#fff;border:1.5px solid var(--rz-line,#E6D8C0);border-radius:22px;padding:14px;display:grid;gap:12px}
.rzt-card h3{margin:0;font-size:20px;display:flex;align-items:center;gap:6px}
.rzt-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rzt-sw{position:relative;width:64px;height:36px;border-radius:99px;border:0;background:var(--night2);cursor:pointer;transition:background .3s;flex:none}
.rzt-sw::after{content:"";position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:#fff;transition:transform .3s}
.rzt-sw[aria-checked="true"]{background:#F2B705}
.rzt-sw[aria-checked="true"]::after{transform:translateX(-28px)}
.rzt-chips{display:flex;flex-wrap:wrap;gap:6px}
.rzt-chips button,.rzt-btn{border:1.5px solid var(--rz-line,#E6D8C0);background:#fff;border-radius:999px;padding:6px 12px;font:inherit;font-size:14px;cursor:pointer;min-height:38px;color:var(--ink,#4A3320)}
.rzt-chips button[aria-pressed="true"]{background:var(--rz-leaf,#6D7626);border-color:var(--rz-leaf,#6D7626);color:var(--cream,#FBF8F3)}
.rzt-lbl{display:flex;align-items:center;gap:8px;font-size:15px}
.rzt-lbl input{border:1.5px solid var(--rz-line,#E6D8C0);border-radius:12px;padding:6px 10px;font:inherit;min-height:40px;background:#fff;color:var(--ink,#4A3320)}
.rzt-bar{height:14px;border-radius:99px;background:var(--night2);position:relative;overflow:hidden}
.rzt-bar i{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#FFE08A,#F2B705);border-radius:99px}
.rzt-bar u{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--ink,#4A3320);border-radius:2px}
.rzt-hours{display:flex;justify-content:space-between;font-size:11px;opacity:.6;margin-top:3px}
.rzt-hint{font-size:13px;opacity:.7;margin:0}
.rzt-mascot{display:flex;align-items:center;gap:10px;background:var(--rz-body,#E9CA98);border-radius:18px;padding:8px 12px}
.rzt-mascot img{width:60px;height:60px;object-fit:contain;flex:none}
.rzt-top{position:relative;margin:0 auto;border:3px solid #222;border-radius:8px;transition:background .4s;max-width:100%}
.rzt-top.on{background:radial-gradient(circle,#FFF6D6,#F5D579)}
.rzt-top.off{background:radial-gradient(circle,#3B4366,#1E2338)}
.rzt-lamp{position:absolute;left:12%;right:12%;height:10px;border-radius:5px;background:#555}
.rzt-top.on .rzt-lamp{background:#FFF1B8;box-shadow:0 0 18px #FFD86B}
.rzt-pot{position:absolute;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:#5B4632;border:3px solid #3A2A1A;display:grid;place-items:center;text-align:center;font-size:11px;color:#fff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.rzt-pot .lv{position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#9BC05A,#4E6E22)}
.rzt-pot span{position:relative;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6);line-height:1.15;padding:0 4px;max-width:66px;overflow:hidden}
.rzt-top.off .rzt-pot .lv{filter:brightness(.45)}
.rzt-pot.tap{outline:3px solid var(--rz-leaf,#6D7626)}
