@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#f5f5ed;background:#0d101a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #cbb9e7;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}#app{min-height:100dvh}.shell{max-width:1240px;margin:auto;padding:0 22px}.top{height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:inherit;padding:0;font-family:'Space Grotesk';font-size:19px;font-weight:700;letter-spacing:-.06em}.brandmark{height:32px;width:32px;border:2px solid #cbb9e7;border-radius:10px;display:grid;place-items:center;color:#cbb9e7;font-size:21px;line-height:1}.toplinks{display:flex;align-items:center;gap:8px}.nav{background:transparent;border:0;color:#b1bbb8;padding:11px 16px;border-radius:99px;font-size:13px;font-weight:700}.nav:hover,.nav.active{background:#23323a;color:#f6f8f1}.nav.primary{background:#cbb9e7;color:#171523}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:#cbb9e7}.home-hero{position:relative;overflow:hidden;min-height:555px;margin-top:18px;border-radius:28px;background:radial-gradient(circle at 79% 45%,#263d57 0,#24213f 36%,#1b1c2e 68%,#16131e 100%);display:flex;align-items:center;padding:68px 6%;box-shadow:inset 0 0 0 1px #ffffff10}.hero-content{position:relative;z-index:2;max-width:560px}.hero-content h1{font:600 clamp(56px,8vw,112px)/.94 'Space Grotesk';letter-spacing:-.09em;margin:25px 0}.hero-content h1 em{font-style:normal;color:#cbb9e7}.lead{font-size:18px;line-height:1.55;color:#bdc9c5;max-width:430px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{min-height:50px;border:1px solid #ffffff24;background:#292838;color:#f7f7f0;border-radius:13px;padding:0 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn:hover{filter:brightness(1.13)}.btn.lime{background:#cbb9e7;color:#171523;border-color:#cbb9e7}.btn.ghost{background:transparent}.btn.small{min-height:38px;padding:0 13px;font-size:12px}.btn.full{width:100%}.hero-art{position:absolute;right:2%;top:2%;width:49%;height:96%;display:grid;place-items:center}.orb{width:min(38vw,440px);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#f5e6fb 0%,#a983ca 10%,#665087 36%,#1d5563 61%,#111925 72%);box-shadow:0 0 90px #ad78ca40,inset -40px -35px 80px #081822c7;transform:rotate(-15deg)}.orb:before,.orb:after{content:'';position:absolute;border:1px solid #9fd2d869;border-radius:50%;inset:-11%;transform:rotateX(70deg) rotate(25deg);box-shadow:0 0 30px #a48ac870}.orb:after{inset:-20%;transform:rotateY(70deg) rotate(35deg)}.orbit-label{position:absolute;right:2%;bottom:11%;border:1px solid #ffffff31;border-radius:13px;background:#16262cce;padding:12px 15px;color:#dce8dc;font-size:12px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:45px 0 18px}.section-head h2{font:600 clamp(28px,3vw,40px)/1.1 'Space Grotesk';letter-spacing:-.055em;margin:8px 0}.muted{color:#9dacaa}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kit,.world-card{background:#1b202f;border:1px solid #ffffff14;border-radius:21px;overflow:hidden}.kit-art{height:190px;position:relative;display:grid;place-items:center;font-size:76px}.kit-art.haunted{background:radial-gradient(circle at 67% 37%,#e7ac7b 0 5%,#735461 6% 17%,#2b3445 49%,#1e2935 100%)}.kit-art.space{background:radial-gradient(circle at 60% 40%,#f6dcaf 0 8%,#b57660 9% 16%,#374769 34%,#192839 70%)}.kit-art.forest{background:radial-gradient(circle at 53% 37%,#b79cdb 0 6%,#6a679c 15%,#24544e 44%,#19303b 90%)}.kit-body{padding:20px}.kit-body h3,.world-card h3{font:600 22px 'Space Grotesk';letter-spacing:-.045em;margin:0 0 7px}.kit-body p,.world-card p{font-size:13px;line-height:1.5;color:#aab7b3;margin:0 0 18px}.pill{display:inline-flex;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:#31413d;color:#cbb9e7}.kit-footer{display:flex;align-items:center;justify-content:space-between}.kit-footer span{font-size:12px;color:#a9b7b2}.kit-footer button{border:0;border-radius:50%;height:38px;width:38px;background:#cbb9e7;color:#171523;font-size:21px}.subtle-section{padding:50px 0 90px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{border-top:1px solid #5a7668;padding:20px 8px}.step b{font:600 32px 'Space Grotesk';color:#cbb9e7}.step h3{margin:16px 0 8px}.step p{color:#9dacaa;line-height:1.5;font-size:13px}.inner{max-width:760px;margin:0 auto;padding:18px 22px 110px}.back{background:none;color:#aab9b5;border:0;padding:10px 0;font-weight:700;font-size:13px}.page-title{font:600 clamp(38px,6vw,56px)/1.03 'Space Grotesk';letter-spacing:-.065em;margin:22px 0 10px}.intro{color:#abb9b4;line-height:1.55}.progress{height:4px;background:#30413e;border-radius:10px;overflow:hidden;margin:24px 0}.progress i{display:block;background:#cbb9e7;height:100%;transition:width .3s}.picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:27px}.picker .kit-art{height:150px}.builder-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.builder-top .eyebrow{margin:0}.builder-top h1{margin:4px 0 0;font:600 26px 'Space Grotesk';letter-spacing:-.05em}.builder-top input{font:600 26px 'Space Grotesk';width:min(100%,300px);color:inherit;background:transparent;border:0;border-bottom:1px solid #728379}.builder-stage{margin:26px 0 16px;border-radius:24px;min-height:270px;overflow:hidden;position:relative;padding:25px;background:radial-gradient(circle at 50% 35%,#4b6163,#243c43 55%,#182a32);border:1px solid #ffffff19}.builder-stage.haunted{background:radial-gradient(circle at 70% 15%,#97636a,#394352 45%,#1a2933)}.builder-stage.space{background:radial-gradient(circle at 70% 20%,#697698,#293d5b 48%,#182832)}.builder-stage.forest{background:radial-gradient(circle at 70% 15%,#5a9b79,#294b48 45%,#172c32)}.stage-glow{position:absolute;width:170px;height:170px;border-radius:50%;right:8%;top:8%;background:#cbb9e722;filter:blur(15px)}.stage-content{position:relative;z-index:1}.stage-icon{font-size:64px;display:block;margin:18px 0}.stage-content h2{font:600 30px 'Space Grotesk';letter-spacing:-.05em;margin:0 0 5px}.stage-content p{color:#d1ddd9;font-size:13px;margin:0}.stage-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.stage-chips span{background:#11252dbb;border:1px solid #ffffff2d;border-radius:99px;padding:6px 10px;font-size:11px}.place-strip{display:flex;gap:8px;overflow:auto;padding:3px 0 11px}.place-tab{border:1px solid #ffffff1c;background:#292838;color:#c2cdca;white-space:nowrap;border-radius:11px;padding:10px 13px;font-size:12px;font-weight:700}.place-tab.active{color:#171523;background:#cbb9e7}.hint{background:#292739;border:1px solid #584867;border-radius:18px;padding:16px 17px;display:flex;gap:13px;align-items:flex-start;margin:18px 0}.hint .spark{color:#cbb9e7;font-size:20px}.hint b{font:600 16px 'Space Grotesk'}.hint p{font-size:12px;color:#b6c6bd;margin:4px 0 0;line-height:1.45}.hint button{margin-left:auto;flex:none;background:#cbb9e7;color:#171523;border:0;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:700}.blocks-list{display:grid;gap:8px}.block-row{display:flex;align-items:center;gap:12px;background:#1b202f;border:1px solid #ffffff13;border-radius:13px;padding:11px 12px}.block-icon{height:37px;width:37px;border-radius:9px;background:#3f3550;display:grid;place-items:center;font-size:19px;flex:none}.block-text{min-width:0;flex:1}.block-text b{display:block;font-size:13px}.block-text small{display:block;color:#9aa9a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{border:0;background:transparent;color:#aebdb7;font-size:18px;padding:8px}.builder-actions{position:sticky;bottom:0;z-index:5;background:linear-gradient(transparent,#0d101a 20%);padding:22px 0 max(12px,env(safe-area-inset-bottom));display:flex;gap:9px}.builder-actions .btn:first-child{flex:1}.builder-actions .btn:nth-child(2){flex:1}.sheet-wrap{position:fixed;inset:0;background:#061017b7;z-index:20;display:flex;align-items:end;justify-content:center}.sheet{background:#1b202f;border:1px solid #ffffff22;border-radius:23px 23px 0 0;padding:8px 20px max(22px,env(safe-area-inset-bottom));width:min(100%,600px);max-height:91dvh;overflow:auto;box-shadow:0 -30px 80px #0006}.handle{height:4px;width:36px;border-radius:6px;background:#657872;margin:3px auto 20px}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet h2{font:600 27px 'Space Grotesk';letter-spacing:-.05em;margin:0 0 4px}.sheet p{font-size:13px;color:#b1c0ba;line-height:1.45}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:22px 0}.option{min-height:91px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:8px;padding:15px;text-align:left;background:#2a3b40;border:1px solid #ffffff1b;border-radius:14px;color:#f1f6ed;font-weight:700;font-size:13px}.option:hover,.option.selected{border-color:#cbb9e7;background:#34483f}.option .emoji{font-size:23px}.option small{color:#aab9b2;font-weight:400}.form-label{display:block;color:#d4e0d6;font-size:12px;font-weight:700;margin:18px 0 8px}.field{width:100%;border:1px solid #61716b;border-radius:11px;background:#12232a;color:#f7f8f1;padding:13px 14px;min-height:48px}.field::placeholder{color:#83958e}textarea.field{min-height:100px;resize:vertical}.sheet-actions{display:flex;gap:8px;margin-top:20px}.sheet-actions .btn{flex:1}.filter-row{display:flex;gap:8px;overflow:auto;margin:16px 0}.filter{border:1px solid #ffffff20;border-radius:99px;background:#2d293c;color:#d4e1da;padding:9px 13px;white-space:nowrap;font-size:12px}.filter.active{background:#cbb9e7;color:#171523}.sound-list{display:grid;gap:7px;max-height:40dvh;overflow:auto}.sound-item{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #ffffff12;background:#28393e;border-radius:11px;color:white;text-align:left;padding:10px}.sound-item strong{flex:1;font-size:13px}.sound-item small{color:#aabbb3}.sound-item .add{color:#cbb9e7;font-size:21px}.audio-status{color:#cbb9e7;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.play-screen{min-height:calc(100dvh - 78px);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative;overflow:hidden;padding:35px 20px 65px}.play-screen:before{content:'';position:absolute;width:min(86vw,460px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#8b609d4f,#394e5d50 55%,transparent 70%);animation:breathe 5s infinite alternate}.play-screen.space:before{background:radial-gradient(circle,#909acb70,#344b7450 55%,transparent 70%)}.play-screen.haunted:before{background:radial-gradient(circle,#bc876d70,#4a3b5650 55%,transparent 70%)}@keyframes breathe{to{transform:scale(1.18);opacity:.6}}.play-main{position:relative;z-index:1;width:min(100%,560px)}.play-main .world-emoji{font-size:80px;display:block;margin:28px}.play-main h1{font:600 clamp(42px,7vw,65px)/1 'Space Grotesk';letter-spacing:-.07em;margin:7px 0}.play-main p{color:#b9c7c1;line-height:1.55}.play-actions{display:grid;gap:9px;margin:30px auto 0;max-width:380px}.play-actions .btn{width:100%}.play-top{position:absolute;top:22px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;z-index:2}.play-top button{border:1px solid #ffffff29;background:#263840a8;border-radius:99px;color:#f1f6ed;padding:10px 14px}.transcript{margin:22px auto 0;max-width:430px;padding:14px;background:#1e3136a8;border:1px solid #ffffff22;border-radius:13px;font-style:italic;color:#e6f2e6}.celebrate{color:#cbb9e7}.publish-card{border:1px solid #6e8b6a;border-radius:21px;background:radial-gradient(circle at 90% 0,#3c5845,#22363a 65%);padding:25px;margin:25px 0}.publish-card h2{font:600 27px 'Space Grotesk';letter-spacing:-.05em}.share-url{overflow-wrap:anywhere;background:#10242a;border-radius:10px;padding:13px;color:#cbb9e7;font-size:12px;margin:15px 0}.notice{font-size:12px;color:#a8b9b0;line-height:1.5}.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:#cbb9e7;color:#171523;padding:12px 18px;border-radius:99px;font-size:12px;font-weight:700;z-index:50;box-shadow:0 10px 30px #0007;white-space:nowrap}.empty{padding:25px;text-align:center;color:#b4c3bb;background:#1c2c31;border-radius:16px}.footer{border-top:1px solid #ffffff14;color:#7f918e;padding:28px 0;font-size:12px}.world-card .kit-art{height:190px}.world-card .kit-body{padding:19px}.world-meta{display:flex;justify-content:space-between;align-items:center;color:#aab9b1;font-size:11px;margin:15px 0}.tabbar{display:none}@media(max-width:700px){.shell{padding:0 16px}.top{height:64px}.toplinks .nav:not(.primary){display:none}.toplinks .nav.primary{padding:9px 13px;font-size:11px}.brand{font-size:17px}.home-hero{margin-top:8px;min-height:625px;align-items:flex-start;padding:39px 24px}.hero-content h1{font-size:clamp(57px,16vw,88px);margin:20px 0}.lead{font-size:15px;max-width:310px}.hero-art{width:100%;height:320px;right:-17%;top:50%;opacity:.75}.orb{width:300px}.orbit-label{display:none}.hero-actions{position:relative;z-index:4}.grid{grid-template-columns:1fr}.kit{display:flex;min-height:135px}.kit .kit-art{height:auto;width:35%;flex:none;font-size:44px}.kit .kit-body{padding:16px;flex:1}.kit-body h3{font-size:19px}.kit-body p{margin-bottom:10px}.picker{grid-template-columns:1fr}.picker .kit-art{height:auto}.steps{grid-template-columns:1fr}.step{padding:15px 4px}.subtle-section{padding:30px 0 75px}.section-head{margin-top:32px}.inner{padding:10px 16px 96px}.page-title{font-size:43px}.builder-stage{min-height:245px;margin-top:16px}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:#142229;border-top:1px solid #ffffff19;justify-content:space-around;padding:8px 8px max(8px,env(safe-area-inset-bottom))}.tabbar button{border:0;background:none;color:#9baea6;font-size:10px;font-weight:700;display:grid;gap:3px;place-items:center;width:27%}.tabbar button span{font-size:20px}.tabbar button.active{color:#cbb9e7}.with-tabs{padding-bottom:82px}.builder-actions{bottom:58px}.play-screen{min-height:calc(100dvh - 64px)}}

