/* The Vibe Heart Beats — Scoped, independent immersive studio UI. No global theme selectors. */
.vhb-studio {--ink:#f9f6ff;--muted:#ddd5ef;--orchid:#a381ef;--gold:#eed29a;--surface:#161b39;--purple:#6254ab;--mint:#98d4c6;isolation:isolate;position:relative;color:var(--ink);font:400 16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(135deg,#1d244a,#282451 40%,#233c55 78%,#16233f);border-radius:22px;overflow:hidden;min-height:680px;box-shadow:0 28px 76px #161a3c3d}
.vhb-studio *{box-sizing:border-box}.vhb-studio button,.vhb-studio input,.vhb-studio select{font:inherit}.vhb-studio button{cursor:pointer}.vhb-studio button:disabled{opacity:.42;cursor:not-allowed}.vhb-studio button:focus-visible,.vhb-studio input:focus-visible,.vhb-studio [tabindex]:focus-visible{outline:3px solid #ffe0a3;outline-offset:3px}.vhb-studio h1,.vhb-studio h2,.vhb-studio h3,.vhb-studio p{margin:0}.vhb-studio h1,.vhb-studio h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.024em}.vhb-studio h1{font-size:clamp(3rem,6.6vw,6rem);line-height:1.03}.vhb-studio h2{font-size:clamp(1.85rem,3.6vw,3.2rem);line-height:1.15}.vhb-studio h3{font-size:1.2rem}.vhb-studio .muted{color:var(--muted)}.vhb-studio .eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.19em;font-weight:750;color:#f2dbab}.vhb-studio .small{font-size:.88rem}.vhb-studio .button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:999px;padding:10px 18px;border:1px solid #e5dafb61;color:#fff;background:#ffffff1d;transition:background .18s ease,transform .18s ease;text-decoration:none;font-weight:700;white-space:normal;text-align:center}.vhb-studio .button:hover{background:#ffffff33;transform:translateY(-1px)}.vhb-studio .button.primary{background:linear-gradient(115deg,#b58ef6,#806bdc 60%,#658aca);border-color:#ffffff50;color:#0f163a;box-shadow:0 8px 28px #b7a2ff55}.vhb-studio .button.primary:hover{background:linear-gradient(115deg,#d1b2ff,#9a85ec)}.vhb-studio .button.gold{background:linear-gradient(110deg,#f8e6bb,#d6ad70);color:#322748;border:0}.vhb-studio .button.smallbtn{min-height:37px;padding:7px 13px;font-size:.85rem}.vhb-studio .button.iconbtn{min-height:40px;min-width:40px;padding:8px 12px}.vhb-studio .tag{display:inline-flex;align-items:center;gap:7px;background:#f3d8ff1c;border:1px solid #dccaff45;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:650;color:#eee2ff}.vhb-studio .glass{background:linear-gradient(135deg,#17213dd9,#282c53d6);border:1px solid #e3d8fc2c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 46px #060d284a}.vhb-studio .topnav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px clamp(16px,3vw,40px);background:#161b37ad;border-bottom:1px solid #ffffff23}.vhb-studio .brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:.025em;font-size:.85rem}.vhb-studio .brand-mark{width:37px;height:37px;display:inline-grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#edd49f,#b495e8);color:#29284f;font-size:22px;box-shadow:0 0 26px #edd9be33}.vhb-studio .nav-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vhb-studio .hero{min-height:485px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:clamp(32px,5vw,76px);background:linear-gradient(90deg,#172141ea 5%,#25274ba0 55%,#151e3744),url('scenes/scene-01.webp') center 48%/cover no-repeat;position:relative}.vhb-studio .hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 74% 34%,#dba7fd42,transparent 35%)}.vhb-studio .hero-copy{position:relative;z-index:1;max-width:720px}.vhb-studio .hero-copy p{font-size:1.04rem;color:#f3eeff;max-width:530px;margin-top:22px}.vhb-studio .hero-copy .button{margin-top:26px}.vhb-studio .hero-crest{z-index:1;justify-self:center;position:relative;width:min(310px,80%);aspect-ratio:1;border-radius:50%;border:1px solid #fff7c75e;background:radial-gradient(circle at 48% 43%,#b69cf2ab,transparent 58%),radial-gradient(circle,#2d3a63aa,#21234944);display:flex;justify-content:center;align-items:center;box-shadow:0 0 70px #a78bd39c,inset 0 0 55px #f7e4ff39;animation:vhb-breathe 7s ease-in-out infinite}.vhb-studio .hero-crest span{font-size:120px;filter:drop-shadow(0 0 21px #eed8ff99);color:#f2d8ae}.vhb-studio .section{padding:35px clamp(16px,3vw,40px) 56px}.vhb-studio .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:25px}.vhb-studio .filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 27px}.vhb-studio .filter{border:1px solid #d7caff33;background:#fff2;border-radius:50px;color:#fff;padding:9px 15px;font-size:.84rem}.vhb-studio .filter[aria-pressed=true]{background:#cbb4f4;color:#232344;border-color:#efd7ff}.vhb-studio .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.vhb-studio .world-card{display:flex;flex-direction:column;padding:0;text-align:left;border:1px solid #e0d2f451;border-radius:20px;overflow:hidden;background:#222949;min-width:0;color:#fff;box-shadow:0 17px 35px #0c10335c;transition:transform .24s ease,box-shadow .24s ease}.vhb-studio .world-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px #090e334f}.vhb-studio .card-image{height:210px;background-size:cover;background-position:center;position:relative;isolation:isolate}.vhb-studio .card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#18213c9a)}.vhb-studio .number{position:absolute;z-index:1;top:14px;left:16px;padding:5px 12px;background:#121932a1;border:1px solid #ffffff57;border-radius:40px;font-size:.73rem;letter-spacing:.1em}.vhb-studio .card-copy{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.vhb-studio .card-copy h3{font-family:Georgia,serif;font-size:1.33rem;line-height:1.15}.vhb-studio .card-copy p{font-size:.87rem;color:#e0d9e9;line-height:1.5}.vhb-studio .card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:10px;font-size:.77rem;color:#e9d6ad}.vhb-studio .footer{border-top:1px solid #d8cce542;text-align:center;padding:26px 20px;color:#e4dceb;font-size:.8rem}.vhb-studio .world{min-height:790px;background-size:cover;background-position:center top;position:relative}.vhb-studio .world:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#151a37a9 0%,#1c2443ab 28%,#121a34d9 75%,#151a32 100%);pointer-events:none}.vhb-studio .world-inner{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:24px clamp(16px,3vw,38px) 45px}.vhb-studio .world-banner{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;padding:30px 0}.vhb-studio .world-banner h2{margin:7px 0}.vhb-studio .world-banner p{max-width:680px;font-size:.93rem;color:#f3eafa}.vhb-studio .world-title{max-width:780px}.vhb-studio .stage-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(235px,.65fr);align-items:start;gap:18px}.vhb-studio .stage{border-radius:22px;background:linear-gradient(130deg,#181c34e8,#2b2e50e8);border:1px solid #e6dcff53;box-shadow:0 20px 55px #0f142eac;overflow:hidden;min-width:0}.vhb-studio .stage-top{background:#f4efff16;border-bottom:1px solid #ffffff36;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.vhb-studio .stage-content{padding:clamp(16px,2vw,27px);min-height:360px}.vhb-studio .sidepanel{padding:23px;border-radius:20px;background:linear-gradient(150deg,#1f2242d9,#283955ba);border:1px solid #dec6ed65;backdrop-filter:blur(16px)}.vhb-studio .sidepanel h3{font-family:Georgia,serif;color:#f5dea9;margin-bottom:13px;font-size:1.4rem}.vhb-studio .sidepanel p{font-size:.86rem;color:#ede6f9;margin:12px 0}.vhb-studio .sidepanel .button{margin:5px 0}.vhb-studio .sidepanel hr{border:0;border-top:1px solid #fff4;margin:15px 0}.vhb-studio .actionrow{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.vhb-studio .stats{display:flex;flex-wrap:wrap;gap:9px}.vhb-studio .stat{padding:8px 14px;border:1px solid #f5d5ff38;background:#e9d4fe16;border-radius:12px;font-size:.84rem}.vhb-studio .stat strong{display:block;font-size:1.16rem;color:#ffebae}.vhb-studio .tip{font-size:.9rem;color:#eee6fa;margin:0 0 16px}.vhb-studio .toast{min-height:25px;font-size:.87rem;color:#e9e2fa;margin-top:12px}.vhb-studio .board-wrap{display:flex;justify-content:center;max-width:100%}.vhb-studio .collapse-frame{display:flex;justify-content:center;gap:10px;align-items:stretch}.vhb-studio .collapse-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));width:min(100%,540px);aspect-ratio:10/15;max-height:760px;gap:2px;padding:7px;border:7px ridge #cbb8dc6b;border-radius:17px;box-shadow:inset 0 0 35px #13152e,0 0 44px #b18efc4a;background:linear-gradient(#070f26c9,#0b1c32d9)}.vhb-studio .crystal{border:1px solid #ffffff65;display:grid;place-items:center;border-radius:5px;transition:filter .14s ease,transform .17s ease;position:relative;box-shadow:inset -4px -6px 7px #0b142c61,inset 3px 3px 5px #fff5,0 2px 6px #050c28a8;background:linear-gradient(132deg,#fff7 0%,transparent 41%),var(--gem);color:#fff}.vhb-studio .crystal:before{content:"";position:absolute;inset:12% 22% 38% 20%;background:#fff5;clip-path:polygon(35% 0,90% 20%,100% 70%,0% 100%);opacity:.72}.vhb-studio .crystal:after{content:"";position:absolute;inset:6%;clip-path:polygon(45% 0,100% 34%,65% 100%,0 75%);border:1px solid #fff4}.vhb-studio .crystal.empty{box-shadow:none;border:1px solid #ffffff0e;background:#1424433c}.vhb-studio .crystal.possible{filter:brightness(1.13)}.vhb-studio .crystal:hover:not(.empty){filter:brightness(1.25);transform:scale(1.06);z-index:2}.vhb-studio .crystal:disabled{opacity:1;cursor:default}.vhb-studio .collapse-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.vhb-studio .meter{height:10px;border-radius:10px;background:#ffffff36;overflow:hidden;margin:9px 0 14px}.vhb-studio .meter span{display:block;height:100%;background:linear-gradient(90deg,#a4dfda,#d3adeb,#f8daa4);transition:width .3s}.vhb-studio .board{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));max-width:540px;gap:7px;margin:0 auto}.vhb-studio .tile{display:grid;place-items:center;min-height:54px;border-radius:14px;border:1px solid #fffa;background:linear-gradient(135deg,#ffffff40,#b9a9de32);color:#fff;font-weight:750;box-shadow:inset 0 2px 8px #fff2}.vhb-studio .tile[aria-pressed=true],.vhb-studio .tile.selected{background:linear-gradient(135deg,#e8d2ff9c,#8f77e5aa);border-color:#ffebad;box-shadow:0 0 22px #c2a9ff88;color:#11172c}.vhb-studio .tile.goldtile{background:linear-gradient(130deg,#ead5a4,#b58d57);color:#2c2b42}.vhb-studio .choice{width:100%;padding:15px;text-align:left;margin:6px 0;border:1px solid #f1dfb65b;border-radius:14px;background:#fff1;color:#fff}.vhb-studio .choice:hover{background:#c3afff35}.vhb-studio .pillrow{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.vhb-studio .pill{display:inline-flex;padding:9px 14px;background:#e5dbfa25;border:1px solid #fff5;border-radius:40px;color:#fff}.vhb-studio .card-visual{height:180px;border-radius:16px;background-size:cover;background-position:center;position:relative;margin-bottom:14px}.vhb-studio .formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vhb-studio .field{display:flex;flex-direction:column;gap:5px;font-weight:650;font-size:.85rem}.vhb-studio input[type=number],.vhb-studio input[type=text],.vhb-studio select{width:100%;color:#fff;background:#161e3edb;border:1px solid #e2d0fc70;border-radius:10px;padding:11px;font-size:1rem;min-height:47px}.vhb-studio input[type=range]{width:100%;accent-color:#ccb7f7}.vhb-studio .canvas-box{position:relative;min-height:250px;border:2px dashed #e9d9ad91;border-radius:18px;background:#f4eee4;margin-bottom:15px;color:#332d47;overflow:hidden}.vhb-studio .canvas-decor{position:absolute;display:grid;place-items:center;font-size:38px;border-radius:50%;text-shadow:0 2px 10px #fff6}.vhb-studio .waypoints{display:flex;flex-wrap:wrap;gap:8px}.vhb-studio .waypoints .button{border-radius:12px}.vhb-studio .completion{padding:35px 23px;text-align:center;background:radial-gradient(circle at 50% 20%,#b6a0d25a,transparent 60%)}.vhb-studio .completion-icon{font-size:4rem;color:#ffe4aa;text-shadow:0 0 45px #e9d69f}.vhb-studio .completion h3{font:500 clamp(1.7rem,3vw,2.5rem)/1.14 Georgia,serif;margin:12px 0}.vhb-studio .quote{font:italic 1.24rem/1.55 Georgia,serif;color:#f7e6c5;margin:25px auto;max-width:580px}.vhb-studio .helpbox{border-left:3px solid #e9c99c;padding:9px 13px;background:#ffffff13;border-radius:0 10px 10px 0}.vhb-studio .shape-square{width:68px;height:68px;border:2px solid #fff9;display:grid;place-items:center}.vhb-studio .room-floor{position:relative;margin:0 auto;width:min(100%,430px);aspect-ratio:1;background:repeating-linear-gradient(0deg,#bea99355 0 1px,transparent 1px 20%),repeating-linear-gradient(90deg,#bea99355 0 1px,transparent 1px 20%),linear-gradient(130deg,#d6c7b8,#ab9ab6);border:9px solid #745e64;border-radius:13px}.vhb-studio .room-item{position:absolute;border:3px solid #f5e7ce;border-radius:9px;background:#5b7894;display:grid;place-items:center;font-size:.8rem;color:#fff;box-shadow:0 5px 12px #28253e6b}.vhb-studio .story-scene{padding:20px;background:#ffffff14;border-radius:16px;min-height:100px;border:1px solid #ffffff25}.vhb-studio .light-grid{display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,400px);margin:auto;gap:4px}.vhb-studio .light-cell{min-height:60px;background:#101f34bc;border:1px solid #dfd6ff4b;border-radius:6px;color:#ffd98e;font-size:1.6rem}.vhb-studio .light-cell.beam{background:#f4d49588;box-shadow:inset 0 0 25px #ffe9aa}.vhb-studio .svg-map{display:block;width:100%;max-width:560px;height:auto;overflow:visible;margin:auto}.vhb-studio .quote-library{display:flex;flex-wrap:wrap;gap:7px}.vhb-studio .quote-library span{padding:8px 10px;background:#c9b4ff32;border-radius:8px;font-size:.78rem}.vhb-studio .progress-note{font-size:.79rem;color:#e9d7d1}.vhb-studio .helpbox ul{margin:8px 0 0 16px;padding:0}.vhb-studio .helpbox li{margin:4px 0}.vhb-studio .theme-light{background:#f3eef9;color:#2b2b4a}.vhb-studio .theme-light .stage,.vhb-studio .theme-light .sidepanel{background:#292e4f}.vhb-studio .modal-back{position:fixed;inset:0;background:#060e23cc;z-index:9999;display:grid;place-items:center;padding:20px}.vhb-studio .modal{max-width:580px;width:100%;padding:25px;border-radius:18px;background:#292c4a;color:#fff;box-shadow:0 30px 60px #0009}.vhb-studio .modal h3{font-family:Georgia,serif;font-size:1.5rem}.vhb-studio .level-select{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-height:300px;overflow:auto}.vhb-studio .level-select button{min-height:37px;color:#fff;background:#433d74;border:1px solid #ffffff44;border-radius:8px}.vhb-studio .level-select button[aria-current=true]{background:#e9d3ab;color:#332641}.vhb-studio .level-select button:disabled{opacity:.4}
@keyframes vhb-breathe{0%,100%{transform:scale(.97);box-shadow:0 0 54px #b59ae072}50%{transform:scale(1.03);box-shadow:0 0 86px #e5c6ff98}}@media(max-width:900px){.vhb-studio .hero{grid-template-columns:1fr}.vhb-studio .hero-crest{display:none}.vhb-studio .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.vhb-studio .stage-layout{grid-template-columns:1fr}.vhb-studio .sidepanel{order:-1}.vhb-studio .sidepanel hr{display:none}.vhb-studio .collapse-board{width:min(100%,560px)}}@media(max-width:600px){.vhb-studio{border-radius:0}.vhb-studio .topnav{padding:12px}.vhb-studio .brand{font-size:.78rem}.vhb-studio .hero{min-height:360px;padding:30px 23px}.vhb-studio .hero h1{font-size:clamp(2.6rem,10vw,3.7rem)}.vhb-studio .gallery{grid-template-columns:1fr}.vhb-studio .card-image{height:210px}.vhb-studio .world-inner{padding:15px 12px}.vhb-studio .world-banner{padding:18px 0}.vhb-studio .stage-content{padding:12px}.vhb-studio .collapse-board{padding:3px;gap:1px;border-width:4px}.vhb-studio .crystal{border-radius:3px}.vhb-studio .tile{min-height:46px}.vhb-studio .formgrid{grid-template-columns:1fr}.vhb-studio .level-select{grid-template-columns:repeat(6,1fr)}}@media(prefers-reduced-motion:reduce){.vhb-studio *, .vhb-studio *:before,.vhb-studio *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Restrained movement and satisfying, non-flashing crystal feedback. */
.vhb-studio .collapse-board{position:relative}
.vhb-studio .collapse-board.wave-active .crystal:not(.empty){animation:vhb-rise-wave .42s cubic-bezier(.2,.75,.3,1) both}
.vhb-studio .spark-burst{position:absolute;pointer-events:none;z-index:6;transform:translate(-50%,-50%);color:#fff1be;font-size:2.2rem;text-shadow:0 0 17px #e5b5ff,0 0 32px #ffe7a7;animation:vhb-soft-burst .55s ease-out both}
@keyframes vhb-rise-wave{from{transform:translateY(17px);filter:brightness(1.35)}to{transform:translateY(0);filter:brightness(1)}}
@keyframes vhb-soft-burst{from{opacity:1;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}
@media(prefers-reduced-motion:reduce){.vhb-studio .spark-burst{display:none}}

/* v0.6 — A calmer, brighter premium art direction with truly individual palettes. */
.vhb-studio {
  --gold:#ffe4b2;--muted:#eee9f7;
  background: radial-gradient(circle at 17% 5%, #8a7fd450, transparent 31%),
              radial-gradient(circle at 87% 35%, #7c9db64a, transparent 36%),
              linear-gradient(138deg,#282650,#353467 44%,#254864 100%);
}
.vhb-studio .hero {
  min-height:520px;
  background-image:linear-gradient(90deg,#242249f0 1%,#202752b8 49%,#1e254d20 88%),url('scenes/scene-01.webp');
  background-position:center,center 54%;
}
.vhb-studio .hero-crest { background:radial-gradient(circle,#ddc4ff72,#9f92d141 51%,#343e6359 83%);box-shadow:0 0 105px #c49df96b,inset 0 0 80px #ffe8cf25; }
.vhb-studio .world-card {background:linear-gradient(145deg,#272f59,#252541);border:1px solid #f6e4e56b;box-shadow:0 14px 38px #151c4152}
.vhb-studio .world-card:hover {border-color:#ffedc3;box-shadow:0 22px 52px #11153290,0 0 0 1px #fff4}
.vhb-studio .card-image {height:225px;background-position:center 51%}
.vhb-studio .card-copy {min-height:190px}
.vhb-studio .world:before {
  background:linear-gradient(180deg,#18213c3f,#17224781 23%,#121a34d0 64%,#182139f0 95%),
    linear-gradient(115deg,var(--world-accent),transparent 66%);
  opacity:.92;
}
.vhb-studio .world-banner {min-height:220px;align-items:flex-end;padding:42px 0 26px;text-shadow:0 2px 18px #10142aa3}
.vhb-studio .world-banner h2 {font-size:clamp(2.1rem,3.7vw,3.65rem);color:#fff9ff}
.vhb-studio .world-banner p {color:#fff7f0;max-width:670px}
.vhb-studio .stage {position:relative;background:linear-gradient(145deg,#171d39f2,#272d52f4);border-color:#e9d8fe87;box-shadow:0 18px 55px #101632aa}
.vhb-studio .stage:before {content:"";display:block;height:5px;background:linear-gradient(90deg,var(--world-highlight),#e8c992,var(--world-accent));opacity:.95}
.vhb-studio .sidepanel {background:linear-gradient(157deg,#2f3458e8,#253858ec);border:1px solid #e2d1e46d;box-shadow:0 16px 42px #11172b78}
.vhb-studio .sidepanel:before {content:"";display:block;height:132px;margin:-9px -9px 20px;border-radius:14px;background-image:linear-gradient(0deg,#141b4466,transparent),var(--scene-url);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #fff5}
.vhb-studio .sidepanel h3 {color:#ffe7b9}
.vhb-studio .stage-top {background:linear-gradient(96deg,var(--world-accent),#4e416f99,#2b3355aa);border-bottom-color:#e3d5ff5c}
.vhb-studio .stat {min-width:88px;background:#f0e7ff1b;border-color:#f6e7ff80}
.vhb-studio .stat strong {color:#ffe4ab;font-variant-numeric:tabular-nums}
.vhb-studio .completion {min-height:410px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 42%,#a789cb45,transparent 64%),linear-gradient(#17213d88,#111a3688);border-radius:14px}
.vhb-studio .completion .quote {color:#ffeccf}
.vhb-studio .pace-toolbar {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:6px auto 16px;color:#faf4fd}
.vhb-studio .pace-toolbar>span {font-size:.8rem;font-weight:750;letter-spacing:.05em;margin-right:8px}
.vhb-studio .pace-btn {border:1px solid #e9d9ff91;border-radius:50px;background:#f6effd12;color:#f7f2ff;padding:9px 15px;min-height:42px;font-size:.82rem;font-weight:750;transition:background .2s,border-color .2s}
.vhb-studio .pace-btn:hover {background:#fff3}
.vhb-studio .pace-btn.active {background:linear-gradient(115deg,#ead8ff,#e7caa4);border-color:#f9e2bb;color:#252c52}
.vhb-studio .crystal {padding:0;border-color:#ffffff80;overflow:hidden;background:linear-gradient(139deg,#ffffffb5 0%,#ffffff24 23%,#ffffff00 39%),linear-gradient(165deg,var(--gem),#404064);box-shadow:inset -4px -6px 8px #11204188,inset 3px 3px 7px #fff6,0 3px 8px #070a2766}
.vhb-studio .crystal .gemmark {position:relative;z-index:2;font-size:clamp(9px,1.45vw,18px);font-weight:700;color:#fffef9;line-height:1;text-shadow:0 1px 3px #1d1b47b0,0 0 8px #fff6}
.vhb-studio .crystal:after {inset:10%;border-color:#ffffff75}
.vhb-studio .collapse-board {background:linear-gradient(135deg,#101b3e,#142b4d);border-color:#e5c5e8b4;box-shadow:inset 0 0 25px #050e2d,0 0 48px #cf9ed967}
.vhb-studio .collapse-board .crystal.empty {background:#ffffff08}
.vhb-studio .garden-immersion {height:365px;border-radius:20px;background-size:cover;background-position:center 52%;position:relative;overflow:hidden;border:1px solid #ffe6b37a;box-shadow:inset 0 0 45px #142b3077,0 12px 36px #0e1c315b}
.vhb-studio .garden-intro {position:absolute;left:20px;top:18px;display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 6px #152f24}
.vhb-studio .garden-intro strong {font:500 clamp(1.3rem,2.7vw,2.1rem) Georgia,serif;color:#fff6dc}
.vhb-studio .garden-hotspots {position:absolute;inset:100px 4% 12px;display:flex;justify-content:space-around;align-items:flex-end;gap:12px}
.vhb-studio .garden-hotspot {flex:1;max-width:185px;min-height:119px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid #fbeec19c;border-radius:18px;background:linear-gradient(145deg,#234936db,#25432cce);color:#fff6de;font-weight:750;line-height:1.28;text-align:center;padding:11px;font-size:.86rem;box-shadow:0 8px 23px #0c34238c;backdrop-filter:blur(8px);transition:transform .2s,background .2s}
.vhb-studio .garden-hotspot:hover {transform:translateY(-8px);background:linear-gradient(135deg,#497b54f5,#305f42f4)}
.vhb-studio .hotspot-ornament {display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(#f8e4ab,#e7c38c);box-shadow:0 0 24px #f8e8c28c;color:#325242;font-size:1.7rem}
.vhb-studio .garden-details {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;margin-top:7px;border-bottom:1px solid #ffffff25}
.vhb-studio .garden-details strong {font-size:.87rem;color:#fff3de}
.vhb-studio .garden-details span {font-size:.78rem;color:#dfecdf}
.vhb-studio .garden-finished {background:#244a38e5;border-radius:12px;color:#fff6cc;padding:17px;font:500 1.15rem Georgia,serif}
.vhb-studio .svg-map {filter:drop-shadow(0 8px 18px #090b25)}
.vhb-studio .canvas-box {box-shadow:0 16px 34px #090d2457}
.vhb-studio .story-scene {border-color:#f6e3cf52}
.vhb-studio:fullscreen {border-radius:0;overflow-y:auto;min-height:100vh;width:100vw}
.vhb-studio .world:fullscreen {min-height:100vh;overflow:auto}
@media(max-width:700px){.vhb-studio .world-banner{min-height:165px;padding:25px 0 16px}.vhb-studio .sidepanel{order:initial}.vhb-studio .sidepanel:before{height:100px}.vhb-studio .world-banner h2{font-size:2.05rem}.vhb-studio .garden-immersion{height:375px}.vhb-studio .garden-hotspots{inset:90px 10px 14px;gap:6px}.vhb-studio .garden-hotspot{font-size:.73rem;padding:7px;min-height:128px}.vhb-studio .hotspot-ornament{height:34px;width:34px;font-size:1.25rem}.vhb-studio .garden-details{flex-wrap:wrap}.vhb-studio .crystal .gemmark{font-size:11px}.vhb-studio .pace-toolbar>span{flex-basis:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.vhb-studio .garden-hotspot,.vhb-studio .pace-btn{transition:none!important}}