/* One shared lake scene keeps the public website in the app's visual world. */
:root{--gold:#edcb88;--ink:#fff5df;--muted:#e0d9c9;--line:#ebc78045;--shadow:0 18px 48px #020a0e45}
body{position:relative;isolation:isolate;background:#102027;color:var(--ink)}
body::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b151a45,#17232555 50%,#08181e70),url('website-assets/property-lake.webp') center 60%/cover no-repeat}
body::after{content:"";position:fixed;z-index:-1;inset:42% -8% -8%;pointer-events:none;background:radial-gradient(ellipse at 24% 67%,#ffe0a633,transparent 35%),repeating-radial-gradient(ellipse at 65% 130%,transparent 0 34px,#e9cb8810 36px,transparent 40px 68px);mask-image:linear-gradient(transparent,#000 45%,transparent);animation:lakeLight 18s ease-in-out infinite alternate;opacity:.7}
@keyframes lakeLight{from{transform:translate3d(-1%,0,0) scaleX(1.01);opacity:.4}to{transform:translate3d(1%,8px,0) scaleX(1.04);opacity:.8}}
.website-still::after{animation:none;opacity:0}.website-still .btn::before,.website-still .cta::before,.website-still .donation-card a::before,.website-still .merch-coming::after,.website-still .portal-btn::after{animation-play-state:paused}
.site-header{background:#162021eb;border-color:#edcb8840}.site-header .logo{color:#f7db9e!important;font-style:normal}.nav-links a{color:#f8e8c5}.hero{border-bottom:1px solid #eac37955}.hero::after{background:linear-gradient(90deg,#111c23df,#111c2385 40%,transparent 78%),linear-gradient(0deg,#152329c9,transparent 30%)}
.section,.section.white,#about,#resources,.donate,.website-reddit,.games-preview,.arcade-doorway{position:relative;width:calc(100% - 40px);max-width:1500px;margin:28px auto;padding:64px 0;background:linear-gradient(120deg,#1d211cb8,#10212bba 65%,#272016a3);border:1px solid #edcb8838;border-radius:30px;color:var(--ink);box-shadow:0 14px 60px #0002;overflow:clip}
.section>.wrap{width:min(1120px,calc(100% - 64px))}.section h2{color:#ffe3a8;font-weight:400}.section .eyebrow{color:#f1cf8c;letter-spacing:.2em}.section .lead,.games-preview-copy .lead,.arcade-doorway .lead,.donate .lead{color:#e7e0d1}.section p{line-height:1.75}.games-preview::before{display:none}
.card,.resource,.donation-card,.family-story,.merch-logo-card,.arcade-doorway-grid,.ask-room-panel,.full-app-portal,.app-callout{background:linear-gradient(135deg,#e8cb8120,#0c1c248f);border:1px solid #edcb8850;border-radius:22px;box-shadow:inset 0 1px 0 #fff5,0 12px 28px #0002;backdrop-filter:none}
.card h3,.donation-card h3,.resource h3,.merch-logo-card h3,.full-app-portal h3{color:#ffe4ae}.card p,.resource-body p,.app-callout p,.family-story p,.merch-logo-card p{color:#e8dfcc}.card:hover{background:linear-gradient(135deg,#e8cb8130,#102630a0)}.card-icon,.mini-room-icon{color:#edcb88}.founder-copy .founder-promise{background:#e4c07810;border-color:#edcb88;font-weight:400}.family-story{padding:28px}.photo-card,.games-preview-art,.arcade-doorway-art,.merch-logo-card img,.room-card{border-color:#edcb8866}.mini-room{background:linear-gradient(145deg,#b99a5524,#10232cbd);border-color:#edcb8855}.mini-room small{color:#e4d2ac}
.btn-primary,.nav-links .cta,.donation-card a,.app-callout .btn{color:#292315;background:linear-gradient(140deg,#ffeac0,#c99d53);border-color:#ffdf9c}.btn-secondary,.shelf-actions a{background:linear-gradient(135deg,#e4c68028,#1a333a90);border:1px solid #f2d69c65;color:#fff0ce;box-shadow:inset 0 1px 0 #ffedb847}.ask-room-input{background:#10232bd9;color:#fff2d7;border-color:#edcb8870}.ask-room-input::placeholder{color:#c4bdaf}.ask-suggestion{color:#f8e8c5;background:#e4c68015;border-color:#edcb8860}.ask-answer,.ask-no-match{background:#122831;color:#f8ebd1;border-color:#e9c37b}.ask-answer h3{color:#ffe4ac}.ask-privacy,.ask-safety{color:#e3d3b7}.footer{background:#101d23c9;border-color:#edcb8835;color:#e1d7c5}
/* The support shelf becomes an airy, keyboard-accessible glass collection. */
.bookshelf{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:26px;margin-top:34px;padding:28px;border:1px solid #edcb885c;border-radius:26px;background:linear-gradient(135deg,#f1d18e17,#10252e66);box-shadow:inset 0 1px 0 #fff4,0 20px 50px #0002}
.bookshelf::before,.bookshelf::after,.wood-shelf{display:none}.bookshelf-top{grid-column:1/-1;justify-content:flex-start;margin:0;color:#efd59c;font:500 .73rem Arial,sans-serif;letter-spacing:.2em}.bookshelf-top span{padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none}
.book-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;min-height:0;padding:0;overflow:visible}
.book,.book-start,.book-now,.book-calm,.book-family,.book-survivor,.book-story{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0;width:auto;height:auto;min-height:130px;padding:18px;border:1px solid #e9cf9755;border-radius:19px;color:#fff2d5;background:linear-gradient(145deg,#e6c57b25,#15303b9c);box-shadow:inset 0 1px 0 #fff5,0 6px 18px #0002;transform:none;overflow:hidden;transition:border-color .2s,background .2s}
.book::before{content:"";position:absolute;inset:70% -35% -50%;height:auto;border:1px solid #ffe5ab60;border-radius:50%;background:linear-gradient(180deg,#f5dc9d18,#d9b46025);pointer-events:none}.book::after{content:"↗";position:absolute;left:auto;right:14px;top:12px;bottom:auto;width:auto;height:auto;border:0;background:none;color:#e1c586;font:1rem Arial,sans-serif}
.book span{position:relative;display:block;margin:0;writing-mode:horizontal-tb;transform:none;font:500 .95rem/1.35 Arial,sans-serif;letter-spacing:0;color:#fff0cc;text-shadow:none;text-align:left}.book svg{position:relative;width:31px;height:31px;color:#f1d593;filter:drop-shadow(0 2px 6px #e8ca7338);flex-shrink:0}.book:hover,.book:focus-visible{transform:none;filter:none;background:linear-gradient(145deg,#edcf8a40,#173d499c);outline-offset:3px}.book.is-selected{transform:none;border-color:#f7db94;background:linear-gradient(145deg,#d9b36166,#405a5266);box-shadow:inset 0 1px 0 #fff8,0 0 0 1px #f5d58a60,0 8px 22px #0002}
.book-now{background:linear-gradient(145deg,#e5b99430,#352d329c)}.book-family{background:linear-gradient(145deg,#d0a99130,#3034429c)}.book-story{background:linear-gradient(145deg,#f1cc7e35,#42433080)}
.shelf-reader{margin:0;max-width:none;min-height:0;padding:30px;border:1px solid #edcb8845;border-radius:20px;background:linear-gradient(150deg,#21363cba,#0c1d25c9);color:#f9edcf;box-shadow:inset 0 1px 0 #fff2;display:flex;align-items:center}.shelf-panel{grid-template-columns:1fr;gap:24px}.shelf-panel h3{color:#ffe4ac;font:400 clamp(1.6rem,3vw,2.15rem)/1.2 Georgia,serif;margin-bottom:16px}.shelf-panel p{color:#e2d9c7;font-size:1rem;line-height:1.8}.shelf-icon{width:64px;height:64px;border:1px solid #f5d58a75;border-radius:19px;background:linear-gradient(135deg,#e4c78935,#1c394190);color:#f6dba5;box-shadow:inset 0 1px 0 #fff4}.shelf-icon svg{width:34px;height:34px}.shelf-actions{margin-top:26px;gap:10px}.shelf-actions a{font-weight:500;font-size:.9rem;min-height:46px;border-radius:12px;padding:11px 15px}.shelf-actions a:hover{background:#e8c57c35}.community-resources:not(:empty){border-color:#edcb8845}
@media(max-width:800px){.section,.section.white,#about,#resources,.donate,.website-reddit,.games-preview,.arcade-doorway{width:calc(100% - 20px);margin:16px auto;padding:38px 0;border-radius:24px}.section>.wrap{width:calc(100% - 32px)}.bookshelf{grid-template-columns:1fr;padding:18px;gap:20px;border-radius:22px}.bookshelf-top{font-size:.64rem}.book{min-height:120px;padding:16px}.book span{font-size:.88rem}.shelf-reader{padding:24px;min-height:0}.shelf-panel{gap:18px}.shelf-actions a{width:auto;justify-content:center}.family-story{padding:20px}.nav-links{gap:5px 13px}.nav-links a{font-size:.85rem}.hero::after{background:linear-gradient(0deg,#10232b 0%,#10232bd9 28%,#12252a20 85%)}body::before{background-position:58% center}.card,.resource,.donation-card{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){body::after{animation:none;opacity:0}.book{transition:none}}

/* Shared finish: clear hierarchy, soft gold, familiar controls. */
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
.site-header{position:sticky;top:0;background:#102025ed;box-shadow:0 8px 28px #0002}.nav{min-height:78px;flex-wrap:nowrap}.site-header .logo{font-size:1.45rem;font-weight:400;letter-spacing:-.025em}.nav-links{gap:24px;justify-content:flex-end}.nav-links a{font-weight:500;font-size:.92rem;text-decoration:none}.nav-links a:not(.cta):hover{color:#ffe3a7;text-decoration:underline;text-underline-offset:7px}.nav-links .cta{padding:10px 18px;border-radius:14px;min-height:46px;box-shadow:inset 0 1px 0 #fff5,0 4px 18px #0002}
.hero-copy{padding:88px 0 64px}.hero h1{font-size:clamp(3.4rem,6.5vw,6rem);font-weight:400;letter-spacing:-.035em;line-height:1.06}.hero p{font-size:1.08rem;line-height:1.75;max-width:450px}.hero .eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.22em}.hero .buttons{gap:12px}.btn{padding:13px 20px;min-height:48px;gap:18px;border-radius:14px;font-weight:600;font-size:.94rem;letter-spacing:.005em;box-shadow:inset 0 1px 0 #fff4,0 6px 20px #0002;transition:background .2s,border-color .2s,box-shadow .2s}.btn-primary{background:linear-gradient(130deg,#f6dfad,#d4b06c)}.btn-primary:hover{background:linear-gradient(130deg,#ffecc2,#e0bd7e)}.btn-secondary{background:linear-gradient(135deg,#e8d7af20,#142b358a);border-color:#e8d7af70}.btn-secondary:hover{background:#dec79030}.btn:hover,.cta:hover{filter:none}.btn::before,.nav-links .cta::before,.donation-card a::before{animation:none;opacity:.28}.hero-details{margin-top:22px}.text-action,.scene-toggle{appearance:none;border:0;background:none;box-shadow:none;display:inline-flex;align-items:center;min-height:44px;padding:5px 0;margin:0;color:#e3d6ba;text-decoration:underline;text-underline-offset:5px;font-size:.82rem;font-weight:400;cursor:pointer}.scene-toggle{margin-left:22px}.hero-details{display:inline-flex}.hero .btn svg{width:18px;height:18px;vertical-align:middle}.hero-scene-paused .hero::before{animation-play-state:paused}
.section h2{font-size:clamp(2rem,3.6vw,3rem);line-height:1.14;letter-spacing:-.025em;margin-bottom:18px}.section h3{letter-spacing:-.015em}.section .lead{font-size:1rem;line-height:1.8;max-width:64ch}.section .eyebrow{font-size:.68rem;font-weight:600;line-height:1.6;margin-bottom:12px}.section p{font-size:1rem}.section .card p,.section .resource p{font-size:.94rem}.card-icon,.mini-room-icon{width:36px;height:36px;filter:none}.card-icon,.card-icon svg,.mini-room-icon svg{stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card{padding:24px}.card h3{font-size:1.3rem;font-weight:400}.mini-room{min-height:150px;padding:22px;border-radius:20px;transition:border-color .2s,background .2s}.mini-room:hover,.mini-room:focus-visible{transform:none;border-color:#f1d797;box-shadow:inset 0 1px 0 #fff5,0 10px 25px #0002}.mini-room strong{margin-top:22px;font-weight:600}.mini-room::after{opacity:.35}.mini-room small{font-size:.8rem}.mini-room-grid{gap:16px}.full-app-portal{margin-top:24px;padding:30px}.full-app-portal .eyebrow{margin:0}.full-app-portal h3{font-weight:400}.portal-btn::after,.merch-coming::after{display:none}.room-card:hover,.room-card:focus-visible{transform:none;box-shadow:0 16px 36px #0004}.room-card h3{font-weight:400}.room-card img{transition:transform .6s ease}.arcade-doorway-grid{padding:32px;gap:36px}.arcade-doorway-art{backdrop-filter:none}.games-preview-copy .lead{max-width:46ch}.water-game-btn{font-weight:600}.ask-room-panel{padding:28px}.ask-room-input{border-radius:12px;min-height:50px}.ask-room-submit{font-weight:600}.ask-suggestion{font-weight:500;font-size:.84rem;min-height:42px}.ask-answer h3{font-weight:400;font-size:1.6rem}.donation-card{padding:24px}.donation-card h3{font-size:1.35rem;font-weight:400}.donation-card a{font-weight:600;border-radius:12px;padding:12px 17px;min-height:46px;box-shadow:inset 0 1px 0 #fff5}.donation-note{line-height:1.7}
#rooms{background:linear-gradient(120deg,#101e2490,#152b30a0);border-color:#e6d0a12b}.founder-story{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:start}.founder-copy p{max-width:65ch;line-height:1.85;font-size:1rem;color:#e9e1d1}.founder-copy .founder-promise{margin-top:26px;padding:20px 22px;font-size:1.06rem;line-height:1.7}.family-story{grid-column:auto;display:block;margin-top:50px;padding:30px;background:linear-gradient(145deg,#c6a65d22,#172b3299);border-color:#e5c99240}.family-story h3{font-size:1.8rem;line-height:1.2;font-weight:400;color:#f5dcaa}.family-story p{font-size:.94rem;line-height:1.85}.footer{padding:36px 0 26px}.footer-explore{display:flex;gap:8px 28px;flex-wrap:wrap;width:100%;padding-bottom:24px;margin-bottom:4px;border-bottom:1px solid #e5c99230}.footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px;font-size:.88rem}.footer-row{gap:16px 28px;align-items:center}.footer-row>div{font-size:.8rem;color:#cfc6b3}.footer nav a{color:#eadbbd}.footer a:hover{color:#fff0ca}
@media(max-width:800px){.nav{padding:12px 0;flex-wrap:wrap;gap:8px;min-height:0}.site-header .logo{font-size:1.25rem}.nav-links{width:100%;gap:8px 18px;justify-content:flex-start;flex-wrap:wrap}.nav-links a{font-size:.84rem;min-height:42px}.nav-links .cta{margin-left:auto;padding:9px 12px;min-height:42px;font-size:.8rem}.hero{min-height:calc(100svh - 124px)}.hero-copy{padding:90px 0 35px}.hero h1{font-size:clamp(3.1rem,11vw,4.7rem)}.hero p{font-size:1rem;max-width:34ch}.hero .buttons{gap:10px;max-width:420px}.hero .buttons .btn{font-size:.86rem;padding:13px 15px;gap:14px}.hero-details{margin-top:14px}.scene-toggle{margin-left:18px}.section h2{font-size:2rem}.section .lead{font-size:.95rem}.mini-room{min-height:140px;padding:18px}.mini-room-grid{gap:12px}.full-app-portal,.arcade-doorway-grid{padding:22px}.founder-story{grid-template-columns:1fr;gap:14px}.family-story{margin-top:10px;padding:24px}.founder-copy p{font-size:.96rem}.footer-explore{gap:6px 20px}}
@media(max-width:360px){.nav-links{gap:6px 13px}.nav-links a{font-size:.78rem}.nav-links .cta{font-size:.76rem;padding:9px 10px}.hero .buttons{flex-direction:column;align-items:stretch}.scene-toggle{margin-left:12px;font-size:.76rem}.text-action{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.btn,.mini-room,.room-card img{transition:none}}
@media(max-width:800px){.hero-copy{width:100%;max-width:none;margin:0;padding:90px 22px 35px}.hero .eyebrow{font-size:.65rem}.hero h1{text-shadow:0 3px 24px #08131bc0}.hero p{max-width:34ch}}

/* Keep the shorter founder story centered and comfortable to read. */
.founder-story>.founder-copy:only-child{grid-column:1/-1;width:100%;max-width:760px;margin-inline:auto}

/* Current app preview uses a portrait video and a compact, responsive player. */
.welcome-video-dialog{width:min(430px,94vw);margin:auto;background:#10242c;border-color:#edcb8866}.welcome-video-header{gap:12px}.welcome-video-header h2{font-size:1.2rem;line-height:1.3}.welcome-video-dialog video{width:100%;height:auto;max-height:62svh;object-fit:contain;background:#09191f}.welcome-video-actions{padding:14px 16px 18px;gap:10px}.welcome-video-actions .btn{font-size:.85rem;min-height:44px;padding:10px 14px}