/* Whisperworld palette: navy, violet, teal and wine over warm white. */
:root{color:#f6f3f0;background:#0d101a}.brandmark{border-color:#b5acd5;color:#d7c6eb}.nav.primary,.btn.lime,.kit-footer button,.hint button,.place-tab.active,.filter.active{background:linear-gradient(135deg,#d6c1e8,#a7ccd3);color:#181827;border-color:#bcb3d8}.eyebrow,.audio-status,.spark,.celebrate{color:#b9d7df}.hero-content h1 em{color:#d4c2e8}.hero-art{filter:hue-rotate(5deg)}.home-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 95%,#692f4d65,transparent 40%);pointer-events:none}.kit-art.haunted{background:radial-gradient(circle at 67% 37%,#b57793 0 5%,#5d3f69 6% 17%,#26253f 49%,#1b1b2e 100%)}.kit-art.space{background:radial-gradient(circle at 60% 40%,#b2cddd 0 8%,#607b9d 9% 16%,#343255 34%,#161b2c 70%)}.kit-art.forest{background:radial-gradient(circle at 53% 37%,#a8c6c6 0 6%,#497b84 15%,#2b4e59 44%,#1b2635 90%)}.builder-stage.haunted{background:radial-gradient(circle at 70% 15%,#804b72,#37324e 45%,#191c2c)}.builder-stage.space{background:radial-gradient(circle at 70% 20%,#566b8f,#2a3058 48%,#151a2d)}.builder-stage.forest{background:radial-gradient(circle at 70% 15%,#397e8c,#2b465b 45%,#141c2e)}.sheet,.kit,.world-card,.block-row{border-color:#d0b4dd24}.btn.ghost{border-color:#c2a9cd77}.hint{background:linear-gradient(125deg,#2c2940,#1c3541)}.stage-glow{background:#bb8cc948}

/* Cinematic world menu, with original scenery and large touch-first choices. */
:root{color:#f8f5f1;background:#0b1020}
body{background:radial-gradient(circle at 75% 0,#1c213a 0,#0b1020 46%)}
.shell{max-width:1300px}
.top{height:84px;border-bottom:1px solid #ffffff14}
.brand{font-size:18px;letter-spacing:-.045em;text-transform:uppercase}
.brandmark{border:0;background:linear-gradient(135deg,#efa392,#84c7cb);color:#151625;font-size:25px;border-radius:50%;width:34px;height:34px}
.nav{font-size:13px;letter-spacing:.025em}
.eyebrow{color:#9bd5d2;font-size:12px;letter-spacing:.15em}
.btn{border-radius:9px;min-height:54px;letter-spacing:.035em;font-size:13px;text-transform:uppercase;background:#242b3c;border-color:#ffffff34}
.btn.lime,.nav.primary,.hint button,.place-tab.active,.filter.active{background:linear-gradient(110deg,#f5a98f,#e5a2ba);border-color:#f1ad9c;color:#1d1925;box-shadow:0 8px 28px #a64c6460}
.btn.ghost{background:#0d172ac0;border-color:#ffffff79}
.home-hero{min-height:610px;padding:74px 6%;background:linear-gradient(100deg,#11182cf2 0,#11182ce5 43%,#281b3b99 76%),radial-gradient(circle at 77% 41%,#e98095,#654667 35%,#212744 70%);border:1px solid #ffffff2e}
.home-hero:after{background:linear-gradient(0deg,#0d1425 0,transparent 36%)}
.hero-content{max-width:660px}
.hero-content h1{font:800 clamp(76px,9.2vw,150px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.028em;text-transform:uppercase;margin:29px 0 25px;text-shadow:0 4px 22px #0005}
.hero-content h1 em{color:#f3a591}
.lead{font-size:17px;color:#e1e5e4;max-width:415px}
.hero-actions{gap:12px}
.hero-actions .btn{min-width:180px}
.hero-art{right:0;top:0;width:58%;height:100%;display:block;filter:none;opacity:.85;pointer-events:none}
.hero-disc{position:absolute;right:13%;top:17%;width:290px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffcfaa,#f09a96 48%,#bc6395 80%);box-shadow:0 0 85px #fa98aa66}
.hero-ridge{position:absolute;right:0;bottom:13%;width:100%;height:47%;background:linear-gradient(5deg,#10192d,#2e3551 80%);clip-path:polygon(0 80%,14% 68%,23% 75%,31% 53%,42% 63%,52% 38%,59% 48%,72% 35%,80% 50%,93% 29%,100% 37%,100% 100%,0 100%)}
.hero-road{position:absolute;right:0;bottom:0;width:100%;height:25%;background:linear-gradient(100deg,transparent 0 45%,#f9acaa55 46% 47%,transparent 49%),linear-gradient(#172136,#0c1526);clip-path:polygon(37% 0,65% 0,100% 100%,0 100%)}
.hero-side-note{position:absolute;z-index:3;right:23px;bottom:25px;color:#ebdfdd;font-size:11px;font-weight:700;letter-spacing:.2em;writing-mode:vertical-rl}
.section-head{margin-top:58px}
.section-head h2,.page-title{font:800 clamp(38px,5vw,62px)/.93 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.015em}
.grid{gap:18px}
.kit,.world-card{border-radius:15px;background:#161d2e;border-color:#ffffff27;transition:transform .2s,border-color .2s}
.kit:hover,.world-card:hover{transform:translateY(-3px);border-color:#d8a8ad}
.kit-art{height:265px;overflow:hidden;display:block;position:relative}
.kit-art .scene-sky{position:absolute;inset:0;background:linear-gradient(#3b335c,#945875 55%,#c67e7e)}
.kit-art .scene-glow{position:absolute;right:17%;top:15%;width:115px;height:115px;border-radius:50%;background:#f3b8ae;box-shadow:0 0 85px #eaa6ba}
.kit-art .scene-horizon{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(#2f2d4a,#101b2c);clip-path:polygon(0 40%,20% 59%,36% 32%,54% 53%,68% 20%,100% 45%,100% 100%,0 100%)}
.kit-art .scene-subject{position:absolute;left:34%;bottom:11%;height:44%;width:34%;background:#111827;clip-path:polygon(0 32%,50% 0,100% 32%,92% 32%,92% 100%,8% 100%,8% 32%);box-shadow:0 15px 30px #0008}
.kit-art.space .scene-sky{background:radial-gradient(circle at 60% 35%,#4e608a,#2d3c65 38%,#121b35 85%)}
.kit-art.space .scene-glow{right:16%;top:16%;width:154px;height:154px;background:radial-gradient(circle at 38% 32%,#f8c6b1,#9e7fbd 48%,#3a5681 80%);box-shadow:0 0 55px #8798d855}
.kit-art.space .scene-glow:after{content:"";position:absolute;inset:38% -30%;border:8px solid #d9b9c0a9;border-radius:50%;transform:rotate(-22deg)}
.kit-art.space .scene-horizon{background:linear-gradient(#19253f,#10172b);clip-path:polygon(0 65%,28% 59%,38% 49%,61% 44%,75% 58%,100% 43%,100% 100%,0 100%)}
.kit-art.space .scene-subject{left:8%;bottom:14%;width:44%;height:14%;background:#26344f;clip-path:polygon(0 60%,55% 0,100% 32%,100% 70%,68% 100%,0 90%)}
.kit-art.forest .scene-sky{background:linear-gradient(#163a53,#3b6d76 55%,#899a91)}
.kit-art.forest .scene-glow{right:20%;top:10%;width:112px;height:112px;background:#f1c6a8;box-shadow:0 0 75px #d5b2a3}
.kit-art.forest .scene-horizon{height:65%;background:linear-gradient(#294956,#0d2635);clip-path:polygon(0 40%,8% 24%,14% 54%,22% 18%,29% 45%,36% 11%,44% 57%,53% 20%,63% 57%,73% 10%,81% 50%,91% 20%,100% 47%,100% 100%,0 100%)}
.kit-art.forest .scene-subject{left:46%;bottom:-10%;width:8%;height:70%;background:#102532;clip-path:none;box-shadow:-89px 15px 0 -11px #142b3a,91px 0 0 -13px #142b3a}
.scene-index{position:absolute;left:16px;top:14px;background:#0c1326b5;border:1px solid #ffffff52;padding:7px 10px;border-radius:3px;color:#fff;font-weight:700;font-size:11px;letter-spacing:.15em}
.kit-body{padding:23px}
.kit-body h3,.world-card h3{font:800 31px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.kit-body p,.world-card p{color:#c0c8cd;font-size:14px;min-height:40px}
.kit-body .btn{margin-top:7px}
.steps{gap:24px}
.step{border-top:2px solid #df9f9e}
.step b{color:#f4ab98;font:800 37px 'Barlow Condensed',Impact,sans-serif}
.inner{max-width:820px}
.builder-top{margin-top:13px}
.builder-top h1{font:800 37px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.builder-stage{display:flex;align-items:flex-end;min-height:340px;background:linear-gradient(0deg,#101a2c 0,#14203955 50%),radial-gradient(circle at 70% 30%,#b8739a,#28344c 60%);padding:23px 25px}
.builder-stage:before{content:"";position:absolute;right:9%;top:10%;width:150px;aspect-ratio:1;background:#f6c0aa;border-radius:50%;box-shadow:0 0 70px #f5a69a77;opacity:.65}
.builder-stage:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:#131e2dbb;clip-path:polygon(0 65%,19% 40%,35% 55%,51% 20%,67% 47%,86% 17%,100% 42%,100% 100%,0 100%);z-index:0}
.builder-stage.space:before{background:#b7bfe8;box-shadow:0 0 80px #95c0df}
.builder-stage.forest:before{background:#e1c6b5;box-shadow:0 0 80px #add4ce}
.stage-content{width:100%;z-index:2}
.stage-icon,.stage-glow{display:none}
.stage-content h2{font:800 44px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.stage-content p{font-size:14px}
.stage-chips span{background:#0d172aeb;font-size:12px}
.place-tab{font-size:13px;min-height:45px}
.hint{background:#1f2638;border-color:#ffffff38}
.hint b{font-size:17px}
.hint p{font-size:13px}
.hint button{min-height:44px;padding:10px 15px}
.block-row{background:#1a2333}
.block-text b{font-size:14px}
.block-text small{font-size:12px}
.icon-btn{min-width:40px;min-height:40px}
.builder-actions{gap:10px}
.builder-actions .btn{font-size:12px}
.sheet{background:#171e30}
.option,.sound-item{background:#232e41}
.option{font-size:15px}
.option small{font-size:12px}
.pill{background:#304454;color:#cce5e1}
.play-screen{background:radial-gradient(circle at 50% 25%,#754468,#262842 45%,#0c1324 85%)}
.play-screen.space{background:radial-gradient(circle at 50% 25%,#596d97,#273252 45%,#0c1324 85%)}
.play-screen.forest{background:radial-gradient(circle at 50% 25%,#42828a,#254b56 45%,#0c1727 85%)}
.play-screen:before{width:min(90vw,520px);background:radial-gradient(circle,#ffbea05b,#ae78905b 45%,transparent 72%)}
.play-screen:after{content:"";position:absolute;inset:auto 0 0;height:33%;background:#101b2ca8;clip-path:polygon(0 47%,17% 35%,31% 53%,51% 27%,68% 43%,82% 16%,100% 31%,100% 100%,0 100%);pointer-events:none}
.play-main{z-index:2}
.world-emoji{display:none}
.play-main h1{font:800 clamp(58px,9vw,94px)/.83 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:28px 0 18px}
.play-main p{font-size:15px}
.play-actions .btn{min-height:56px}
.transcript{background:#121c30df;font-style:normal;font-size:15px}
.tabbar{background:#11192b}
@media(max-width:700px){
 .top{height:66px}.brand{font-size:16px}
 .home-hero{min-height:635px;padding:35px 22px;align-items:flex-start}
 .hero-content{max-width:100%}
 .hero-content h1{font-size:clamp(67px,17vw,92px);margin:25px 0 22px}
 .hero-content .lead{font-size:15px;max-width:315px}
 .hero-actions{gap:9px;flex-direction:column;align-items:flex-start}
 .hero-actions .btn{min-width:185px}
 .hero-art{width:100%;right:-13%;top:42%;height:60%;opacity:.69}
 .hero-disc{width:190px;right:23%;top:0}
 .hero-side-note{display:none}
 .grid{grid-template-columns:1fr}
 .kit{display:block;min-height:auto}
 .kit .kit-art{height:215px;width:100%}
 .kit .kit-body{padding:20px}
 .kit-body h3{font-size:29px}
 .kit-body p{margin-bottom:12px;min-height:0}
 .world-card .kit-art{height:210px}
 .section-head h2,.page-title{font-size:43px}
 .builder-stage{min-height:290px}
 .stage-content h2{font-size:37px}
 .play-main h1{font-size:65px}
 .builder-actions .btn{min-width:0;padding:0 11px}
}

/* Full-colour world artwork carries the scene across discovery and play. */
:root{background:#0a1020}
body{background:radial-gradient(circle at 85% 0,#293463 0,#11172c 37%,#0a1020 74%)}
.top{border-bottom-color:#ffffff24}
.home-hero{background:linear-gradient(90deg,#0a1020f2 0%,#0a1020d9 36%,#10192a55 75%),url('/images/haunted.webp') center 48%/cover;border:1px solid #ffffff45;box-shadow:0 22px 70px #02071388}
.home-hero:after{background:linear-gradient(0deg,#080e1f77,transparent 36%)}
.hero-art{display:none}
.hero-content{max-width:620px}
.hero-content h1 em{color:#ffbea0}
.lead{color:#f4ebec;text-shadow:0 2px 14px #07101c}
.kit-art,.kit-art.haunted,.kit-art.space,.kit-art.forest{background-position:center;background-size:cover}
.kit-art.haunted{background-image:url('/images/haunted.webp')}
.kit-art.space{background-image:url('/images/space.webp')}
.kit-art.forest{background-image:url('/images/forest.webp')}
.kit-art:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#0811248c);pointer-events:none}
.kit-art .scene-sky,.kit-art .scene-glow,.kit-art .scene-horizon,.kit-art .scene-subject{display:none}
.scene-index{z-index:1;background:#0a1020c9;backdrop-filter:blur(8px)}
.kit,.world-card{box-shadow:0 16px 40px #0308175c;border-color:#ffffff35}
.kit:hover,.world-card:hover{border-color:#ffb8a1}
.kit-body{background:linear-gradient(135deg,#1d2741,#161d31)}
.builder-stage,.builder-stage.haunted,.builder-stage.space,.builder-stage.forest{background-position:center;background-size:cover}
.builder-stage.haunted{background-image:linear-gradient(0deg,#091020ed,#10172c30 70%),url('/images/haunted.webp')}
.builder-stage.space{background-image:linear-gradient(0deg,#091020ed,#10172c30 70%),url('/images/space.webp')}
.builder-stage.forest{background-image:linear-gradient(0deg,#091020ed,#10172c30 70%),url('/images/forest.webp')}
.builder-stage:before,.builder-stage:after{display:none}
.play-screen,.play-screen.haunted,.play-screen.space,.play-screen.forest{background-position:center;background-size:cover;background-attachment:fixed}
.play-screen.haunted{background-image:linear-gradient(#081020cf,#081020e8),url('/images/haunted.webp')}
.play-screen.space{background-image:linear-gradient(#081020c9,#081020ec),url('/images/space.webp')}
.play-screen.forest{background-image:linear-gradient(#081020c9,#081020ec),url('/images/forest.webp')}
.play-screen:after{display:none}
.transcript{background:#0e1934ed;border-color:#ffffff40;text-align:left;line-height:1.55}
.play-main{padding:22px 0}
@media(max-width:700px){.home-hero{min-height:610px;background-position:57% center;background-image:linear-gradient(180deg,#0a1020dc 0%,#0a1020ac 51%,#0a102087 100%),url('/images/haunted.webp')}.hero-content h1{font-size:clamp(66px,16vw,90px)}.kit .kit-art{height:220px}.play-screen{background-attachment:scroll}.play-main{padding-top:65px}.transcript{font-size:15px}}
.home-hero .hero-content h1{font-size:clamp(90px,11vw,170px);letter-spacing:.015em;margin:24px 0 15px}
.home-hero .lead strong{display:inline-block;color:#ffbea0;font:800 clamp(29px,3.3vw,43px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.035em;margin-bottom:12px}
.brand{letter-spacing:.015em}
@media(max-width:700px){.home-hero .hero-content h1{font-size:clamp(73px,19vw,110px);margin:18px 0 10px}.home-hero .lead strong{font-size:31px}}
.brand span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.04;white-space:nowrap}
.brand small{font-family:'DM Sans',system-ui,sans-serif;font-size:10px;letter-spacing:.24em;color:#cbb9e7;margin-top:4px}
.toplinks .experiment{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.home-hero .hero-content h1{font-size:clamp(52px,6.4vw,91px);letter-spacing:-.035em;line-height:.95;max-width:720px}
.footer a{color:#cbb9e7;text-decoration:none;margin-left:12px}
.footer a:hover{text-decoration:underline}
@media(max-width:900px){.toplinks .experiment{display:none}}
@media(max-width:700px){.home-hero .hero-content h1{font-size:clamp(42px,10.7vw,64px);margin:20px 0 16px}.home-hero .lead{font-size:16px;max-width:330px}.home-hero{min-height:570px}.brand{font-size:14px}.brand small{font-size:9px}}
.footer{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.footer-copy{line-height:1.8}
.footer .grant-logo{display:inline-flex;flex:none;align-items:center;margin-left:0}
.grant-logo img{display:block;width:min(250px,65vw);height:auto}
@media(max-width:700px){.footer{padding-bottom:100px}.footer .grant-logo{margin-top:8px}}
.kit-art.noir{background-image:url('/images/noir.webp')}
.kit-art.empire{background-image:url('/images/empire.webp')}
.kit-art.razor{background-image:url('/images/razor.webp')}
.builder-stage.noir{background-image:linear-gradient(0deg,#091020ed,#10172c30 70%),url('/images/noir.webp')}
.builder-stage.empire{background-image:linear-gradient(0deg,#091020ed,#10172c30 70%),url('/images/empire.webp')}
.builder-stage.razor{background-image:linear-gradient(0deg,#091020ed,#10172c30 70%),url('/images/razor.webp')}
.play-screen.noir{background-image:linear-gradient(#081020c9,#081020ec),url('/images/noir.webp')}
.play-screen.empire{background-image:linear-gradient(#081020c9,#081020ec),url('/images/empire.webp')}
.play-screen.razor{background-image:linear-gradient(#081020c9,#081020ec),url('/images/razor.webp')}
.kit-art.vampire{background-image:url('/images/vampire.webp')}
.kit-art.zombie{background-image:url('/images/zombie.webp')}
.kit-art.worlds_end{background-image:url('/images/worlds_end.webp')}
.builder-stage.vampire{background-image:linear-gradient(0deg,#091020ed,#10172c30 70%),url('/images/vampire.webp')}
.builder-stage.zombie{background-image:linear-gradient(0deg,#091020ed,#10172c30 70%),url('/images/zombie.webp')}
.builder-stage.worlds_end{background-image:linear-gradient(0deg,#091020ed,#10172c30 70%),url('/images/worlds_end.webp')}
.play-screen.vampire{background-image:linear-gradient(#081020c9,#081020ec),url('/images/vampire.webp')}
.play-screen.zombie{background-image:linear-gradient(#081020c9,#081020ec),url('/images/zombie.webp')}
.play-screen.worlds_end{background-image:linear-gradient(#081020c9,#081020ec),url('/images/worlds_end.webp')}
.kit-includes{color:#cbb9e7;font-size:12px;line-height:1.5;margin:0 0 16px}
@media(max-width:700px){.kit-includes{font-size:12px}}
.block-position-label{display:grid;gap:4px;min-width:95px;color:#cbb9e7;font-size:12px;font-weight:700}.block-position{min-height:36px;width:100%;border:1px solid #ffffff38;border-radius:8px;background:#202637;color:#f5f5ed;padding:4px 8px;font:inherit}.block-position:focus-visible{outline:2px solid #cbb9e7;outline-offset:2px}@media(max-width:540px){.block-position-label{min-width:0;flex:1 1 110px;max-width:150px}.block-row{flex-wrap:wrap}.block-position{min-height:44px}}

.position-options{margin:16px 0;padding:13px 15px;border:1px solid #ffffff2b;border-radius:10px;background:#1b202f}.position-options summary,.block-position-options summary{cursor:pointer;color:#cbb9e7;font-size:13px;font-weight:700}.position-options summary strong{color:#f5f5ed}.position-options[open] .field{margin-top:8px}.block-position-options{min-width:55px}.block-position-options[open]{min-width:125px}.block-position-options .block-position-label{margin-top:7px}@media(max-width:540px){.block-position-options[open]{flex:1 1 140px}}

.audio-options{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:12px 0}.audio-options label{display:flex;align-items:center;gap:8px}.audio-options select{min-width:125px}.audio-options input[type=checkbox]{width:18px;height:18px;accent-color:#cbb9e7}

/* Keep builder rows inside the phone viewport even when dialogue is long. */
.blocks-list{grid-template-columns:minmax(0,1fr);min-width:0}
.block-row{min-width:0;max-width:100%}
.block-text{overflow:hidden}
@media(max-width:700px){
 .inner{min-width:0;width:100%}
 .builder-top>div{min-width:0}
 .builder-top h1{overflow-wrap:anywhere}
 .builder-actions{width:100%;min-width:0}
 .builder-actions .btn{flex:1 1 0;min-width:0;padding:8px 5px;text-align:center;white-space:normal;line-height:1.15;font-size:11px}
}

/* Give the kit gallery the same desktop breathing room as Explore, with aligned actions. */
.kit-page{max-width:1300px}
.kit-page .picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kit-page .picker .kit{display:flex;flex-direction:column;min-width:0}
.kit-page .picker .kit-art{height:200px;flex:none}
.kit-page .picker .kit-body{display:flex;flex-direction:column;flex:1;padding:22px}
.kit-page .picker h3{min-height:2em}
.kit-page .picker p{min-height:4.5em}
.kit-page .picker .kit-includes{min-height:3em;margin-top:auto}
.kit-page .picker .btn{margin-top:8px}
@media(max-width:900px){.kit-page .picker{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .kit-page .picker{grid-template-columns:1fr;gap:16px}
 .kit-page .picker .kit-art{height:200px;width:100%}
 .kit-page .picker h3,.kit-page .picker p,.kit-page .picker .kit-includes{min-height:0}
}

@media(max-width:700px){
 .tabbar button,.tabbar a{border:0;background:none;color:#9baea6;font-size:10px;font-weight:700;display:grid;gap:3px;place-content:center;justify-items:center;width:25%;min-width:0;text-align:center;text-decoration:none;line-height:1.15;padding:5px 2px}
 .tabbar button span,.tabbar a span{font-size:20px}
 .tabbar button.active{color:#cbb9e7}
 .toplinks .nav.primary{max-width:145px;white-space:normal;line-height:1.15;text-align:center}
}
@media(max-width:380px){.brand{font-size:12px}.brandmark{width:27px;height:27px}.top{gap:5px}.toplinks .nav.primary{max-width:125px;padding:8px 7px;font-size:10px}}

/* The builder is a workspace, so let it use the desktop canvas. */
.builder-page{max-width:1240px}
@media(max-width:700px){.builder-page{max-width:100%}}

.subtle-section{padding:52px 0 54px}
.subtle-section>.eyebrow{margin-bottom:23px}
.subtle-section .steps{gap:28px}
.subtle-section .step{padding:18px 8px 0}
.subtle-section .step h3{margin:12px 0 8px}
.subtle-section .step p{margin:0;max-width:38ch}
.grid .kit{position:relative}
.kit-sample{position:absolute;top:14px;right:14px;z-index:3;min-height:38px;padding:8px 12px;border:1px solid #ffffff70;border-radius:9px;background:#0b1226d9;color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}
.kit-sample:hover{background:#252d47}
.sheet-head .icon-btn{display:grid;place-items:center;flex:none;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:1px solid #ffffff42;border-radius:12px;background:#273148;color:#fff;font-size:27px;line-height:1}
.sheet-head .icon-btn:hover{background:#354464;border-color:#cbb9e7}
@media(max-width:700px){
 .subtle-section{padding:43px 0 56px}
 .subtle-section>.eyebrow{margin-bottom:20px}
 .subtle-section .steps{gap:24px}
 .subtle-section .step{padding:17px 4px 0}
 .kit-sample{top:12px;right:12px;min-height:40px}
}
.kit-inventory{margin:26px 0;padding:22px;border:1px solid #ffffff2e;border-radius:19px;background:linear-gradient(145deg,#26334c,#171f32)}
.kit-inventory-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:17px}
.kit-inventory-head h2{font:800 clamp(27px,3vw,36px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:6px 0}
.kit-inventory-head p{margin:5px 0;color:#bcc9d0;font-size:15px}
.kit-inventory-head>span{white-space:nowrap;color:#d9bbdc;font-size:13px}
.kit-inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.kit-inventory-item{display:flex;align-items:center;gap:11px;min-width:0;padding:11px;border:1px solid #ffffff22;border-radius:12px;background:#11182788}
.kit-inventory-item>div:nth-child(2){min-width:0;flex:1}.kit-inventory-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.kit-inventory-item small{display:block;color:#b1bdc4;font-size:12px}
.kit-inventory-actions{display:flex;gap:6px}.kit-inventory-actions button{min-height:42px;min-width:42px;padding:6px 9px;color:#f5f3f2;border:1px solid #ffffff3c;background:#2b3548;border-radius:9px}.kit-inventory-actions button:last-child{background:#e5a6aa;color:#171923;font-weight:750;border-color:transparent}
@media(max-width:700px){.kit-inventory{padding:15px}.kit-inventory-grid{grid-template-columns:1fr}.kit-inventory-head{flex-wrap:wrap}}