/* Public navigation and home use their own scope so the studio, sheets and rulebook keep their layouts. */
.site-header .site-nav{overflow:visible;order:0;width:auto;justify-content:flex-start}
.site-header{--shell-ink:#f0eedf;--shell-muted:#b3bbae;--shell-accent:#d9ed9d;--shell-line:#34423b;position:sticky;top:0;z-index:80;display:flex;align-items:center;flex-wrap:nowrap;height:80px;min-height:80px;gap:40px;padding:0 max(24px,5vw);border-bottom:1px solid #ffffff12;background:#0c1411f5;color:var(--shell-ink);backdrop-filter:blur(18px);font:14px/1.5 system-ui,sans-serif}
.site-header .brand{order:0;flex:none;display:flex;align-items:center;gap:12px;letter-spacing:2.4px;font-size:13px;font-weight:750;text-decoration:none;color:var(--shell-ink);white-space:nowrap}
.site-header .brand-mark{display:inline-flex;position:relative;align-items:center;justify-content:center;width:34px;height:38px;border:1px solid #d9ed9d80;border-radius:12px 12px 4px 4px;color:var(--shell-accent);font:26px Georgia,serif;background:#d9ed9d0c}.site-header .brand-mark span{position:absolute;right:-3px;top:-1px;font:12px system-ui;background:#0c1411}
.site-menu{display:flex;flex:1;align-items:center;justify-content:space-between;min-width:0;gap:24px}.site-nav{display:flex;align-items:center;gap:6px;min-width:0;width:auto;order:0}.site-header .nav,.site-header summary{color:var(--shell-muted);padding:12px 15px;margin:0;white-space:nowrap;border:0;border-radius:7px;background:transparent;font:500 14px/1.5 system-ui;text-decoration:none;cursor:pointer}.site-header .nav.active,.site-header .nav[aria-current=page],.site-header .nav-group-active>summary{color:var(--shell-accent);border:0;background:#d9ed9d09}.site-header .nav:hover,.site-header summary:hover{background:#ffffff08;color:var(--shell-ink)}
.site-header summary{display:flex;align-items:center;gap:10px;list-style:none;user-select:none}.site-header summary::-webkit-details-marker{display:none}.nav-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px}.nav-disclosure[open]>summary .nav-chevron{transform:rotate(225deg);margin-top:3px}.nav-disclosure{position:relative}.nav-popover{position:absolute;left:0;top:calc(100% + 12px);width:330px;padding:10px;border:1px solid #ffffff20;border-radius:12px;background:#15211d;box-shadow:0 18px 55px #0006}.site-header .nav-popover .nav{display:block;width:100%;padding:14px;text-align:left;white-space:normal}.nav-popover .nav span{display:block;color:var(--shell-ink);font-weight:650}.nav-popover small{display:block;margin-top:4px;font-size:12px;font-weight:400;line-height:1.5;color:var(--shell-muted)}
.site-header .header-account{order:0;display:flex;align-items:center;gap:10px;margin:0;flex:none}.site-header #header-session:not([hidden]){display:block}.site-header .header-identity{display:block;padding:12px 14px 16px;border-bottom:1px solid #ffffff12;margin-bottom:6px;max-width:none}.site-header #account{display:block;padding:5px 0;max-width:270px;overflow-wrap:anywhere;color:var(--shell-accent);font-weight:700;text-align:left;white-space:normal}.account-menu .nav-popover{left:auto;right:0}.site-header .text-button{color:var(--shell-muted);background:none;border:0;padding:10px 12px;white-space:nowrap;text-decoration:none;font:500 13px/1.5 system-ui}.site-header .primary{padding:11px 18px;border-radius:7px;background:var(--shell-accent);color:#17241c;text-decoration:none;font:700 13px/1.5 system-ui;border:0;white-space:nowrap}.site-header :is(button,a,summary):focus-visible{outline:2px solid #eac186;outline-offset:3px}
.site-menu-toggle{display:none;background:none;border:1px solid #ffffff25;border-radius:7px;color:var(--shell-ink);padding:10px 13px;align-items:center;gap:10px;font:600 13px/1.4 system-ui;cursor:pointer}.menu-lines{display:block;width:17px;height:12px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}.menu-lines:after{content:'';position:absolute;left:0;right:0;top:4px;border-top:1.5px solid currentColor}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-home{padding-bottom:0}.home-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center;padding:56px 0 52px}.home-hero h1{font:clamp(44px,4.8vw,72px)/1.09 var(--serif);letter-spacing:-2px;margin:20px 0 24px}.home-hero h1 em{font-style:normal;color:var(--accent)}.home-lead{font-size:17px;line-height:1.8;max-width:510px;color:var(--muted);margin-bottom:28px}.home-hero .actions{gap:12px}.home-hero .primary,.home-create .primary{padding:15px 23px;border-radius:7px;font-size:13px}.home-hero .outline{padding:14px 20px;border-radius:7px}.home-hero .fine{margin:18px 0 26px;max-width:450px}.home-search{display:flex;align-items:center;gap:0;max-width:480px;border:1px solid var(--line);border-radius:9px;background:#0d1512;overflow:hidden}.home-search input[type=search]{margin:0;background:transparent;border:0;border-radius:0;min-width:0;padding:14px 17px;font-size:13px}.home-search input:focus{outline:0}.home-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}.home-search button{background:none;color:var(--accent);padding:14px 17px;white-space:nowrap;font-weight:650;font-size:13px}
.home-spotlight{display:block;position:relative;height:530px;overflow:hidden;border:1px solid #a8bba640;border-radius:16px;text-decoration:none;isolation:isolate;box-shadow:0 25px 70px #0003}.home-spotlight picture,.home-spotlight img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.home-spotlight:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08130e12 35%,#07130b24 50%,#06120bed 100%);z-index:1}.spotlight-tag{position:absolute;left:24px;top:24px;z-index:2;border:1px solid #ffffff55;border-radius:4px;padding:7px 10px;background:#0a171ad0;color:#f7f5e9;font-size:10px;font-weight:700;letter-spacing:1.3px}.spotlight-copy{position:absolute;left:30px;right:30px;bottom:28px;z-index:2;color:#fff}.spotlight-copy .eyebrow{margin-bottom:8px;color:#dcdfb7}.spotlight-copy h2{font:46px/1.1 var(--serif);letter-spacing:-1px;margin-bottom:6px}.spotlight-copy p:not(.eyebrow){font-size:15px;color:#e0e7d5;margin-bottom:18px}.spotlight-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff35;padding-top:16px;font-size:12px;font-weight:650;color:#ecf4d2}.home-spotlight:hover .spotlight-link{color:#fff}
.home-experiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:28px 0 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-experiences article{display:flex;gap:16px;align-items:center}.experience-icon{display:flex;width:44px;height:44px;flex:none;align-items:center;justify-content:center;border:1px solid #d9ed9d35;border-radius:50%;color:var(--accent);font-size:24px;background:#d9ed9d07}.home-experiences h2{font:600 14px/1.4 system-ui;letter-spacing:0;margin:0 0 5px}.home-experiences p{font-size:12px;line-height:1.65;margin:0;color:var(--muted);max-width:270px}
.home-worlds{padding:58px 0 46px}.home-worlds .section-head{margin:0 0 26px;align-items:end}.home-worlds h2,.home-community h2,.home-create h2{font:clamp(30px,3.2vw,42px)/1.2 var(--serif);letter-spacing:-1px;margin-bottom:0}.home-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-world-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#16211c;text-decoration:none;transition:border-color .15s,transform .15s}.home-world-card:hover{transform:translateY(-3px);border-color:#b0c68b}.home-world-card img{width:100%;aspect-ratio:1.65;object-fit:cover;object-position:center 30%;display:block}.home-world-copy{display:flex;flex:1;flex-direction:column;padding:24px}.home-world-meta{font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--accent);margin-bottom:14px}.home-world-copy h3{font:27px/1.15 var(--serif);margin-bottom:14px}.home-world-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:24px}.home-world-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:12px;font-weight:650;color:var(--accent)}
.home-community{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;border-top:1px solid var(--line);padding:52px 0}.home-community p:not(.eyebrow){max-width:520px;color:var(--muted);line-height:1.8;margin:18px 0 24px}.community-art{position:relative;font:italic 32px/1.45 var(--serif);color:#cedac0;text-align:center;padding:30px;background:radial-gradient(ellipse,#d9ed9d0b,transparent 70%)}.community-star{display:block;font:70px/1.3 var(--serif);color:#d9ed9d70;margin-top:8px}.home-create{padding:54px 46px;margin-bottom:62px;border:1px solid #d9ed9d35;border-radius:14px;background:linear-gradient(115deg,#d9ed9d12,#d9ed9d02)}.home-create h2{margin-bottom:18px;max-width:700px}.home-create>p:not(.eyebrow){max-width:640px;color:var(--muted);line-height:1.8;margin-bottom:26px}.home-footer{display:grid;grid-template-columns:1fr 1fr repeat(3,1fr);gap:30px;padding:42px 0 0;border-top:1px solid var(--line);align-items:start}.home-footer>.brand{font-size:13px}.home-footer>p{color:var(--muted);font-size:12px;line-height:1.8}.home-footer h3{font:650 12px system-ui;margin-bottom:16px}.home-footer div>a{display:block;color:var(--muted);text-decoration:none;font-size:12px;margin:10px 0}.home-footer a:hover{color:var(--accent)}.browse-page{padding-top:46px}.browse-page .page-title{margin-bottom:16px}.browse-page .section-copy{max-width:700px}.browse-page .library-tools{margin-top:32px}.browse-page .library-search{flex:2}.browse-page .story-card{border-radius:12px}.browse-page .story-cover{border-radius:10px}.site-home :is(a,button,input):focus-visible{outline:2px solid #eac186;outline-offset:4px}
@media(max-width:1100px){.site-header{flex-wrap:wrap;height:auto;min-height:72px;padding:17px 24px;gap:0;justify-content:space-between}.site-header .site-menu-toggle{display:inline-flex}.site-menu{flex-basis:100%;flex-direction:column;align-items:stretch;gap:16px;padding:16px 0 8px;max-height:calc(100dvh - 100px);overflow-y:auto}.navigation-ready .site-menu{display:none}.navigation-ready.menu-open .site-menu{display:flex}.site-nav{flex-direction:column;align-items:stretch;gap:4px;width:100%}.site-nav>.nav,.site-header summary{padding:13px 15px;text-align:left}.site-header summary{justify-content:space-between}.nav-popover{position:static;width:100%;margin:6px 0 4px;box-shadow:none;border-color:#ffffff15;background:#ffffff04}.site-header .header-account{padding-top:16px;border-top:1px solid #ffffff18;display:flex;flex-wrap:wrap;gap:12px}.account-menu{width:100%}.site-header .header-account .primary{margin-left:auto}.site-header .header-account #header-session summary{padding-left:15px}.home-hero{gap:4%;grid-template-columns:1.1fr 1fr}.home-hero h1{font-size:clamp(42px,5vw,60px)}.home-spotlight{height:490px}.home-experiences{gap:20px}.home-experiences article{gap:12px}.home-experiences h2{font-size:13px}.home-world-copy{padding:20px}.home-world-copy h3{font-size:23px}.home-footer{grid-template-columns:repeat(3,1fr)}.home-footer>.brand,.home-footer>p{grid-column:span 3}.home-footer>p{margin-top:-18px}}
@media(max-width:760px){.site-header{padding:14px 20px;min-height:68px}.site-header .brand{font-size:12px;gap:9px;letter-spacing:2px}.site-header .brand-mark{width:29px;height:34px;font-size:23px}.home-hero{grid-template-columns:1fr;gap:32px;padding:36px 0 30px}.home-hero h1{font-size:clamp(38px,8vw,58px);letter-spacing:-1.4px;margin:16px 0 20px}.home-hero .eyebrow{font-size:9px;letter-spacing:1.6px}.home-lead{font-size:15px;max-width:560px;margin-bottom:24px}.home-hero .actions{gap:10px}.home-hero .primary,.home-hero .outline{padding:13px 15px;font-size:12px}.home-hero .fine{font-size:11px;margin:16px 0 22px}.home-spotlight{height:390px}.home-spotlight img{object-position:center 40%}.spotlight-copy{left:24px;right:24px;bottom:24px}.spotlight-copy h2{font-size:40px}.spotlight-tag{left:20px;top:20px}.home-experiences{grid-template-columns:1fr;gap:20px;padding:28px 0}.home-experiences h2{font-size:14px}.home-experiences p{max-width:none}.home-worlds{padding:36px 0}.home-worlds .section-head{align-items:start;flex-direction:column;gap:12px}.home-worlds .section-head h2{font-size:31px}.home-worlds .section-head .text-button{padding:0}.home-world-grid{grid-template-columns:1fr;gap:20px}.home-world-card img{aspect-ratio:1.9}.home-world-copy{padding:24px}.home-world-copy h3{font-size:28px}.home-community{grid-template-columns:1fr;padding:36px 0;gap:0}.community-art{display:none}.home-community h2{font-size:32px}.home-create{padding:30px 24px;margin-bottom:36px}.home-create h2{font-size:32px}.home-footer{gap:18px;padding-top:28px}.home-footer div>a{font-size:11px;overflow-wrap:anywhere}.browse-page{padding-top:28px}.browse-page .section-head{align-items:start;flex-direction:column}.browse-page .page-title{font-size:38px}.home-search{max-width:none}.home-search input[type=search]{font-size:12px;padding:13px}.home-search button{padding:13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-world-card{transition:none}.home-world-card:hover{transform:none}}

/* Public access stays quiet; creator navigation appears inside the workspace. */
[hidden]{display:none!important}.creator-access{font-size:.78rem;text-align:center;color:var(--muted);margin:2rem auto 3rem;padding:0 1rem}.creator-access a{color:inherit}.help-page{max-width:920px;margin:0 auto;padding:4rem 1.25rem}.help-page .help-intro{max-width:660px;font-size:1.15rem;line-height:1.7}.help-page section{margin:3rem 0}.help-page details{padding:1.25rem 0;border-bottom:1px solid #ffffff20}.help-page summary{cursor:pointer;font-weight:600;font-size:1.05rem}.help-page details p{max-width:720px;line-height:1.75}.help-page .help-links{display:flex;gap:1rem;flex-wrap:wrap}.help-page .help-links a{padding:.65rem 1rem;border:1px solid #ffffff25;border-radius:999px}.guide-options article{min-width:0}

.account-creator-tools{border-top:1px solid #ffffff20;margin-top:8px;padding-top:10px}.account-creator-tools>.eyebrow{margin:8px 14px;color:var(--shell-accent)}.account-menu .nav-popover{max-height:calc(100dvh - 130px);overflow-y:auto}@media(max-width:1100px){.account-menu .nav-popover{max-height:none;overflow:visible}}