.auth-buttons:where(.astro-mqyjihxh){display:flex;gap:.75rem;.btn{border-radius:999px;padding:.25rem 1.25rem;text-decoration:none;font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-ghost{border-color:#0f172a33;color:var(--brand-text);background:transparent}.btn-ghost:hover{border-color:#0f172a80;transform:translateY(-1px)}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 6px 12px #00897b40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 16px #00897b4d}}@media(max-width:768px){.auth-buttons:where(.astro-mqyjihxh){gap:.5rem}.btn:where(.astro-mqyjihxh){padding:.5rem 1.25rem;font-size:.9rem}}.landing-nav:where(.astro-3ef6ksr2){display:flex;justify-content:space-between;align-items:center;gap:1.5rem;position:sticky;top:0;padding:0;backdrop-filter:blur(16px);z-index:10}.brand-mark:where(.astro-3ef6ksr2){display:flex;align-items:center;gap:.85rem;font-weight:600}.brand-mark:where(.astro-3ef6ksr2) a:where(.astro-3ef6ksr2){display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--brand-text)}.brand-mark:where(.astro-3ef6ksr2) img:where(.astro-3ef6ksr2){height:48px;width:auto}.brand-mark:where(.astro-3ef6ksr2) span:where(.astro-3ef6ksr2){font-size:1rem;color:var(--brand-text)}.nav-links:where(.astro-3ef6ksr2){display:flex;gap:1.25rem;font-weight:500}.nav-links:where(.astro-3ef6ksr2) a:where(.astro-3ef6ksr2){text-decoration:none;color:var(--brand-muted);transition:color .2s ease}.nav-links:where(.astro-3ef6ksr2) a:where(.astro-3ef6ksr2):hover{color:var(--brand-text)}@media(max-width:768px){.landing-nav:where(.astro-3ef6ksr2){flex-direction:column;align-items:flex-start;gap:1rem}.brand-mark:where(.astro-3ef6ksr2) img:where(.astro-3ef6ksr2){height:40px}.nav-links:where(.astro-3ef6ksr2){gap:1rem;font-size:.9rem}}.landing-footer:where(.astro-sz7xmlte){padding:1rem 2rem;margin-top:2rem;display:flex;flex-direction:column;h3{margin:0}}.footer-content:where(.astro-sz7xmlte){max-width:1200px;margin:0 auto;width:100%}.footer-heading:where(.astro-sz7xmlte){text-align:center;font-size:1.75rem;color:#5a5a5a;margin-bottom:1.5rem;font-weight:500;line-height:1.2}.footer-sections:where(.astro-sz7xmlte){display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-section:where(.astro-sz7xmlte) h4:where(.astro-sz7xmlte){font-size:1rem;color:#3a3a3a;margin-bottom:.75rem;font-weight:600;line-height:1.2}.footer-section:where(.astro-sz7xmlte) ul:where(.astro-sz7xmlte){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-section:where(.astro-sz7xmlte) li:where(.astro-sz7xmlte){margin:0;line-height:1.4}.footer-section:where(.astro-sz7xmlte) a:where(.astro-sz7xmlte){color:#5a6b8c;text-decoration:none;font-size:.9rem;transition:color .2s ease;line-height:1.4}.footer-section:where(.astro-sz7xmlte) a:where(.astro-sz7xmlte):hover{color:var(--brand-primary);text-decoration:underline}.footer-bottom:where(.astro-sz7xmlte){text-align:center;padding-top:2rem;border-top:1px solid #d4cfc4;max-width:1200px;margin:0 auto;width:100%}.footer-bottom:where(.astro-sz7xmlte) p:where(.astro-sz7xmlte){color:#7a7a7a;font-size:.85rem;margin:0}@media(max-width:968px){.footer-sections:where(.astro-sz7xmlte){grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:568px){.landing-footer:where(.astro-sz7xmlte){padding:2rem 1.5rem 1rem}.footer-heading:where(.astro-sz7xmlte){font-size:1.5rem;margin-bottom:2rem}.footer-sections:where(.astro-sz7xmlte){grid-template-columns:1fr;gap:1.5rem}}:root{--brand-primary: #00897b;--brand-primary-dark: #00695c;--brand-secondary: #ffb300;--brand-bg: #fffaf0;--brand-foreground: #fdf4e6;--brand-text: #0f172a;--brand-muted: #5f6b7a;--brand-border: rgba(15, 23, 42, .08);--card-border: rgba(15, 23, 42, .12);--shadow-soft: 0 30px 80px rgba(15, 23, 42, .18);--shadow-card: 0 16px 40px rgba(15, 23, 42, .1);--gradient-gold: linear-gradient(135deg, #ffd452 0%, #ff7b02 100%);--gradient-teal: linear-gradient(135deg, #00c6a2 0%, #007373 100%);font-family:Space Grotesk,Suisse Intl,IBM Plex Sans,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--brand-bg);color:var(--brand-text);line-height:1.6;-webkit-font-smoothing:antialiased;font-family:Space Grotesk,Suisse Intl,IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit}.page-shell{min-height:100vh;padding:1rem clamp(1.25rem,4vw,5rem);display:flex;flex-direction:column;gap:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--brand-primary);font-size:.85rem;font-weight:700;margin-bottom:.35rem}.cta-group{display:flex;gap:.85rem;flex-wrap:wrap}.btn{border-radius:999px;padding:.75rem 1.65rem;text-decoration:none;font-weight:600;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 6px 12px #00897b40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 16px #00897b4d}.btn-ghost{border-color:#0f172a33;color:var(--brand-text);background:transparent}.btn-ghost:hover{border-color:#0f172a80;transform:translateY(-1px)}.hero{display:grid;grid-template-columns:3fr 2fr;gap:2rem;padding:clamp(1.5rem,4vw,3.25rem);border-radius:36px;background:radial-gradient(circle at top left,rgba(0,137,123,.18),transparent 60%),radial-gradient(circle at bottom right,rgba(255,179,0,.2),transparent 55%),var(--brand-foreground);border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.hero-left{overflow:hidden;position:relative}.hero h1{font-size:clamp(2.8rem,5vw,3.8rem);line-height:1.15;margin:.5rem 0 1.25rem;letter-spacing:-.01em}.hero .lede{font-size:1.15rem;color:var(--brand-muted);margin-bottom:1.75rem}.landing-nav{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.25rem 0;position:sticky;top:0;backdrop-filter:blur(16px);z-index:10}.brand-mark{display:flex;align-items:center;gap:.85rem;font-weight:600}.brand-mark img{height:48px;width:auto}.nav-links{display:flex;gap:1.25rem;font-weight:500}.nav-links a{text-decoration:none;color:var(--brand-muted);transition:color .2s ease}.nav-links a:hover{color:var(--brand-text)}.nav-cta{display:flex;gap:.75rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.filter-btn{border-radius:999px;border:1px solid var(--brand-border);padding:.35rem 1rem;background:#fff;cursor:pointer;font-weight:500;color:var(--brand-muted);transition:all .2s ease}.filter-btn.is-active{border-color:transparent;color:#fff;background:var(--brand-primary);box-shadow:0 4px 8px #00897b33}.chip-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.chip{border-radius:999px;padding:.4rem .9rem;background:#0000000d;font-size:.85rem;font-weight:600;color:var(--brand-muted)}.hero-right{display:flex;align-items:center;justify-content:center}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-chip{border-radius:20px;padding:1.5rem;background:#fff;border:1px solid var(--brand-border);text-align:center;box-shadow:var(--shadow-card)}.stat-value{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{margin:.25rem 0 0;color:var(--brand-muted);font-size:.95rem}.systems-grid,.story-grid,.docs-grid,.blog-grid,.site-map,.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.system-card,.story-card,.doc-card,.blog-card,.proof-card{background:#fff;border-radius:24px;padding:1.75rem;border:1px solid var(--card-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.75rem}.system-card__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.badge{border-radius:999px;padding:.25rem .8rem}.badge.ready{background:var(--gradient-teal);color:#fff;font-size:.8rem;font-weight:600}.system-type{color:var(--brand-muted);margin:0}.link-btn{border:none;padding:0;background:none;color:var(--brand-primary);font-weight:600;cursor:pointer;text-align:left}.upcoming-systems{margin-top:2rem}.system-pill-row{display:flex;gap:.75rem;flex-wrap:wrap}.system-pill{border-radius:999px;border:1px dashed var(--brand-border);padding:.4rem 1rem;display:inline-flex;flex-direction:column;font-weight:600;font-size:.9rem}.system-pill span{font-size:.75rem;color:var(--brand-muted);font-weight:500}.system-card small{color:var(--brand-muted);font-size:.9rem}.story-card img{width:100%;border-radius:16px;margin-bottom:.75rem;object-fit:cover;aspect-ratio:4 / 3}.proof-strip{display:flex;flex-direction:column;gap:1rem}.proof-quotes{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem;color:var(--brand-muted)}.docs-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.docs-grid a{text-decoration:none;font-weight:500;color:var(--brand-primary)}.blog-card{max-width:400px}.blog-card a{text-decoration:none;color:var(--brand-primary);font-weight:600}.view-more-container{text-align:center;margin-top:2rem}.blog-date{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--brand-muted)}.site-map ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.proof-strip{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;background:#fff;padding:1.5rem 2rem;border-radius:24px;border:1px solid var(--card-border);box-shadow:var(--shadow-card)}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:var(--brand-muted);border-top:1px solid rgba(0,0,0,.08);padding-top:1.5rem}.hero-left{overflow:hidden;position:relative;display:flex;justify-content:flex-end;align-items:center}.hero-right{display:flex;flex-direction:column;justify-content:center}@media(max-width:1300px){.hero{grid-template-columns:1fr;gap:2rem}.hero-left{order:2;justify-content:center}.hero-right{order:1}}@media(max-width:768px){.page-shell{padding:1.5rem}.landing-nav{flex-direction:column;align-items:flex-start}.hero{padding:1.5rem}.cta-group .btn{flex:1;justify-content:center}}.worlds-section{padding:4rem 0}.worlds-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;min-height:600px;margin:0 auto;padding:0 2rem;overflow:hidden}.worlds-text{max-width:500px}.worlds-text h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:1rem 0;line-height:1.2}.worlds-text .lede{font-size:1.125rem;color:var(--text-secondary);margin:1.5rem 0;line-height:1.6}.worlds-text .lede-secondary{font-size:1rem;line-height:1.6;color:var(--text-muted);margin-bottom:2rem;font-style:italic}.worlds-templates{position:relative}.rotating-templates{width:100%;max-width:500px}.template-display{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0000001a;min-height:400px;position:relative;overflow:hidden}.template-card{height:100%;display:flex;flex-direction:column}.template-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.template-icon{font-size:2.5rem;line-height:1}.template-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.template-description{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;line-height:1.6}.template-sections{flex-grow:1;display:flex;flex-direction:column;gap:1.5rem}.template-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.template-items{display:flex;flex-wrap:wrap;gap:.5rem;max-height:120px;overflow-y:auto;padding-right:.5rem}.template-item{background:var(--brand-foreground);color:var(--brand-text);padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.template-item.more{background:var(--brand-muted);color:var(--brand-text);opacity:.7}.template-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.indicator{width:8px;height:8px;border-radius:50%;background:var(--brand-muted);border:none;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--brand-primary);transform:scale(1.2)}.indicator:hover{background:var(--brand-primary);opacity:.7}.loading-spinner,.error-message,.empty-message{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary);font-size:1rem}.error-message{color:var(--error-color, #dc2626)}.empty-message{color:var(--text-muted)}@media(max-width:768px){.worlds-content{grid-template-columns:1fr;gap:2rem;text-align:center}.worlds-text{max-width:100%}.worlds-text h2{font-size:2rem}}.story-card .story-card__image .genre-icon{font-size:3rem;line-height:1;color:#fff}.genre-sections{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.genre-section h4{margin:0;font-size:.9rem;color:var(--text-primary);font-weight:600}.genre-features{display:flex;flex-wrap:wrap;gap:.5rem}.genre-features span{background:var(--brand-foreground);color:var(--brand-text);padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.story-genre{margin:0}.story-card__body{h3{margin:0}p{margin-bottom:0}}.story-card__image{background:var(--brand-foreground);display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:.75rem;aspect-ratio:3/2;overflow:hidden}.story-card__image img,.story-card__image video{width:100%;height:100%;object-fit:cover;border-radius:16px}.hero-journal{position:static;width:100%;min-height:400px;display:block;padding:0}.hero-journal.empty{border-radius:32px;border:1px dashed var(--brand-border);padding:2.5rem;min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--brand-muted)}.journal-gutter{width:28px;border-radius:999px;background:linear-gradient(180deg,#f5d8b2,#c69c68);box-shadow:inset 0 0 0 6px #ffffff40;position:relative}.journal-gutter:after{content:"";position:absolute;inset:40px 6px;border-radius:999px;background:#ffffff73;filter:blur(2px)}.journal-body{position:relative;width:100%;height:420px;perspective:1600px;overflow:visible}.journal-page{--page-bg: #fffaf0;--page-edge: #f0d3a8;--page-ink: #0f172a;--page-shadow: 0 45px 90px rgba(15, 23, 42, .25)}.book-container{display:flex;justify-content:flex-end;align-items:center;width:100%;height:100%;min-height:450px;max-height:650px;max-width:800px;margin:0 0 0 auto;overflow:visible}.book-page{width:100%;height:100%;background:var(--page-bg, #fff8f2);color:var(--page-ink, #0f172a);border:1px solid var(--page-edge, #f0d3a8);box-shadow:inset 0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden}.book-page[data-theme=fantasy]{background:#fff8f2;color:#3b2715;border-color:#d7b38d}.book-page[data-theme=western]{background:#fff3e1;color:#4c2f13;border-color:#d4a574}.book-page[data-theme=ttrpg]{background:#f0fffb;color:#0f4d3a;border-color:#0d7d66}.book-page[data-theme=mystery]{background:#f4f7fb;color:#2c3e50;border-color:#34495e}.book-page[data-theme=historical]{background:#fff7f0;color:#4c3320;border-color:#8b5a3c}.book-page[data-theme=thriller]{background:#54575c;color:#f8fafc;border-color:#2a2f38}.book-page[data-theme=scifi]{background:#0c1624;color:#e0f7ff;border-color:#51e2ff}.book-page[data-theme=horror]{background:#1c1c24;color:#f0e6d2;border-color:#4a4a5a}.book-page[data-theme=romance]{background:#fff5f7;color:#7c2d47;border-color:#ec4899}.book-page[data-theme=adventure]{background:#fff5eb;color:#6b3410;border-color:#ea580c}.book-page-left{padding:2rem;justify-content:center;align-items:center;position:relative}.page-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.example-details{text-align:center;max-width:80%}.example-label{font-size:clamp(1rem,1.5vw,1.5rem);font-weight:700;color:var(--page-ink)!important;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.example-type{font-size:clamp(.85rem,1.3vw,1.25rem);font-weight:500;color:var(--page-ink)!important;margin-bottom:1rem;opacity:.8}.example-system{font-size:clamp(.65rem,1vw,.9rem);font-weight:400;color:var(--page-ink)!important;opacity:.6;font-style:italic}.book-page-right{padding:clamp(1.5rem,2vw,2rem);position:relative}.page-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase}.genre-pill{background:var(--page-pill-bg)!important;color:var(--page-pill-text)!important;padding:.2rem;border-radius:999px;font-size:clamp(.45rem,.8vw,.65rem);font-weight:600;text-transform:uppercase;letter-spacing:.15em}.story-content{flex-grow:1;font-size:clamp(.85rem,1.2vw,1.15rem);line-height:1.7;margin-top:1.5rem;letter-spacing:.015em;display:block;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.story-content::-webkit-scrollbar{display:none}.story-text{font-size:clamp(.9rem,1.2vw,1.15rem);line-height:1.7;flex-grow:1;margin-top:0;letter-spacing:.015em;display:block;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.story-text::-webkit-scrollbar{display:none}.story-text .type-caret{display:inline-block;width:1px;height:clamp(1rem,1.5vw,1.4rem);background:currentColor;margin-left:.2rem;animation:caret-blink 1s steps(2,start) infinite}.highlighted-text{color:#00897b;font-weight:600}.page-kicker{opacity:.6;font-size:clamp(.65rem,1vw,.85rem);margin-top:auto;margin-bottom:.5rem}.page-footer{position:fixed;bottom:0;left:0;display:flex;width:400px;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;font-size:clamp(.65rem,1vw,.85rem);opacity:.7;z-index:3}.page-number{position:absolute;bottom:1rem;font-size:.75rem;font-weight:500;letter-spacing:.1em;opacity:.7}.book-page-left .page-number{left:1.5rem}.book-page-right .page-number{right:2rem}.font-fantasy{font-family:Playfair Display,Cormorant Garamond,serif;font-size:1.15rem;line-height:1.7}.font-adventure,.font-western{font-family:Zilla Slab,Sanchez,serif;font-size:1.15rem;line-height:1.7}.font-horror,.font-thriller,.font-noir,.font-scifi{font-family:Space Mono,IBM Plex Mono,monospace;font-size:1.15rem;line-height:1.7;letter-spacing:.015em}.font-romance{font-family:Playfair Display,Cormorant Garamond,serif;font-size:1.15rem;line-height:1.7;font-style:italic}.font-ttrpg,.font-custom{font-family:Space Grotesk,Suisse Intl,IBM Plex Sans,sans-serif;font-size:1.15rem;line-height:1.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s ease-in}@media(max-width:1300px){.book-container{justify-content:center;min-height:450px;max-height:600px;max-width:800px;margin:0 auto}.example-label{font-size:clamp(1.2rem,2.5vw,1.5rem)}.example-type{font-size:clamp(1rem,2vw,1.25rem)}.example-system{font-size:clamp(.75rem,1.5vw,.9rem)}.genre-pill{font-size:clamp(.55rem,1.2vw,.65rem)}.story-content{font-size:clamp(.95rem,1.8vw,1.15rem)}.story-text{font-size:clamp(1rem,1.8vw,1.15rem)}.story-text .type-caret{height:clamp(1.2rem,2vw,1.4rem)}.page-footer{display:none}}.animated-genre-pill{display:inline-flex;align-items:center;justify-content:center;background:var(--brand-foreground);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:.5rem 1.5rem;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;min-height:2rem;min-width:305px}.genre-text-base,.genre-text-new{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:var(--brand-text);text-transform:uppercase;letter-spacing:.1em;text-align:center;white-space:nowrap;z-index:1}.genre-text-new{z-index:11}.genre-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #0000001a;padding:.5rem 1.5rem;width:305px;min-width:305px;z-index:10}.genre-pill-content{font-size:.9rem;font-weight:600;color:var(--brand-text);text-transform:uppercase;letter-spacing:.1em;text-align:center;position:relative;overflow:hidden}.genre-mask{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.genre-text-new{font-size:.9rem;font-weight:600;color:var(--brand-text);text-transform:uppercase;letter-spacing:.1em;text-align:center}@media(min-width:1600px){.book-container{justify-content:center;margin:0 auto}}.page-layout:where(.astro-3zbxo6iv){min-height:100vh;display:flex;flex-direction:column}.main-content:where(.astro-3zbxo6iv){flex:1;background:var(--background-primary)}