:root{--cream:#fbf4e6;--paper:#fffaf0;--ink:#49382b;--muted:#7e6b58;--wood:#9b6239;--wood-dark:#6f4329;--sage:#78906c;--sage-light:#dfe9d5;--gold:#e5b85c;--rose:#dca7a2;--lavender:#b8a7ca;--line:#e5d4bb;--shadow:0 24px 70px rgba(92,60,36,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Songti SC","STSong","Noto Serif SC",Georgia,serif;overflow-x:hidden}.paper-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:90;top:18px;left:50%;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 36px));padding:12px 18px;border:1px solid rgba(128,92,57,.16);border-radius:22px;background:rgba(255,250,240,.86);box-shadow:0 12px 40px rgba(83,56,35,.08);backdrop-filter:blur(14px);transform:translateX(-50%)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-leaf{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sage-light);color:var(--sage)}.brand b,.brand small{display:block}.brand b{font-size:17px;letter-spacing:2px}.brand small{margin-top:2px;color:var(--muted);font-family:system-ui,sans-serif;font-size:10px;letter-spacing:1px}.site-nav{display:flex;align-items:center;gap:8px}.site-nav a{padding:9px 13px;border-radius:14px;color:#665242;font-family:system-ui,sans-serif;font-size:13px;text-decoration:none;transition:.25s}.site-nav a:hover{background:#eaf0e1;color:#466047}.nav-toggle{display:none;border:0;background:transparent;color:var(--ink)}
.hero{position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(180deg,#e8efdf 0%,#f6ecd8 63%,#f4dfbd 100%)}.hero:after{content:"";position:absolute;z-index:1;left:-5%;right:-5%;bottom:-130px;height:260px;border-radius:50%;background:#d7c18f;box-shadow:inset 0 25px 50px rgba(255,255,255,.35)}.hero-light{position:absolute;z-index:0;left:12%;top:-10%;width:50vw;height:80vh;background:radial-gradient(ellipse at top,rgba(255,245,185,.95),rgba(255,245,185,0) 68%);transform:rotate(-13deg)}.hero-forest{position:absolute;z-index:0;top:0;bottom:0;width:35%;opacity:.66;background:radial-gradient(ellipse at center,#82936b 0 3%,transparent 4%),linear-gradient(90deg,rgba(61,78,49,.56),transparent)}.hero-forest:before,.hero-forest:after{content:"";position:absolute;top:-30%;width:55px;height:110%;border-radius:50%;background:linear-gradient(90deg,#627153,#899576,#566649)}.forest-left{left:0}.forest-left:before{left:6%;transform:rotate(4deg)}.forest-left:after{left:45%;width:34px;transform:rotate(-6deg)}.forest-right{right:0;transform:scaleX(-1)}.fireflies i{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#fff5a7;box-shadow:0 0 13px 4px #ffe97a;animation:firefly 5s ease-in-out infinite}.fireflies i:nth-child(1){left:8%;top:34%}.fireflies i:nth-child(2){left:18%;top:68%;animation-delay:-2s}.fireflies i:nth-child(3){left:35%;top:20%;animation-delay:-3.5s}.fireflies i:nth-child(4){right:32%;top:18%;animation-delay:-1s}.fireflies i:nth-child(5){right:10%;top:45%;animation-delay:-4s}.fireflies i:nth-child(6){right:19%;top:72%;animation-delay:-2.7s}.fireflies i:nth-child(7){left:52%;top:70%;animation-delay:-1.8s}.fireflies i:nth-child(8){left:44%;top:41%;animation-delay:-.7s}.hero-copy{position:absolute;z-index:5;left:max(6vw,42px);top:50%;width:min(520px,42vw);transform:translateY(-47%)}.eyebrow{margin:0 0 14px;color:#768663;font-family:system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:3px}.hero h1{margin:0;font-size:clamp(48px,5.8vw,88px);font-weight:700;line-height:1.13;letter-spacing:-3px;text-wrap:balance}.hero-intro{max-width:470px;margin:24px 0 0;color:#665746;font-size:17px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.wood-button{display:inline-flex;align-items:center;gap:30px;padding:16px 22px;border:1px solid #875331;border-radius:14px;background:linear-gradient(#ba8150,#986038);box-shadow:inset 0 2px #d7ab7c,0 6px 0 #75462a,0 12px 24px rgba(88,52,28,.18);color:#fff8e9;font-family:system-ui,sans-serif;font-weight:700;text-decoration:none;transition:.2s}.wood-button:hover{transform:translateY(-2px);box-shadow:inset 0 2px #d7ab7c,0 8px 0 #75462a,0 16px 28px rgba(88,52,28,.2)}.text-link{color:#5f664c;text-underline-offset:5px}.cottage-scene{position:absolute;z-index:4;right:6vw;bottom:10%;width:min(560px,43vw);height:570px}.cottage-roof{position:absolute;z-index:3;left:8%;right:3%;top:12%;height:160px;border-radius:50% 50% 20% 20%;background:linear-gradient(165deg,#718450,#8e9c66 55%,#607846);box-shadow:inset 0 15px 25px rgba(255,255,255,.15),0 18px 35px rgba(55,49,30,.22);transform:rotate(2deg)}.cottage-roof:after{content:"";position:absolute;inset:18px 15px;background:radial-gradient(circle at 15% 20%,#dbe2a5 0 2px,transparent 3px),radial-gradient(circle at 65% 30%,#f4e2a2 0 3px,transparent 4px);background-size:42px 38px,57px 47px}.cottage-wall{position:absolute;z-index:2;left:14%;right:10%;top:29%;bottom:5%;border:6px solid #bd8b58;border-radius:45% 45% 12% 12%;background:linear-gradient(110deg,#efd9ad,#ffe8bb 55%,#dcbf8e);box-shadow:inset 0 0 50px rgba(132,82,44,.16),0 25px 40px rgba(64,55,35,.22)}.cottage-door{position:absolute;left:39%;bottom:0;width:29%;height:62%;border:6px solid #764725;border-radius:48% 48% 4px 4px;background:repeating-linear-gradient(90deg,#a86a36 0 22px,#b7773d 23px 44px);box-shadow:inset 0 0 20px #5c351d66}.cottage-door i{position:absolute;right:14px;top:52%;width:10px;height:10px;border-radius:50%;background:#e2b85f;box-shadow:0 0 0 3px #815127}.door-heart{position:absolute;left:50%;top:15%;color:#6c4026;font-size:24px;transform:translateX(-50%)}.cottage-window{position:absolute;left:8%;top:34%;width:24%;aspect-ratio:1;border:6px solid #875830;border-radius:50% 50% 14px 14px;background:#ffe99b;box-shadow:0 0 30px #ffd873}.cottage-window:before,.cottage-window:after{content:"";position:absolute;background:#875830}.cottage-window:before{left:48%;top:0;bottom:0;width:4px}.cottage-window:after{left:0;right:0;top:48%;height:4px}.cottage-lamp{position:absolute;top:28%;width:10px;height:42px;background:#6d492c}.cottage-lamp:after{content:"";position:absolute;left:-11px;bottom:-16px;width:32px;height:28px;border-radius:50% 50% 12px 12px;background:#ffe491;box-shadow:0 0 24px 7px #ffd76e}.lamp-left{left:34%}.lamp-right{right:24%}.cottage-sign{position:absolute;z-index:6;right:-2%;top:50%;padding:10px 16px;border:4px solid #80502f;border-radius:12px;background:#c88c51;box-shadow:0 6px #704027;color:#fff4da;text-align:center;transform:rotate(3deg)}.hero-flowers{position:absolute;z-index:4;left:0;right:0;bottom:0;color:#f5d58a;font-size:30px;letter-spacing:24px;text-shadow:15px 10px #f7e6ce}.hero-tuantuan{position:absolute;z-index:7;left:-5%;bottom:-1%;width:210px;filter:drop-shadow(0 14px 12px rgba(61,47,31,.2));animation:bob 4.2s ease-in-out infinite}.scroll-note{position:absolute;z-index:8;left:50%;bottom:28px;display:flex;align-items:center;gap:10px;color:#75654f;font-family:system-ui,sans-serif;font-size:11px;letter-spacing:2px;transform:translateX(-50%)}.scroll-note span{display:block;width:1px;height:36px;background:#8e7a60;animation:scrollLine 1.8s ease-in-out infinite}
.section-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:120px 0}.section-heading{max-width:710px;margin:0 auto 50px;text-align:center}.section-heading .leaf-mark{display:block;margin-bottom:16px;color:#8aa178;font-size:32px}.section-heading h2{margin:0;font-size:clamp(38px,5vw,62px);line-height:1.2;letter-spacing:-2px}.section-heading>p:last-child{margin:20px auto 0;color:var(--muted);font-size:17px;line-height:1.9}.world{position:relative}.world-book{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:0 auto;filter:drop-shadow(0 30px 30px rgba(82,51,30,.16))}.book-page{min-height:390px;padding:58px 62px;background:#fffaf0;box-shadow:inset 0 0 45px rgba(169,114,59,.08)}.page-left{border-radius:28px 4px 4px 28px;background:linear-gradient(90deg,#f8eedc,#fffaf0 88%)}.page-right{border-radius:4px 28px 28px 4px;background:linear-gradient(270deg,#f8eedc,#fffaf0 88%)}.book-spine{position:absolute;z-index:2;left:50%;top:10px;bottom:10px;width:20px;background:linear-gradient(90deg,transparent,#aa80502b,transparent);transform:translateX(-50%)}.page-number{color:#b49168;font-size:13px;letter-spacing:2px}.book-page h3{margin:18px 0;font-size:28px}.book-page p{color:var(--muted);font-size:16px;line-height:1.85}.book-page blockquote{margin:28px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#63735d;font-size:20px;line-height:1.7}.world-list{display:grid;gap:18px;margin:26px 0 0;padding:0;list-style:none}.world-list li{display:flex;align-items:center;gap:15px;color:var(--muted);line-height:1.55}.world-list i{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7eedf;color:#62765a;font-style:normal}.world-list b{display:block;color:var(--ink);font-size:18px}
.friends{padding-top:70px}.section-heading.compact{margin-bottom:34px}.character-stage{padding:30px;border:1px solid var(--line);border-radius:36px;background:rgba(255,251,242,.78);box-shadow:var(--shadow)}.character-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.character-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:1px solid transparent;border-radius:18px;background:transparent;color:var(--muted);cursor:pointer;transition:.25s}.character-tab img{width:58px;height:58px;object-fit:contain;transition:.25s}.character-tab span{font-family:inherit;font-size:14px}.character-tab:hover img{transform:translateY(-4px)}.character-tab.active{border-color:#9cb093;background:#e7efe1;color:#4d654b;box-shadow:0 5px 0 #ceddc7}.character-card{position:relative;display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;align-items:center;min-height:470px;overflow:hidden;border-radius:28px;background:linear-gradient(125deg,#e7efdf,#f6ead8 58%,#ecd7bb)}.character-card:after{content:"";position:absolute;left:4%;right:4%;bottom:-50px;height:170px;border-radius:50%;background:#d8c196;opacity:.7}.character-glow{position:absolute;left:8%;top:5%;width:36%;height:75%;border-radius:50%;background:radial-gradient(circle,#fff9d6,transparent 68%)}.character-portrait{position:relative;z-index:2;display:grid;place-items:center;align-self:stretch}.character-portrait img{width:min(390px,88%);filter:drop-shadow(0 24px 18px rgba(88,61,39,.16));animation:bob 4.5s ease-in-out infinite}.character-copy{position:relative;z-index:3;max-width:580px;padding:60px 70px 60px 20px}.character-species{margin:0;color:#78846b;font-family:system-ui,sans-serif;font-size:13px;letter-spacing:1px}.character-copy h3{margin:14px 0 8px;font-size:58px}.character-quote{margin:0;color:#7a5540;font-size:25px}.character-story{margin:22px 0;color:#685949;font-size:17px;line-height:1.85}.character-tags{display:flex;flex-wrap:wrap;gap:8px}.character-tags span{padding:8px 13px;border:1px solid #b9c8ae;border-radius:99px;background:#f6faef;color:#5f765b;font-family:system-ui,sans-serif;font-size:12px}
.stories{padding-top:100px}.section-heading.split{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;max-width:none;text-align:left}.section-heading.split>p{margin:0}.story-shelf{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:20px}.story-card{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:0 15px 35px rgba(83,55,34,.08);cursor:pointer;transition:.3s}.story-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.story-image{position:relative;aspect-ratio:16/10;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.story-card:hover .story-image img{transform:scale(1.035)}.story-image span{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:12px;background:rgba(255,250,240,.9);color:#6a5745;font-size:12px}.story-copy{padding:24px}.story-copy small{color:#839277;font-family:system-ui,sans-serif;letter-spacing:1px}.story-copy h3{margin:10px 0;font-size:25px}.story-copy p{min-height:78px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}.story-copy button{margin-top:18px;padding:0;border:0;background:transparent;color:#66815f;font-family:inherit;font-size:14px;cursor:pointer}.story-card.featured .story-copy{padding:28px}.story-card.featured .story-copy h3{font-size:31px}.story-card.featured .story-copy p{font-size:15px}
.whisper{margin-top:50px;background:linear-gradient(150deg,#dde9d9,#f4e6d4 60%,#dfccaf);overflow:hidden}.whisper-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:70px}.whisper-copy h2{margin:0;font-size:clamp(38px,4.5vw,59px);line-height:1.22}.whisper-copy>p:not(.eyebrow){color:#665849;font-size:16px;line-height:1.85}.whisper-points{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.whisper-points span{padding:8px 12px;border:1px solid #a9ba9e;border-radius:99px;background:#f4f8ed99;color:#557051;font-family:system-ui,sans-serif;font-size:12px}.qr-reserve{display:flex;align-items:center;gap:18px;margin-top:28px}.qr-placeholder{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:76px;height:76px;padding:8px;border:1px solid #aab69e;border-radius:16px;background:#fffaf1}.qr-placeholder i{border-radius:3px;background:#829477}.qr-reserve b,.qr-reserve small{display:block}.qr-reserve small{max-width:260px;margin-top:6px;color:#7b6a59;line-height:1.5}.experience-window{overflow:hidden;border:1px solid rgba(106,78,52,.22);border-radius:30px;background:#fffaf2;box-shadow:0 35px 80px rgba(75,54,38,.2)}.window-top{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #eadac6;background:rgba(255,255,255,.5);font-family:system-ui,sans-serif;font-size:12px}.window-top span{width:10px;height:10px;border-radius:50%;background:#dda39b;box-shadow:17px 0 #e5c773,34px 0 #91ad83;margin-right:36px}.window-top b{flex:1}.window-top em{color:#8b7d6e;font-style:normal}.demo-tabs{display:flex;gap:8px;padding:14px 16px 0}.demo-tab{flex:1;padding:10px;border:0;border-radius:14px;background:#f3eadf;color:#796b5c;font-family:inherit;cursor:pointer}.demo-tab.active{background:#dce9d7;color:#4e6d4e;box-shadow:inset 0 0 0 1px #b9ccb3}.demo-screen{display:none;min-height:500px;margin:14px;padding:18px;border-radius:22px;background:#fff9ef}.demo-screen.active{display:block;animation:pageIn .45s ease both}.demo-room{position:relative;height:240px;overflow:hidden;border-radius:20px;background:linear-gradient(#dbe9e5 0 48%,#f1ddbd 49%)}.demo-room:before{content:"";position:absolute;left:8%;top:0;width:55%;height:135px;border:8px solid #fff7e9;background:linear-gradient(#cbe0e3,#fff0cb);box-shadow:inset 75px 0 #efdcc3}.demo-sun{position:absolute;right:23%;top:28px;width:48px;height:48px;border-radius:50%;background:#ffe07d;box-shadow:0 0 25px #fff2a8}.demo-rug{position:absolute;left:18%;right:8%;bottom:-75px;height:180px;border-radius:50%;background:#d7be91}.demo-room img{position:absolute;z-index:2;left:50%;bottom:2px;width:190px;transform:translateX(-50%);animation:bobCentered 4s ease-in-out infinite}.demo-card{position:relative;z-index:3;margin:-18px 18px 0;padding:22px;border:1px solid #eadac6;border-radius:22px;background:#fffdf8;box-shadow:0 10px 25px rgba(88,54,33,.1)}.demo-card small{color:#789071}.demo-card h3{margin:7px 0;font-size:24px}.demo-card p{margin:0;color:#7a6b5d;font-size:14px}.demo-message{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px;border-radius:16px;background:#edf3e9;color:#5d594f;font-size:13px}.demo-message img{width:38px;height:38px}.envelope-scene{position:relative;display:grid;place-items:center;min-height:460px;overflow:hidden;background:radial-gradient(circle at top,#f6edff,#e8dfef 50%,#d4c8e0)}.envelope{position:absolute;z-index:3;width:290px;height:185px;border-radius:10px;background:#d8bedf;box-shadow:0 20px 30px rgba(70,49,83,.25);animation:envelopeFloat 4s ease-in-out infinite}.envelope:before{content:"";position:absolute;inset:0;background:linear-gradient(32deg,transparent 49%,#ead8ef 50%) left/50% 100% no-repeat,linear-gradient(-32deg,transparent 49%,#e2cae7 50%) right/50% 100% no-repeat}.envelope span{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#b98aa9;color:#f9e9dd;transform:translate(-50%,-20%)}.letter-paper{position:absolute;z-index:2;width:330px;min-height:260px;padding:38px;border:1px solid #dec798;border-radius:8px;background:#fff3ca;box-shadow:0 15px 35px rgba(96,64,38,.18);text-align:center;transform:translateY(-90px) rotate(-2deg)}.letter-paper small{color:#9b7a56}.letter-paper h3{margin:18px 0;font-size:24px}.letter-paper p{color:#705b46;line-height:1.7}.letter-paper b{display:block;text-align:right;color:#815e45}.star-night{position:relative;display:grid;place-items:center;min-height:460px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 90%,#7c7392,#39334f 70%)}.star-night:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff6c9 0 1px,transparent 2px);background-size:35px 35px;opacity:.45}.bottle{position:absolute;bottom:55px;width:285px;filter:drop-shadow(0 18px 30px rgba(15,11,30,.45));animation:bottleBreathe 5s ease-in-out infinite}.floating-star{position:absolute;z-index:3;top:60px;width:72px;filter:drop-shadow(0 0 18px #ffe89c);animation:starDrop 4s ease-in-out infinite}.star-night p{position:absolute;z-index:4;left:0;right:0;bottom:20px;margin:0;color:#fff4dc;text-align:center}.tiny-star{position:absolute;color:#fff1a9;animation:twinkle 2.4s ease-in-out infinite}.s1{left:18%;top:18%}.s2{right:19%;top:27%;animation-delay:-1s}.s3{left:29%;top:46%;animation-delay:-1.7s}
.contact{padding-top:120px;padding-bottom:100px}.contact-card{position:relative;max-width:920px;margin:0 auto;padding:70px;border:1px solid var(--line);border-radius:36px;background:linear-gradient(145deg,#fffaf0,#f5e5ce);box-shadow:var(--shadow);text-align:center}.contact-flower{position:absolute;right:34px;top:25px;color:#d6a48e;font-size:45px;transform:rotate(18deg)}.contact-card h2{margin:0;font-size:46px}.contact-card>p:not(.eyebrow):not(.contact-note){max-width:650px;margin:18px auto;color:var(--muted);font-size:16px;line-height:1.8}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.contact-item{padding:22px;border:1px solid #e2ceb2;border-radius:20px;background:rgba(255,255,255,.55)}.contact-item small,.contact-item b{display:block}.contact-item small{color:#8a7968;font-family:system-ui,sans-serif}.contact-item b{margin-top:8px}.contact-note{color:#968575;font-family:system-ui,sans-serif;font-size:12px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:34px max(4vw,30px);border-top:1px solid var(--line);background:#f3e3cd}.site-footer b,.site-footer span{display:block}.site-footer span,.site-footer p{color:#806e5d;font-size:12px}.story-dialog{width:min(980px,calc(100% - 30px));max-height:90vh;padding:0;overflow:hidden;border:0;border-radius:28px;background:#fffaf0;box-shadow:0 35px 100px rgba(36,25,18,.35)}.story-dialog::backdrop{background:rgba(42,34,27,.68);backdrop-filter:blur(8px)}.dialog-close{position:absolute;z-index:4;right:16px;top:16px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,250,240,.9);color:#6c5948;font-size:26px;cursor:pointer}.dialog-art{height:310px}.dialog-art img{width:100%;height:100%;object-fit:cover}.dialog-copy{max-height:calc(90vh - 310px);padding:35px 55px 45px;overflow:auto}.dialog-copy small{color:#809274}.dialog-copy h2{margin:10px 0 20px;font-size:36px}.dialog-text{color:#66584a;font-size:16px;line-height:2}.dialog-text p{margin:0 0 16px}.dialog-ending{padding-top:20px;border-top:1px solid var(--line);color:#708067;font-style:italic;text-align:center}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bobCentered{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}@keyframes firefly{0%,100%{transform:translate(0,0);opacity:.25}35%{transform:translate(18px,-28px);opacity:1}70%{transform:translate(-12px,-10px);opacity:.5}}@keyframes scrollLine{0%,100%{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1)}}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes envelopeFloat{0%,100%{transform:translateY(16px)}50%{transform:translateY(26px)}}@keyframes twinkle{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes bottleBreathe{0%,100%{transform:rotate(-1deg) scale(1)}50%{transform:rotate(1deg) scale(1.025)}}@keyframes starDrop{0%,100%{transform:translateY(-8px) rotate(-8deg)}50%{transform:translateY(15px) rotate(8deg)}}
@media(max-width:900px){.site-header{top:10px}.site-nav{position:absolute;left:0;right:0;top:64px;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fffaf0}.site-nav.open{display:flex}.nav-toggle{display:block}.hero{min-height:1040px}.hero-copy{left:30px;right:30px;top:140px;width:auto;transform:none}.hero h1{font-size:52px}.cottage-scene{right:6%;bottom:50px;width:88%;height:520px}.hero-tuantuan{left:2%;width:175px}.scroll-note{display:none}.world-book{grid-template-columns:1fr}.book-page{min-height:auto}.page-left{border-radius:28px 28px 4px 4px}.page-right{border-radius:4px 4px 28px 28px}.book-spine{left:20px;right:20px;top:50%;bottom:auto;width:auto;height:20px;background:linear-gradient(180deg,transparent,#aa80502b,transparent);transform:translateY(-50%)}.character-tabs{grid-template-columns:repeat(3,1fr)}.character-card{grid-template-columns:1fr}.character-portrait{height:310px}.character-portrait img{width:280px}.character-copy{padding:30px 38px 52px}.story-shelf{grid-template-columns:1fr 1fr}.story-card.featured{grid-column:1/-1}.whisper-grid{grid-template-columns:1fr}.section-heading.split{grid-template-columns:1fr;gap:16px}.contact-actions{grid-template-columns:1fr}}
@media(max-width:600px){.site-header{width:calc(100% - 20px);padding:10px 13px}.brand small{display:none}.section-shell{width:calc(100% - 28px);padding:85px 0}.hero{min-height:930px}.hero-copy{left:22px;right:22px;top:125px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-intro{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.cottage-scene{right:-4%;bottom:30px;width:108%;height:450px}.hero-tuantuan{left:6%;width:145px}.cottage-sign{right:6%;font-size:12px}.section-heading h2{font-size:37px}.section-heading>p:last-child{font-size:15px}.book-page{padding:42px 32px}.character-stage{padding:14px;border-radius:25px}.character-tab{flex-direction:column;gap:0}.character-tab img{width:50px;height:50px}.character-card{min-height:540px}.character-copy h3{font-size:44px}.character-quote{font-size:21px}.story-shelf{grid-template-columns:1fr}.story-card.featured{grid-column:auto}.whisper-grid{gap:40px}.experience-window{border-radius:24px}.window-top em{display:none}.demo-screen{min-height:470px;margin:10px;padding:12px}.demo-room{height:210px}.letter-paper{width:280px}.envelope{width:250px}.contact-card{padding:50px 24px}.contact-card h2{font-size:36px}.site-footer{align-items:flex-start;flex-direction:column;gap:15px}.dialog-art{height:220px}.dialog-copy{max-height:calc(90vh - 220px);padding:28px 24px}.dialog-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* v2: balanced typography, illustrated hero, single-volume storybook */
h1,h2,h3{line-break:strict;overflow-wrap:normal;text-wrap:balance;word-break:auto-phrase}.section-heading h2,.whisper-copy h2,.contact-card h2{max-width:18ch;margin-inline:auto}.section-heading.split h2{margin-inline:0}.section-heading p,.book-intro p,.whisper-copy>p{max-width:48rem;text-wrap:pretty}.hero{background:#e8ddbc}.hero-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(255,249,231,.94) 0%,rgba(255,249,231,.79) 25%,rgba(255,249,231,.25) 48%,rgba(255,249,231,0) 68%),linear-gradient(180deg,rgba(46,55,31,.06),transparent 55%,rgba(78,59,33,.2))}.hero-light,.hero-forest{display:none}.hero-copy{width:min(575px,44vw);padding:34px;border:1px solid rgba(255,255,255,.38);border-radius:32px;background:rgba(255,250,239,.36);box-shadow:0 24px 80px rgba(91,67,36,.12);backdrop-filter:blur(4px)}.hero h1{font-size:clamp(50px,5.35vw,84px);line-height:1.16;letter-spacing:-2px}.hero-character{position:absolute;z-index:6;right:25.5%;bottom:4.5%;display:grid;justify-items:center}.hero-character span{margin-bottom:-5px;padding:8px 15px;border:1px solid rgba(118,76,40,.22);border-radius:999px;background:rgba(255,249,230,.88);box-shadow:0 8px 25px rgba(71,50,30,.15);color:#67482f;font-size:12px;letter-spacing:1px}.hero-tuantuan{position:relative;left:auto;bottom:auto;width:150px;filter:drop-shadow(0 15px 14px rgba(62,43,24,.24))}.scroll-note{z-index:7}

.storybook-showcase{display:grid;grid-template-columns:minmax(310px,520px) minmax(300px,1fr);align-items:center;gap:clamp(50px,8vw,120px);padding:70px clamp(24px,6vw,80px);border:1px solid var(--line);border-radius:38px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9),transparent 45%),linear-gradient(135deg,#efe5d0,#fbf5e9 58%,#e4ebdc);box-shadow:var(--shadow)}.book-cover{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;overflow:hidden;border:0;border-radius:10px 24px 24px 10px;background:#6d4934;box-shadow:-14px 16px 0 #74503a,0 35px 65px rgba(75,50,31,.28);color:#fff;cursor:pointer;transform:perspective(1200px) rotateY(7deg) rotateZ(-1deg);transition:transform .35s ease,box-shadow .35s ease}.book-cover:before{content:"";position:absolute;z-index:5;left:0;top:0;bottom:0;width:24px;background:linear-gradient(90deg,#523421,#8b6041 45%,#4b3020);box-shadow:5px 0 12px rgba(31,20,13,.24)}.book-cover:hover{transform:perspective(1200px) rotateY(2deg) rotateZ(0) translateY(-8px);box-shadow:-8px 12px 0 #74503a,0 42px 75px rgba(75,50,31,.32)}.book-cover>img{width:100%;height:100%;object-fit:cover}.book-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,36,20,.05),rgba(47,28,16,.15) 45%,rgba(50,28,14,.78))}.book-ribbon{position:absolute;z-index:4;right:22px;top:22px;padding:8px 12px;border-radius:99px;background:rgba(255,248,226,.9);color:#6f533a;font-size:11px;letter-spacing:1px}.book-cover-copy{position:absolute;z-index:4;left:52px;right:28px;bottom:42px;text-align:left}.book-cover-copy small,.book-cover-copy b,.book-cover-copy em{display:block}.book-cover-copy small{margin-bottom:11px;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:2.5px}.book-cover-copy b{font-size:clamp(31px,3vw,46px);line-height:1.22;text-wrap:balance}.book-cover-copy em{margin-top:13px;color:#f5e5cb;font-size:13px;font-style:normal}.book-spine-title{position:absolute;z-index:6;left:4px;top:50%;color:#f2d8a9;font-size:11px;font-style:normal;letter-spacing:5px;writing-mode:vertical-rl;transform:translateY(-50%)}.book-intro{max-width:500px}.book-number{color:#839176;font-family:system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:3px}.book-intro h3{margin:15px 0 18px;font-size:clamp(32px,3.6vw,50px);line-height:1.25}.book-intro p{color:var(--muted);font-size:16px;line-height:1.9}.book-open-button{margin-top:17px;font-size:14px}.book-intro>small{display:block;margin-top:20px;color:#8b7b6c;font-family:system-ui,sans-serif}

.mini-launch{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;width:100%;max-width:390px;margin-top:20px;padding:14px 17px;border:1px solid #a9ba9e;border-radius:17px;background:rgba(255,255,255,.55);color:#536c50;text-align:left}.mini-launch>span{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dce8d5}.mini-launch b,.mini-launch small{display:block}.mini-launch small{color:#7b8974}.mini-launch.is-pending{cursor:not-allowed;opacity:.78}

.clean-bottle{position:absolute;left:50%;bottom:44px;width:280px;aspect-ratio:1;transform:translateX(-50%);animation:bottleBreatheCentered 5s ease-in-out infinite}.clean-bottle .bottle{position:absolute;z-index:3;inset:0;width:100%;filter:drop-shadow(0 18px 28px rgba(15,11,30,.32));animation:none}.bottle-star{position:absolute;z-index:2;width:76px;filter:drop-shadow(0 0 12px rgba(255,224,151,.8));animation:twinkleSoft 3.2s ease-in-out infinite}.bs1{left:51px;bottom:48px;transform:rotate(-9deg)}.bs2{right:52px;bottom:55px;width:68px;animation-delay:-1.1s}.bs3{left:104px;bottom:103px;width:61px;animation-delay:-2s}.star-night p{bottom:18px}.floating-star{display:none}

.story-dialog{width:min(1020px,calc(100% - 28px));max-height:92vh}.storybook-reader{background:#fffaf0}.reader-page{transform-origin:left center}.reader-page.turn-next{animation:readerNext .48s ease both}.reader-page.turn-prev{animation:readerPrev .48s ease both}.reader-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 28px 20px;border-top:1px solid var(--line);background:#f8eddc}.reader-controls button{padding:11px 16px;border:1px solid #cbb89d;border-radius:14px;background:#fffaf1;color:#6d5947;font-family:inherit;cursor:pointer}.reader-controls button:last-child{justify-self:end}.reader-controls button:disabled{cursor:not-allowed;opacity:.38}.reader-progress{min-width:70px;color:#718069;font-family:system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-align:center}.dialog-copy{max-height:calc(92vh - 382px)}

@keyframes bottleBreatheCentered{0%,100%{transform:translateX(-50%) rotate(-1deg) scale(1)}50%{transform:translateX(-50%) rotate(1deg) scale(1.025)}}@keyframes twinkleSoft{0%,100%{opacity:.72}50%{opacity:1;filter:drop-shadow(0 0 18px #ffe7a5)}}@keyframes readerNext{0%{opacity:.35;transform:perspective(1200px) rotateY(-7deg) translateX(14px)}100%{opacity:1;transform:none}}@keyframes readerPrev{0%{opacity:.35;transform:perspective(1200px) rotateY(7deg) translateX(-14px)}100%{opacity:1;transform:none}}

@media(max-width:900px){.hero-art{object-position:63% center}.hero-shade{background:linear-gradient(180deg,rgba(255,249,231,.92) 0%,rgba(255,249,231,.7) 39%,rgba(255,249,231,.05) 68%,rgba(62,44,27,.22))}.hero-copy{left:24px;right:24px;top:120px;width:auto;max-width:640px;padding:28px}.hero-character{right:19%;bottom:3%}.storybook-showcase{grid-template-columns:minmax(250px,410px) 1fr;gap:40px;padding:50px 35px}.book-cover-copy b{font-size:32px}}
@media(max-width:700px){.section-heading h2,.whisper-copy h2,.contact-card h2{max-width:14ch}.hero h1{font-size:clamp(39px,11.5vw,53px);letter-spacing:-1.5px}.hero-intro{max-width:31ch}.hero-character{right:8%;bottom:2%}.hero-character span{display:none}.hero-tuantuan{width:122px}.storybook-showcase{grid-template-columns:1fr;gap:52px;padding:38px 22px}.book-cover{width:min(88%,390px);margin:0 auto}.book-intro{text-align:center}.book-intro p{margin-inline:auto}.book-open-button{margin-inline:auto}.clean-bottle{width:245px}.dialog-copy{max-height:calc(92vh - 322px)}.reader-controls{padding:12px 14px 16px}.reader-controls button{padding:10px 11px;font-size:12px}}

/* headline orphan control */
.keep-together{white-space:nowrap}.section-heading h2,.whisper-copy h2,.contact-card h2{max-width:14em}.section-heading.split h2{max-width:13em}.book-intro h3 span{display:block}
@media(max-width:700px){.section-heading h2,.whisper-copy h2,.contact-card h2{max-width:12em}}

/* v3: make 萌鼠悄悄话 the primary experience; refine bottle and collected letter */
.whisper-featured{position:relative;margin-top:110px;border-top:1px solid rgba(112,133,95,.2);border-bottom:1px solid rgba(112,133,95,.18);background:radial-gradient(circle at 78% 28%,rgba(255,255,255,.72),transparent 28%),linear-gradient(145deg,#d6e5d2 0%,#f6ead8 54%,#e1caac 100%)}
.whisper-featured:before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.42);border-radius:46px;pointer-events:none}
.whisper-featured .section-shell{width:min(1260px,calc(100% - 48px));padding-top:135px;padding-bottom:135px}
.whisper-featured .whisper-grid{grid-template-columns:minmax(330px,.78fr) minmax(560px,1.32fr);gap:clamp(58px,7vw,108px)}
.whisper-featured .whisper-copy{position:relative;z-index:2}
.whisper-featured .whisper-copy h2{max-width:11em;margin-inline:0;font-size:clamp(42px,4.8vw,66px)}
.whisper-featured .experience-window{transform:translateY(4px);box-shadow:0 42px 100px rgba(71,53,39,.24)}
.stories{padding-top:140px}

.letter-collection{position:relative;display:grid;place-items:center;min-height:460px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.86),transparent 40%),linear-gradient(145deg,#e4eee0,#f4e8dd 54%,#ded2e8)}
.letter-collection:before,.letter-collection:after{content:"✦";position:absolute;color:rgba(169,132,102,.42);font-size:18px}
.letter-collection:before{left:8%;top:10%}.letter-collection:after{right:8%;bottom:11%;font-size:13px}
.letter-sheet{position:absolute;z-index:1;left:50%;top:48%;width:min(520px,90%);height:330px;filter:drop-shadow(0 22px 26px rgba(95,71,46,.17));transform:translate(-50%,-50%) rotate(-1deg)}
.letter-copy{position:relative;z-index:2;width:min(360px,68%);padding:32px 24px 38px;text-align:center;transform:translateY(-8px)}
.letter-copy small{color:#9a7959;font-family:system-ui,sans-serif;font-size:11px;letter-spacing:1px}.letter-copy h3{margin:18px 0 14px;color:#554130;font-size:clamp(24px,2.4vw,32px)}.letter-copy p{margin:0;color:#705b46;font-size:15px;line-height:1.8}.letter-copy b{display:block;margin-top:18px;color:#815e45;font-size:13px;text-align:right}
.letter-envelope{position:absolute;z-index:3;right:6%;bottom:4%;width:132px;filter:drop-shadow(0 14px 18px rgba(91,57,44,.2));transform:rotate(7deg)}
.letter-date{position:absolute;z-index:3;left:6%;top:5%;padding:7px 10px;border:1px solid rgba(130,101,77,.18);border-radius:99px;background:rgba(255,251,241,.78);color:#8b765f;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:1px}

.star-night{background:radial-gradient(circle at 50% 84%,#82799b 0%,#46405c 64%,#322d47 100%)}
.clean-bottle{bottom:43px;width:315px;aspect-ratio:1231/1278}
.clean-bottle .bottle{height:100%;object-fit:contain}
.bottle-star{z-index:2}.clean-bottle .bottle{z-index:3}
.bs1{left:57px;bottom:66px;width:82px}.bs2{right:58px;bottom:72px;width:74px}.bs3{left:119px;bottom:127px;width:66px}

@media(max-width:1000px){.whisper-featured .whisper-grid{grid-template-columns:1fr}.whisper-featured .whisper-copy{max-width:760px}.whisper-featured .experience-window{width:min(760px,100%);margin-inline:auto}}
@media(max-width:700px){.whisper-featured{margin-top:70px}.whisper-featured:before{inset:10px;border-radius:28px}.whisper-featured .section-shell{width:calc(100% - 28px);padding-top:95px;padding-bottom:95px}.whisper-featured .whisper-copy h2{font-size:clamp(38px,11vw,50px)}.letter-collection{min-height:420px}.letter-sheet{width:96%;height:300px}.letter-copy{width:77%;padding:30px 10px 44px}.letter-copy h3{font-size:25px}.letter-copy p{font-size:13px}.letter-envelope{right:2%;bottom:4%;width:105px}.letter-date{left:4%;top:4%}.clean-bottle{bottom:48px;width:270px}.bs1{left:48px;bottom:56px;width:70px}.bs2{right:49px;bottom:60px;width:64px}.bs3{left:102px;bottom:107px;width:58px}}

/* v4: clearer product positioning and overflow-safe typography */
section[id]{scroll-margin-top:112px}
.hero-actions{flex-wrap:wrap;gap:18px 24px}
.hero-mini-entry{gap:13px;max-width:390px;padding:12px 16px;text-align:left}
.hero-mini-entry .mini-entry-icon{display:grid;flex:0 0 40px;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,250,231,.18);font-size:19px}
.mini-entry-copy{display:block;min-width:0}.mini-entry-copy small,.mini-entry-copy b{display:block}.mini-entry-copy small{margin-bottom:3px;color:#f2dec7;font-family:system-ui,sans-serif;font-size:10px;font-weight:500;letter-spacing:.4px}.mini-entry-copy b{font-size:14px;line-height:1.35;white-space:normal}
.book-page p,.book-page blockquote,.world-list span{overflow-wrap:anywhere;text-wrap:pretty}
.whisper-subtitle{max-width:35em!important;margin:20px 0 10px!important;color:#4e604b!important;font-size:16px!important;font-weight:650;line-height:1.8!important;text-wrap:pretty}
.whisper-subtitle+p{margin-top:0}
.contact-item a{display:block;margin-top:8px;color:var(--ink);font-weight:700;text-decoration-color:#99aa8f;text-underline-offset:5px;overflow-wrap:anywhere}
.contact-item a:hover{color:#587055}
.window-top b,.demo-tab,.demo-card,.letter-copy,.star-night p{overflow-wrap:anywhere}

@media(max-width:600px){.hero{min-height:970px}.hero-mini-entry{width:100%;max-width:360px}.hero-actions .text-link{margin-left:4px}.book-page{padding:40px 28px}.book-page blockquote{font-size:18px}.world-list li{align-items:flex-start}.world-list i{margin-top:2px}.whisper-subtitle{font-size:15px!important}.contact-item a{font-size:14px}.demo-tabs{gap:5px}.demo-tab{padding:10px 5px;font-size:13px}.window-top{padding-right:14px}.window-top b{min-width:0}}
@media(max-width:380px){.hero-copy{left:14px;right:14px;padding:24px 20px}.hero h1{font-size:38px}.mini-entry-copy b{font-size:13px}.letter-copy{width:82%}.letter-envelope{width:92px}.clean-bottle{width:250px}.star-night p{font-size:14px}}

/* v5: keep the desktop hero card centered after the reveal animation */
@media(min-width:901px){
  .hero{min-height:max(100svh,760px)}
  .hero-copy.reveal{transform:translateY(calc(-47% + 28px))}
  .hero-copy.reveal.visible{transform:translateY(-47%)}
}
@media(max-width:900px){
  .hero-copy.reveal{transform:translateY(28px)}
  .hero-copy.reveal.visible{transform:none}
}

/* v6: official mini-game launch showcase */
.game-launch{position:relative;overflow:hidden;border-top:1px solid rgba(131,105,70,.16);border-bottom:1px solid rgba(131,105,70,.16);background:radial-gradient(circle at 8% 18%,rgba(255,255,255,.8),transparent 27%),radial-gradient(circle at 88% 68%,rgba(205,226,191,.7),transparent 30%),linear-gradient(155deg,#f7ecd7 0%,#eef2dd 52%,#e2d0ae 100%)}
.game-launch:before,.game-launch:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.game-launch:before{right:-150px;top:-160px;width:430px;height:430px;border:1px solid rgba(118,146,91,.18);box-shadow:0 0 0 38px rgba(255,255,255,.12),0 0 0 78px rgba(255,255,255,.08)}
.game-launch:after{left:-80px;bottom:80px;width:220px;height:220px;background:radial-gradient(circle,#fff8d6 0 4px,transparent 5px);background-size:34px 34px;opacity:.36}
.game-launch .section-shell{position:relative;z-index:1;width:min(1240px,calc(100% - 48px));padding-top:125px;padding-bottom:125px}
.game-launch-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);align-items:end;gap:clamp(45px,7vw,100px);margin-bottom:48px}
.game-launch-heading .eyebrow{margin-bottom:12px}
.launch-pill{display:inline-flex;align-items:center;margin-bottom:18px;padding:7px 13px;border:1px solid rgba(143,94,48,.22);border-radius:999px;background:rgba(255,248,227,.72);color:#8b5f39;font-family:system-ui,sans-serif;font-size:12px;font-weight:750;letter-spacing:1px}
.launch-pill:before{content:"";width:7px;height:7px;margin-right:8px;border-radius:50%;background:#da9f5a;box-shadow:0 0 0 4px rgba(218,159,90,.18)}
.game-launch-heading h2{max-width:13ch;margin:0;font-size:clamp(42px,5.2vw,70px);line-height:1.17;letter-spacing:-2px;text-wrap:balance}
.game-launch-heading>p{margin:0;color:#665b4f;font-size:17px;line-height:1.95;text-wrap:pretty}
.game-main-preview,.game-activity-preview{margin:0;overflow:hidden;border:1px solid rgba(116,83,48,.22);background:#fff9ec;box-shadow:0 30px 80px rgba(91,66,39,.18)}
.game-main-preview{border-radius:32px}
.game-window-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid rgba(132,98,60,.16);background:rgba(255,250,238,.94);font-family:system-ui,sans-serif}
.game-window-bar>span{width:9px;height:9px;border-radius:50%;background:#d4b38c}.game-window-bar>span:nth-child(2){background:#dbca8d}.game-window-bar>span:nth-child(3){background:#a9bd8e}
.game-window-bar b{margin-left:8px;color:#5f4a39;font-size:13px}.game-window-bar em{margin-left:auto;color:#978472;font-size:11px;font-style:normal;letter-spacing:1px}
.game-main-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.game-content-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:28px;margin-top:28px}
.game-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.game-feature-grid article{position:relative;min-height:195px;padding:28px;border:1px solid rgba(125,102,68,.17);border-radius:25px;background:rgba(255,251,241,.72);box-shadow:0 16px 40px rgba(99,76,45,.08);backdrop-filter:blur(8px)}
.game-feature-grid i{display:block;margin-bottom:25px;color:#9aaa82;font-family:system-ui,sans-serif;font-size:11px;font-style:normal;font-weight:800;letter-spacing:2px}
.game-feature-grid h3{margin:0 0 9px;font-size:25px}.game-feature-grid p{margin:0;color:#6e6255;font-size:14px;line-height:1.75;text-wrap:pretty}
.game-activity-preview{position:relative;border-radius:26px}.game-activity-preview img{display:block;width:100%;height:100%;min-height:408px;object-fit:cover}
.game-activity-preview figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:17px 19px;border:1px solid rgba(255,255,255,.54);border-radius:18px;background:rgba(255,250,235,.88);box-shadow:0 13px 36px rgba(74,52,33,.18);backdrop-filter:blur(12px)}
.game-activity-preview figcaption b,.game-activity-preview figcaption span{display:block}.game-activity-preview figcaption b{font-size:18px}.game-activity-preview figcaption span{margin-top:5px;color:#746555;font-size:12px;line-height:1.65}
.game-launch-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;padding:27px 30px;border:1px solid rgba(127,99,63,.18);border-radius:26px;background:rgba(255,250,238,.7);box-shadow:0 18px 45px rgba(91,68,42,.08)}
.game-launch-footer small,.game-launch-footer b{display:block}.game-launch-footer>div>small{color:#88987b;font-family:system-ui,sans-serif;font-size:10px;font-weight:800;letter-spacing:2px}.game-launch-footer b{margin-top:7px;font-size:22px}.game-launch-footer p{margin:8px 0 0;color:#77695a;font-size:13px;line-height:1.7}
.game-code-reserve{display:flex;flex:0 0 168px;align-items:center;justify-content:center;gap:11px;min-height:72px;border:1px dashed #a98e6e;border-radius:18px;background:rgba(255,255,255,.48);color:#78634f}.game-code-reserve span{font-size:30px}.game-code-reserve small{color:#78634f!important;line-height:1.5;letter-spacing:.5px!important}
@media(max-width:980px){.game-launch-heading{grid-template-columns:1fr;gap:25px}.game-launch-heading>p{max-width:760px}.game-content-grid{grid-template-columns:1fr}.game-activity-preview img{min-height:0;aspect-ratio:3/2}.game-feature-grid article{min-height:175px}}
@media(max-width:700px){.game-launch .section-shell{width:calc(100% - 28px);padding-top:90px;padding-bottom:90px}.game-launch-heading{margin-bottom:34px}.game-launch-heading h2{font-size:clamp(38px,11vw,52px);letter-spacing:-1.3px}.game-launch-heading>p{font-size:15px}.game-main-preview{border-radius:22px}.game-window-bar{padding:11px 13px}.game-window-bar b{font-size:11px}.game-window-bar em{display:none}.game-feature-grid{grid-template-columns:1fr}.game-feature-grid article{min-height:0;padding:24px}.game-feature-grid i{margin-bottom:16px}.game-activity-preview img{aspect-ratio:4/3}.game-launch-footer{align-items:flex-start;flex-direction:column;padding:24px}.game-code-reserve{flex-basis:auto;width:100%}}