@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#101524;--navy-deep:#080e1d;--ink:#f7f0e5;--muted:#bcb3b0;--gold:#e4bf86;--gold-soft:#e8cda3;--gold-dark:#8b613c;--line:rgba(228,191,134,.18);--glass:rgba(13,18,34,.75);--font-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--font-sans:'DM Sans',Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#0a1021;color:var(--ink);font-family:var(--font-sans);font-size:14px;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid #f2d4a6;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.background-winter{position:fixed;inset:0;pointer-events:none;background:url('assets/moyo-winter-ambience.webp') center center/cover no-repeat;z-index:-4;opacity:1}
.background-winter:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 75% at 50% 46%,rgba(5,7,20,.42),transparent 90%),linear-gradient(0deg,rgba(7,10,25,.73),transparent 34%,rgba(5,8,19,.17))}
.background-grain{position:fixed;inset:0;z-index:-2;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E")}
.ambient-lights{position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 34% 37% at 82% 22%,rgba(187,118,89,.075),transparent),radial-gradient(ellipse 25% 27% at 9% 30%,rgba(117,106,196,.07),transparent)}
.site-shell{max-width:1900px;margin:auto;min-height:100vh;display:flex;flex-direction:column;padding:0 clamp(17px,3.6vw,72px)}
.site-header{height:96px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(224,191,156,.15);gap:24px;flex-shrink:0}
.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand-symbol{font-size:24px;color:var(--gold);text-shadow:0 0 18px rgba(247,208,137,.5)}.brand-word{font-family:var(--font-serif);font-weight:500;font-size:37px;letter-spacing:.13em;line-height:1;color:#f2d6aa;text-shadow:0 1px 20px rgba(232,173,108,.26)}.brand-divider{width:1px;height:26px;background:var(--line);margin:0 5px}.brand-subtitle{font-size:9px;letter-spacing:.22em;color:#c6b4a6;font-weight:600}.header-center{font-family:var(--font-serif);font-size:12px;letter-spacing:.27em;color:#d3c1ad;display:flex;gap:18px;align-items:center}.tiny-star{font-size:10px;color:var(--gold)}.header-actions{display:flex;gap:8px}.header-button{border:1px solid rgba(240,213,173,.17);color:#e4d5c5;padding:10px 14px;background:rgba(12,20,34,.31);border-radius:3px;font-size:11px;letter-spacing:.03em;display:flex;align-items:center;gap:9px;transition:.2s}.header-button:hover{background:rgba(221,183,132,.1);border-color:rgba(236,205,162,.5)}.header-button .sym{font-family:var(--font-serif);font-size:19px;line-height:13px;color:var(--gold)}
.workshop{display:grid;grid-template-columns:minmax(212px,1fr) minmax(360px,2.15fr) minmax(324px,365px);flex:1;min-height:670px;gap:clamp(16px,2vw,35px);align-items:center;padding:34px 0 25px}.story-panel{align-self:center;padding-bottom:55px;position:relative;z-index:1}.eyebrow,.panel-overline,.modal-eyebrow{font-size:10px;font-weight:600;letter-spacing:.24em;color:var(--gold);display:flex;gap:12px;align-items:center;white-space:nowrap}.fine-rule{width:21px;height:1px;background:var(--gold)}.story-panel h1{font-family:var(--font-serif);font-size:clamp(50px,4.65vw,86px);font-weight:400;line-height:.93;letter-spacing:-.03em;margin:29px 0 28px;text-wrap:balance}.story-panel h1 em{font-weight:400;color:#f5ce98;text-shadow:0 0 35px rgba(221,178,119,.16)}.story-copy{font-family:var(--font-serif);font-size:clamp(20px,1.5vw,25px);line-height:1.42;color:#ded3ce;max-width:275px;font-style:italic}.story-decoration{color:var(--gold);display:flex;align-items:center;gap:12px;width:215px;margin:42px 0 29px}.story-decoration .story-line{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(237,205,158,.64),transparent)}.story-stat{display:flex;gap:9px;align-items:center;flex-direction:column;width:max-content;color:rgba(222,213,200,.68);letter-spacing:.13em;font-size:9px}.story-stat strong{font-family:var(--font-serif);font-size:21px;color:var(--gold);font-weight:400;letter-spacing:.12em}
.stage{height:min(780px,calc(100vh - 166px));min-height:600px;display:flex;flex-direction:column;position:relative;align-self:stretch}.stage-heading{display:flex;align-items:center;justify-content:center;gap:15px;font-size:9px;letter-spacing:.28em;color:rgba(238,213,183,.7);padding:7px 0 5px;white-space:nowrap}.stage-heading-line{height:1px;width:40px;background:linear-gradient(90deg,transparent,rgba(226,196,152,.5))}.stage-heading-line:last-child{transform:rotate(180deg)}.stage-frame{position:relative;min-height:0;flex:1;isolation:isolate;touch-action:none;cursor:grab}.stage-frame:active{cursor:grabbing}.stage-aura{position:absolute;z-index:-1;left:5%;right:5%;top:8%;bottom:2%;background:radial-gradient(ellipse at 50% 48%,rgba(96,122,177,.2),transparent 55%),radial-gradient(ellipse at 50% 76%,rgba(243,176,97,.19),transparent 45%);filter:blur(19px)}.stage-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 16% 16%,rgba(255,248,218,.85) 80%,transparent),radial-gradient(1px 1px at 81% 27%,rgba(255,248,218,.8) 80%,transparent),radial-gradient(2px 2px at 66% 8%,rgba(255,248,218,.6) 40%,transparent),radial-gradient(1px 1px at 30% 68%,rgba(255,248,218,.5) 60%,transparent),radial-gradient(2px 2px at 83% 78%,rgba(255,240,220,.65) 40%,transparent)}#globeCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:0;touch-action:none;z-index:2}.stage-tip{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);color:rgba(242,227,203,.75);font-size:10px;letter-spacing:.055em;display:flex;align-items:center;gap:9px;z-index:4;white-space:nowrap;pointer-events:none;text-shadow:0 2px 8px rgba(1,4,9,.9)}.tip-icon{border:1px solid rgba(237,213,176,.42);border-radius:100%;width:24px;height:24px;display:grid;place-items:center;color:var(--gold);font-size:16px}.stage-side-tools{position:absolute;right:8px;top:39%;display:flex;flex-direction:column;gap:7px;z-index:5}.stage-side-tools button{border:1px solid rgba(237,203,165,.23);width:36px;height:36px;border-radius:50%;background:rgba(9,15,27,.44);backdrop-filter:blur(10px);color:var(--gold-soft);font-size:19px}.stage-side-tools button:hover{background:rgba(222,175,109,.18)}.stage-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(216,191,153,.12);padding:14px 7px 6px;color:#e2c9a6;gap:10px}.globe-name{font-size:10px;letter-spacing:.19em}.stage-status{font-size:10px;color:#c4c3c6;display:flex;align-items:center;gap:7px;letter-spacing:.04em}.status-dot{width:5px;height:5px;background:#d3c087;border-radius:50%;box-shadow:0 0 9px #d4bf86}
.editor-panel{background:linear-gradient(146deg,rgba(29,31,44,.92),rgba(10,15,30,.89) 56%,rgba(16,23,40,.89));border:1px solid rgba(233,205,169,.22);box-shadow:0 20px 60px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.06);border-radius:7px;padding:22px;align-self:center;max-height:min(790px,calc(100vh - 146px));min-height:520px;display:flex;flex-direction:column;position:relative;overflow:hidden}.editor-panel:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(229,180,118,.67),transparent)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-overline{font-size:9px;color:var(--gold)}.panel-header h2{font-family:var(--font-serif);font-size:32px;font-weight:400;line-height:1.1;margin:8px 0 16px}.panel-charm{font-size:40px;color:var(--gold);font-family:var(--font-serif);font-weight:300;align-self:center}.panel-tabs{border-bottom:1px solid rgba(227,193,148,.21);display:flex;gap:0}.panel-tabs .tab{flex:1;border:0;border-bottom:2px solid transparent;padding:11px 8px 12px;background:none;color:#a9a8b4;font-size:11px;letter-spacing:.03em;transition:.2s}.panel-tabs .tab:hover{color:#f3dfc0}.panel-tabs .tab.active{border-bottom-color:var(--gold);color:#f4d9b2}.tab-panel{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(199,164,117,.5) transparent;flex:1;min-height:0;padding:14px 1px 8px}.tab-panel::-webkit-scrollbar{width:5px}.tab-panel::-webkit-scrollbar-thumb{background:rgba(199,164,117,.45);border-radius:9px}.panel-hint{color:#bcb7b8;font-size:11px;line-height:1.55;margin:0 0 20px}.category-label{font-size:9px;letter-spacing:.19em;color:var(--gold-soft);display:flex;justify-content:space-between;gap:10px;margin-bottom:11px}.category-label span:last-child{color:#948b8c}.decor-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.decor-card{background:linear-gradient(160deg,rgba(236,215,177,.055),rgba(54,65,78,.15));border:1px solid rgba(229,198,164,.16);border-radius:4px;min-height:112px;padding:11px 7px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#f1e3d3;transition:background .18s,border-color .18s,transform .18s}.decor-card:hover{background:rgba(229,198,164,.14);border-color:rgba(229,198,164,.55);transform:translateY(-2px)}.decor-illustration{height:43px;font-family:Georgia,serif;font-size:42px;line-height:43px;display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));color:#ddc197}.cottage-icon{font-size:51px;color:#d9ad7c}.pine-icon{color:#95b7aa;transform:scaleX(.75)}.snowman-icon{font-size:44px;color:#f6fbff}.mountain-icon{font-size:37px;color:#c7cbdc}.lantern-icon{font-size:40px;color:#dec18b}.gift-icon{font-size:34px}.deer-icon{font-size:48px;color:#c19d76}.star-icon{color:#f9d494}.decor-card>span:nth-child(2){font-family:var(--font-serif);font-size:17px}.decor-card small{font-size:9px;color:#a9a9b3}.selection-editor{border:1px solid rgba(227,192,143,.36);border-radius:4px;background:rgba(186,151,103,.075);margin-top:13px;padding:11px}.selection-heading{display:flex;justify-content:space-between;gap:6px;align-items:center;font-family:var(--font-serif);font-size:19px;color:#f2dbb4}.selection-heading button{color:#d8a9a0;background:none;border:0;font-size:10px;white-space:nowrap}.object-actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:6px;margin-top:9px}.object-actions button{padding:9px 2px;background:rgba(218,187,142,.08);border:1px solid rgba(230,204,159,.24);border-radius:3px;color:#dfd1bc;font-size:10px}.object-actions button:hover{background:rgba(229,196,144,.2)}.editor-note{margin:17px 0 0;display:flex;align-items:flex-start;gap:8px;font-size:10px;line-height:1.55;color:#a4a6b2}.editor-note>span{color:#e3bb7f}
.panel-footer{border-top:1px solid rgba(224,191,156,.19);padding-top:17px;flex-shrink:0}.shake-button{width:100%;background:linear-gradient(113deg,#af814e,#efcf9e 40%,#c5945d 74%,#9f7145);border:1px solid #edd4ae;box-shadow:0 8px 20px rgba(208,150,84,.19),inset 0 1px rgba(255,255,255,.42);padding:15px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#30201a;font-size:11px;font-weight:700;letter-spacing:.085em;border-radius:3px;transition:filter .2s,transform .2s}.shake-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.shake-button:active{transform:translateY(0)}.shake-spark{font-size:19px}.shake-arrow{font-size:23px;font-weight:400;line-height:13px}.motion-note{text-align:center;color:#a8a8ad;font-size:9px;margin-top:13px;letter-spacing:.03em}.motion-enable{display:block;margin:10px auto 0;color:var(--gold);border:0;background:none;text-decoration:underline;font-size:10px}
.mood-choices{display:grid;gap:10px}.mood-card{border:1px solid rgba(220,192,155,.22);border-radius:4px;background:rgba(232,215,190,.04);display:flex;align-items:center;text-align:left;gap:12px;padding:10px;color:#e9dac9}.mood-card:hover,.mood-card.selected{border-color:rgba(239,204,145,.72);background:rgba(212,176,123,.1)}.mood-swatch{flex:0 0 53px;height:53px;border-radius:3px;display:grid;place-items:center;font-family:var(--font-serif);font-size:30px;color:#ffe9be}.midnight-swatch{background:linear-gradient(145deg,#122743,#3b3353 80%)}.golden-swatch{background:linear-gradient(145deg,#914f41,#dfb47b)}.frost-swatch{background:linear-gradient(145deg,#a2bed0,#465c86)}.mood-card>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}.mood-card strong{font-family:var(--font-serif);font-size:20px;font-weight:500;line-height:1}.mood-card small{color:#a9aabb;font-size:10px}.mood-check{color:#e9c795;font-size:14px;opacity:0}.mood-card.selected .mood-check{opacity:1}.space-label{margin-top:22px}.range-line{display:flex;justify-content:space-between;font-size:10px;color:#aaa9b4;margin-bottom:8px}input[type=range]{width:100%;accent-color:#d8b482}.name-input{width:100%;border:1px solid rgba(222,196,163,.27);background:rgba(0,0,0,.22);border-radius:3px;color:#f8e9d3;padding:12px;font-family:var(--font-serif);font-size:19px}.name-input::placeholder{color:#9693a1}.field-help{color:#97959d;font-size:10px;line-height:1.5}.finish-crest{height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:31px;color:#e7c28d;text-shadow:0 0 20px rgba(234,198,141,.35);gap:0}.finish-crest span{font-size:32px;letter-spacing:.26em}.finish-crest small{font-family:var(--font-sans);letter-spacing:.18em;font-size:8px;color:#aaa3a4}.finish-action{display:flex;text-align:left;gap:12px;align-items:center;padding:12px 10px;width:100%;margin-bottom:8px;background:rgba(227,197,156,.055);border:1px solid rgba(224,195,160,.19);border-radius:4px;color:#f0e0ce}.finish-action:hover{background:rgba(216,177,129,.14)}.finish-action>span:first-child{color:#e9c18f;font-family:var(--font-serif);font-size:28px;width:34px;text-align:center}.finish-action>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.finish-action strong{font-family:var(--font-serif);font-size:20px;font-weight:400}.finish-action small{font-size:10px;color:#a5a1ab}.text-action{background:none;border:0;color:#d3b892;text-align:center;text-decoration:underline;display:block;margin:15px auto 0;font-size:10px}.subtle-action{color:#9e9aa6;margin-top:12px}
.site-footer{height:58px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(226,204,175,.13);font-size:10px;letter-spacing:.11em;color:#bcb0aa;flex-shrink:0;gap:14px}.footer-ornament{font-family:var(--font-serif);font-size:14px;color:#d9bc8d;letter-spacing:.1em}.site-footer a:hover{color:var(--gold)}
.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,25px);opacity:0;transition:transform .24s,opacity .24s;background:rgba(21,26,42,.95);border:1px solid rgba(237,202,154,.52);box-shadow:0 15px 40px rgba(0,0,0,.38);border-radius:4px;color:#eedaaf;padding:12px 19px;font-size:12px;text-align:center;z-index:70;pointer-events:none;max-width:calc(100vw - 20px)}.toast.show{transform:translate(-50%,0);opacity:1}.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(2,5,14,.72);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.modal{position:relative;max-width:530px;width:100%;border:1px solid rgba(230,197,152,.36);background:linear-gradient(145deg,#23283a,#101725);padding:clamp(25px,4vw,42px);box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal:before{content:'';position:absolute;inset:9px;border:1px solid rgba(226,186,139,.13);pointer-events:none}.modal-close{position:absolute;right:16px;top:15px;background:none;border:none;font-size:16px;color:#b9adab}.modal h2{font-family:var(--font-serif);font-size:43px;font-weight:400;color:#e6c08d;margin:16px 0}.modal p{line-height:1.75;color:#d7c9c3;font-size:13px}.modal-okay{display:block;background:linear-gradient(110deg,#b88954,#ead0a6);border:0;padding:14px 19px;color:#1d1b22;font-size:11px;letter-spacing:.12em;font-weight:700;margin-top:24px}
/* Elegant still illustration visible before the 3D engine loads */
.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1;pointer-events:none;transition:opacity .55s}.scene-fallback.hidden{opacity:0}.fallback-globe{width:min(76%,520px);aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 35% 28%,rgba(245,253,255,.3),transparent 30%),radial-gradient(circle at 50% 62%,#7487a8,#242c48 67%,#171e33);border:3px solid rgba(206,225,249,.45);box-shadow:inset 0 0 34px rgba(255,255,255,.2),inset -25px -17px 45px rgba(7,10,22,.7),-3px -6px 32px rgba(231,218,206,.24),0 0 0 8px rgba(182,199,218,.035)}.fallback-sky{position:absolute;inset:0}.fallback-sky .moon{position:absolute;top:14%;right:20%;height:13%;width:13%;border-radius:50%;background:#fff0c8;box-shadow:0 0 27px rgba(255,244,196,.75)}.distant-mountain{position:absolute;bottom:26%;left:2%;width:105%;height:47%;background:linear-gradient(140deg,#c4c5d8,#4a587b 54%);clip-path:polygon(0 100%,24% 37%,34% 61%,56% 6%,80% 68%,100% 31%,100% 100%);opacity:.65}.pine{position:absolute;bottom:21%;width:13%;height:37%;background:linear-gradient(90deg,#254e55,#7ea6a2 40%,#2b454b);clip-path:polygon(50% 0,95% 34%,72% 34%,100% 63%,79% 63%,100% 93%,3% 93%,23% 63%,0 63%,28% 34%,10% 34%);filter:drop-shadow(3px 3px 5px #161d2d)}.pine-a{left:15%}.pine-b{left:67%;height:42%}.pine-c{left:77%;height:30%}.cabin{position:absolute;left:33%;bottom:23%;width:36%;height:24%;background:linear-gradient(135deg,#aa7756,#5f3d40);box-shadow:7px 4px 15px rgba(0,0,0,.4)}.cabin .roof{position:absolute;left:-10%;right:-10%;top:-51%;height:72%;background:linear-gradient(#f5f7fb,#946b64 36%,#6e4141);clip-path:polygon(0 100%,50% 0,100% 100%)}.cabin .door{position:absolute;bottom:0;left:40%;width:20%;height:50%;background:#342739}.cabin .window{position:absolute;top:28%;width:16%;height:24%;background:#ffe3a5;box-shadow:0 0 20px 4px rgba(255,211,124,.75)}.cabin .w1{left:13%}.cabin .w2{right:13%}.snow-ground{position:absolute;bottom:-12%;left:-10%;width:125%;height:41%;background:linear-gradient(#dce8f3,#a6b9d5);border-radius:55% 55% 0 0}.fallback-shine{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 28% 20%,rgba(255,255,255,.27),transparent 25%),linear-gradient(115deg,rgba(255,255,255,.37),transparent 27% 74%,rgba(224,240,255,.22));box-shadow:inset 12px 9px 20px rgba(248,251,255,.15);pointer-events:none}.fallback-base{width:min(64%,460px);height:17%;min-height:70px;max-height:135px;margin-top:-3.5%;background:linear-gradient(90deg,#6e4e36,#d5a76d 25%,#8e603c 50%,#e3b77e 75%,#634126);border-radius:12% 12% 25% 25%/12% 12% 40% 40%;box-shadow:0 16px 25px rgba(0,0,0,.42);display:grid;place-items:center}.fallback-plaque{border:1px solid #ebd3a5;padding:8px 38px;font-family:var(--font-serif);font-size:16px;letter-spacing:.3em;color:#fce7b9;background:linear-gradient(#815e45,#6b462f)}
@media(max-width:1320px){.site-shell{padding:0 28px}.workshop{grid-template-columns:minmax(160px,.66fr) minmax(350px,1.6fr) minmax(300px,330px);gap:14px}.story-panel h1{font-size:clamp(48px,4.8vw,69px)}.story-copy{font-size:20px}.editor-panel{padding:18px}.decor-card{min-height:100px}.stage{height:min(720px,calc(100vh - 155px))}.site-header{height:85px}}
@media(max-width:1060px){.header-center{display:none}.workshop{grid-template-columns:minmax(0,1fr) 340px;gap:15px}.story-panel{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding-bottom:0}.story-panel h1{font-size:48px;margin:0}.story-panel h1 br{display:none}.story-panel .eyebrow,.story-panel .story-decoration,.story-panel .story-stat{display:none}.story-copy{max-width:420px;margin:0;font-size:19px}.stage{height:610px;min-height:520px}.editor-panel{max-height:640px}.site-header{height:76px}.site-footer{height:64px}}
@media(max-width:750px){.site-shell{padding:0 13px}.site-header{height:65px}.brand{gap:7px}.brand-word{font-size:29px}.brand-symbol{font-size:19px}.brand-divider{height:21px;margin:0}.brand-subtitle{font-size:7px;letter-spacing:.1em}.header-button{padding:8px 10px}.header-button .sym{font-size:18px}.desktop-only{display:none}.workshop{display:flex;flex-direction:column;gap:5px;padding:21px 0 12px;min-height:auto}.story-panel{display:block;width:100%;text-align:center;order:0}.story-panel h1{font-size:42px;line-height:1.03;margin:0}.story-panel h1 br{display:none}.story-panel h1 em{margin:0 5px}.story-copy{display:none}.stage{order:1;align-self:stretch;width:100%;height:min(540px,121vw);min-height:365px}.stage-heading{font-size:8px;letter-spacing:.15em;margin:6px 0 0}.stage-heading-line{width:20px}.stage-bottom{padding:5px 5px 8px}.stage-tip{bottom:20px;font-size:9px}.stage-side-tools{right:5px}.stage-side-tools button{width:31px;height:31px;font-size:16px}.editor-panel{order:2;align-self:stretch;width:100%;max-height:none;min-height:0;padding:19px 17px 17px;margin-top:11px}.panel-header h2{font-size:29px;margin:5px 0 12px}.panel-hint{margin-bottom:15px}.tab-panel{overflow:visible;max-height:none}.decor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.decor-card{min-height:105px;padding:8px 3px}.decor-illustration{font-size:32px;height:35px;line-height:35px}.cottage-icon{font-size:40px}.decor-card>span:nth-child(2){font-size:14px}.decor-card small{font-size:8px;text-align:center}.editor-note{margin-top:13px}.panel-footer{margin-top:8px}.shake-button{padding:14px}.site-footer{height:70px;flex-wrap:wrap;justify-content:center;column-gap:30px;row-gap:3px;padding:11px 0}.footer-ornament{order:-1;width:100%;text-align:center}.scene-fallback .fallback-globe{width:min(80%,360px)}.scene-fallback .fallback-base{width:min(70%,315px)}.finish-crest{height:80px}}
@media(max-width:410px){.brand-subtitle{display:none}.brand-divider{display:none}.story-panel h1{font-size:36px}.stage{height:110vw;min-height:340px}.stage-tip{font-size:8px;bottom:18px}.globe-name{font-size:9px}.stage-status{font-size:9px}.decor-card{min-height:97px}.decor-card>span:nth-child(2){font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.story-panel .title-last{display:block;font-size:.8em;white-space:nowrap;letter-spacing:-.025em;margin-top:.07em}
@media(max-width:1060px){.story-panel .title-last{display:inline;font-size:.95em}}
@media(max-width:750px){.stage-tip{display:none}}