:root{--bg: #101516;--panel: #192122;--text: #f3efe5;--muted: #a2b0ad;--line: #344241;--teal: #a7e9cf;--violet: #c9b1e9;--amber: #ecc597;--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Segoe UI,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line);border-radius:5px;padding:11px 18px;min-height:44px;transition:background .15s}button:hover:not(:disabled){background:#2a3a36}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}header{height:92px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;gap:24px}.brand{font-size:23px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.brand-mark{font-size:32px;color:var(--teal);vertical-align:middle;margin-right:8px}.alpha{font:9px monospace;letter-spacing:1.5px;color:var(--muted);margin-left:16px;border:1px solid var(--line);padding:5px}nav{display:flex;gap:20px}nav button,.account{border:0;font-size:13px;color:var(--muted)}nav .nav-active{color:var(--text);border-bottom:2px solid var(--teal);border-radius:0}.account{display:flex;align-items:center;gap:15px}.avatar{border:1px solid var(--line);padding:4px 12px;color:var(--teal)}main{max-width:1600px;min-height:70vh;margin:auto}.hero{position:relative;min-height:630px;overflow:hidden;display:flex;align-items:center;background:#13252a}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#101b20,#101b20e8 24%,#101b2060 55%,#101b2000),linear-gradient(0deg,#101516 0%,transparent 30%),url(/media/harbor.svg) right center/cover}.hero-content{position:relative;padding:58px 7% 80px;width:100%}.eyebrow{font:11px/1.7 Consolas,monospace;letter-spacing:2.2px;color:var(--teal);margin:0 0 20px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--teal);margin-right:9px}.hero h1{font-family:Georgia,serif;font-size:clamp(65px,6.8vw,110px);line-height:.95;font-weight:400;letter-spacing:-4px;margin:30px 0}.hero h1 em{font-weight:400;color:#d7eee4}.title-period{color:var(--teal)}.hero-subtitle{color:#c4d0cc;font-size:17px;line-height:1.7}.tags{display:flex;gap:10px;margin:24px 0}.tags span{font:10px Consolas,monospace;letter-spacing:1px;border:1px solid #98b6ad55;padding:6px 9px}.hero-actions{display:flex;gap:12px;margin-top:30px}.primary{background:var(--teal);color:#112720;border-color:var(--teal);font-weight:650;padding:14px 24px}.primary:hover:not(:disabled){background:#c6fce6}.primary span{margin-left:24px}.secondary{border-color:#647970;color:#e0e9e4}.hero-note{font:11px Consolas,monospace;color:var(--muted);margin-top:18px}.hero-index{position:absolute;right:6%;bottom:32px;display:flex;align-items:center;gap:18px;font:10px monospace;letter-spacing:2px;color:#b4c7be}.hero-index i{width:70px;height:1px;background:#8daf9e}.intro-strip{margin:0 6%;padding:28px 0;display:flex;gap:28px;align-items:center;border-bottom:1px solid var(--line)}.intro-strip span{font:10px monospace;letter-spacing:2px;color:var(--teal)}.intro-strip p{margin:0;color:var(--muted);font-size:14px}.intro-strip span:last-child{margin-left:auto;font-size:22px}.discover,.continue,.library{padding:50px 6%}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:8px}h2{font-weight:500;font-size:27px;margin:0}h3{font-weight:500}.muted{color:var(--muted);font-size:13px}.story-row{display:grid;grid-template-columns:minmax(300px,1.1fr) 1fr;gap:64px}.story-card{border:0;padding:0;text-align:left;overflow:hidden}.card-art{height:245px;position:relative;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover}.card-art>span{position:absolute;top:18px;left:20px;font:9px monospace;letter-spacing:2px;background:#112020ab;padding:6px}.card-art b{position:absolute;right:20px;bottom:20px;border:1px solid #98baad;padding:7px 16px}.card-copy{padding:20px 2px}.card-copy small{font:10px monospace;letter-spacing:2px;color:var(--teal)}.card-copy h3{font-size:24px;margin:8px 0 2px}.card-copy p{font-size:13px;color:var(--muted);margin:0 0 14px}.card-copy>span{font-size:11px;color:var(--muted)}.editorial{padding:12px 0;max-width:440px}.editorial-icon{color:var(--teal);font-size:35px}.editorial h3{font-size:29px;line-height:1.3;margin:10px 0 18px}.editorial p{color:var(--muted);font-size:14px}.continue{padding-bottom:0}.continue>button{display:flex;width:100%;align-items:center;gap:24px;text-align:left;background:var(--panel);padding:12px}.continue img{width:130px;height:75px;object-fit:cover}.continue strong,.continue small{display:block}.continue small{color:var(--muted)}.continue>button>span:last-child{margin-left:auto;color:var(--teal)}footer{max-width:1440px;margin:30px auto 0;border-top:1px solid var(--line);padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:12px}footer>span:last-child{font:9px monospace;letter-spacing:1.5px}.notice{margin:15px 6%;padding:15px 20px;background:#293a35;border:1px solid #739184;border-radius:6px;font-size:14px}.notice button{margin-left:10px}.notice.error{background:#422d29;border-color:#bd8572}.notice.subtle{background:#1b2825;border:0}.player-heading{padding:40px 6% 20px;display:flex;justify-content:space-between;align-items:center;gap:24px}.player-heading h1{font:36px Georgia,serif;margin:0}.player-heading .eyebrow{margin:0 0 8px}.player-heading .eyebrow span{color:var(--muted)}.player-heading>div:last-child{display:flex;align-items:center;gap:20px}.saved{font:12px monospace;color:var(--teal)}.player-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:35px;padding:10px 6% 40px}.video-frame{position:relative;background:#080d10;border:1px solid var(--line);border-radius:8px;overflow:hidden}.video-frame video{width:100%;aspect-ratio:16/9;display:block}.media-label{position:absolute;top:12px;left:15px;font:9px monospace;background:#101516bd;padding:4px 8px;pointer-events:none;letter-spacing:1px}.transcript{margin:20px 0 35px}.transcript summary,summary{cursor:pointer;min-height:44px;padding:8px 0;color:var(--muted);font-size:13px}.transcript p{font:17px/1.8 Georgia,serif;color:#d7ded8;margin:8px 0}.choices .eyebrow{margin-bottom:14px}.choices>button{width:100%;display:flex;align-items:center;gap:20px;text-align:left;margin:10px 0;padding:16px 20px;background:#192221}.choice-number{font:12px monospace;color:var(--teal)}.choices small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.arrow{margin-left:auto;font-size:12px;color:var(--teal)}aside{background:#18201e;border:1px solid var(--line);border-radius:8px;padding:26px;height:fit-content}aside h2{font:24px Georgia,serif}.stats>div{display:flex;justify-content:space-between;font-size:13px;padding:9px 0}.stats dt{text-transform:capitalize;color:var(--muted)}.stats dd{margin:0;display:flex;align-items:center;gap:10px}.stat-bar{height:3px;background:var(--teal);display:inline-block}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.key{font-size:13px;text-transform:capitalize}.edition{font:10px/1.8 monospace;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:28px;overflow-wrap:anywhere}.community{border-top:1px solid var(--line);margin-top:32px;padding-top:26px}.community .eyebrow{color:var(--violet)}.community button{display:flex;width:100%;justify-content:space-between;align-items:center;background:#282332;border-color:#5c4b72;text-align:left}.community small{display:block;font:10px/2 monospace;color:var(--violet)}.community p:last-child{font-size:12px;color:var(--muted)}.back{margin:0 6% 20px}.log{margin:0 6% 40px;background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:8px}.log li{padding:12px 0;border-bottom:1px solid var(--line)}.log li span,.log li small{color:var(--muted);font-size:12px}.log li small{display:block}.save-list button{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;margin:15px 0;background:var(--panel)}.save-list strong,.save-list small{display:block}.save-list strong{text-transform:capitalize}.save-list small{color:var(--muted)}.empty{padding:80px 6%}.modal-backdrop{position:fixed;inset:0;background:#050b0edb;display:grid;place-items:center;z-index:10;padding:20px;overflow:auto}.modal{position:relative;background:#182220;border:1px solid #557367;max-width:460px;width:100%;padding:38px;border-radius:10px}.modal-close{position:absolute;right:12px;top:10px;border:0;font-size:22px}.modal h2{font:36px Georgia,serif}.modal>p{color:var(--muted);font-size:14px}.modal label{display:block;margin:14px 0;font-size:13px}.modal input{width:100%;background:#0d1715;border:1px solid #557367;color:var(--text);padding:12px;margin-top:5px;border-radius:4px}.modal form>.primary{width:100%;margin-top:12px}.demo-accounts{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.demo-accounts small{font:10px monospace;letter-spacing:1px}.error-text{color:#ffbaaa}@media(max-width:800px){header{height:auto;min-height:80px;padding:18px 5%;flex-wrap:wrap;gap:10px}.alpha{display:none}header nav{order:3;width:100%;flex-wrap:wrap;gap:4px 8px}header nav button{padding:8px 10px;white-space:nowrap}.account{padding:0;font-size:11px}.avatar{display:none}.hero{min-height:630px}.hero-art{background:linear-gradient(90deg,#101b20ea,#101b2060),linear-gradient(0deg,#101516,transparent),url(/media/harbor.svg) 65% center/cover}.hero-content{padding:40px 6% 80px}.hero h1{font-size:80px}.hero-index{left:6%;right:auto;font-size:8px}.hero-actions{flex-wrap:wrap}.intro-strip{gap:10px;flex-wrap:wrap}.intro-strip>span:last-child{display:none}.intro-strip p{font-size:12px}.story-row{grid-template-columns:1fr;gap:20px}.section-heading>.muted{display:none}.discover{padding-top:32px}.editorial{max-width:none}.player-grid{grid-template-columns:1fr;gap:25px}.player-heading{flex-wrap:wrap;padding-top:25px}.player-heading h1{font-size:30px}.player-heading>div:last-child{justify-content:space-between;width:100%}.player-heading .eyebrow{font-size:9px}.choices>button{padding:15px 12px;gap:12px}.choices .arrow{font-size:10px}.continue img{width:75px;height:65px}.continue>button{gap:12px;font-size:12px}footer{flex-wrap:wrap;font-size:11px}.modal{padding:30px 24px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.library h1{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.google-auth{width:100%;margin-top:12px;background:#f3f3ee;color:#182220}.auth-divider{text-align:center}.modal{max-height:calc(100dvh - 40px);overflow-y:auto}.reading-page{padding:clamp(24px,5vw,64px);border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#1c302c,#101c24)}.reading-page h1{font:clamp(32px,5vw,56px) Georgia,serif;margin:16px 0 24px}.page-copy{font:21px/1.8 Georgia,serif;white-space:pre-wrap;max-width:65ch}.dice-face{height:200px;display:grid;grid-template-rows:28px 92px 32px;align-content:center;justify-items:center;margin:24px 0;font:64px Georgia,serif;text-align:center;color:var(--accent)}.app-notices{position:fixed;top:80px;right:16px;width:min(420px,calc(100vw - 32px));z-index:20;pointer-events:none}.app-notices>:not(.sr-only):not(.loading-overlay){pointer-events:auto}.loading-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#09121473;pointer-events:none}.loading-card{max-width:calc(100vw - 32px);padding:24px 32px;border:1px solid var(--accent);border-radius:12px;background:#102224;color:var(--text);box-shadow:0 16px 48px #0008;text-align:center}.dice-face strong{font-weight:400;align-self:center}.studio{padding:36px 5%}.studio h1{font-size:clamp(28px,4vw,48px)}.studio-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px}.studio-library button{display:block;width:100%;margin:8px 0;text-align:left;overflow-wrap:anywhere}.studio-library small{display:block;margin-top:8px}.studio fieldset{border:1px solid #365051;border-radius:12px;padding:24px;min-width:0}.studio label{display:block;margin:16px 0}.studio input:not([type=checkbox]),.studio textarea,.studio select{display:block;width:100%;margin-top:8px;padding:12px;color:var(--text);background:#102224;border:1px solid #536568;border-radius:6px;font:inherit}.studio textarea{resize:vertical}.clip-status{min-height:1.5em;margin:-8px 0 16px}.studio-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.studio-output{border-left:2px solid var(--accent);padding:0 16px 16px;margin:20px 0}.studio-preview{margin-top:32px}.studio code{overflow-wrap:anywhere}@media(max-width:760px){.studio-layout{grid-template-columns:1fr}.studio fieldset{padding:16px}}.dice-result-label,.dice-result-detail{font:16px/1.5 Segoe UI,sans-serif;color:var(--text)}.mock-story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-bottom:28px}.mock-story-grid h3{font:30px Georgia,serif}.scene-player{min-width:0}.scene-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;padding:24px 32px;font-size:20px;width:max-content;max-width:calc(100% - 32px);box-shadow:0 0 0 100vmax #08120db3}.scene-stage{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);position:relative;isolation:isolate;display:grid;overflow:hidden;background:#0b151a;border:1px solid #3b5149;border-radius:10px}.scene-stage:before{content:"";width:100%;min-width:0;grid-area:1/1;aspect-ratio:16/9;pointer-events:none}.scene-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b151a;z-index:0}.scene-film-label{position:absolute;top:20px;left:24px;color:#d2e6dc;font:10px/1.5 Consolas,monospace;letter-spacing:1.8px;padding:5px 9px;background:#101a1bb8;pointer-events:none;z-index:1}.scene-overlay{position:absolute;inset:0;overflow-y:auto;align-content:safe end;grid-area:1/1;z-index:1;align-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:end;padding:110px 36px 28px;background:linear-gradient(transparent,#0b171ce8 24%,#0b171cfc)}.scene-overlay{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}.scene-overlay[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s .35s}.scene-film-label{transition:opacity .35s ease}.watching .scene-film-label{opacity:0}.player-heading,.scene-toolbar,.community,.character-panel,.player-share{transition:opacity .35s ease}.playback-active .player-heading,.playback-active .community,.playback-active .character-panel,.playback-active .player-share{opacity:.18}.playback-active .scene-toolbar{opacity:.35}.playback-active :is(.player-heading,.scene-toolbar,.community,.character-panel,.player-share):is(:hover,:focus-within){opacity:1}@media(prefers-reduced-motion:reduce){.scene-overlay,.scene-overlay[aria-hidden=true],.scene-film-label,.player-heading,.scene-toolbar,.community,.character-panel,.player-share{transition:none}}.scene-copy h1{font:normal clamp(30px,3.2vw,48px) / 1.08 Georgia,serif;letter-spacing:-.8px;margin:0 0 20px;text-wrap:balance}.scene-copy>p:last-child{font:16px/1.65 Georgia,serif;color:#d5e2db;margin:0;max-width:48ch}.scene-copy .eyebrow{margin-bottom:12px;font-size:10px}.scene-overlay .choices{min-width:0}.scene-overlay .choices>.eyebrow{display:none}.scene-overlay .choices>button{margin:8px 0 0;padding:15px 18px;border-color:#75988a;background:#172c29ed;min-height:54px}.scene-overlay .choices>button:hover:not(:disabled){border-color:#c4fce0;background:#28483c}.scene-overlay .choices>button:disabled{opacity:1;color:#abb9b2;background:#1b2725e8;border-color:#485e55}.scene-overlay .choices small{color:#b5c9bf}.scene-overlay .choices>p{color:var(--muted);font-size:13px}.scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;flex-wrap:wrap}.scene-toolbar>span{font:11px/1.5 Consolas,monospace;color:var(--muted)}.scene-toolbar>a{font-size:13px;text-decoration:underline;padding:10px 0;min-height:44px}.scene-player .transcript{margin:8px 0 20px}.player-grid{grid-template-columns:minmax(0,1fr);gap:24px}.player-heading{padding-bottom:16px}.player-series{font:14px/1.6 Segoe UI,sans-serif;color:var(--muted);margin:0}.character-panel{border-top:1px solid var(--line)}.character-panel>summary{font-size:14px}.character-panel aside{margin-top:14px}.character-panel .stats{display:flex;gap:30px;flex-wrap:wrap}.character-panel .stats>div{gap:30px;min-width:150px}.share-story{border-top:1px solid var(--line);margin-top:24px;padding-top:10px}.share-story>summary{font-size:14px}.share-story p{font-size:13px}.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.clip-download{border:1px solid var(--line);border-radius:5px;padding:11px 18px;min-height:44px;font-size:14px}.clip-download:hover{background:#2a3a36}.ending-card{display:grid;gap:4px;max-width:460px;margin:14px 0;padding:18px 20px;border:1px solid #c9b1e955;border-radius:12px;background:radial-gradient(circle at 100% 0%,#c9b1e926,transparent 60%),var(--panel)}.ending-card-eyebrow{font:11px/1.6 Consolas,monospace;letter-spacing:2px;color:var(--violet)}.ending-card strong{font:400 26px/1.2 Georgia,serif}.ending-card span:last-child{color:var(--muted);font-size:13px}@media(max-width:1000px)and (min-width:701px){.scene-overlay{gap:24px;padding:80px 24px 24px}.scene-copy>p:last-child{font-size:14px}.scene-overlay .choices>button{font-size:14px;padding:12px}.scene-overlay .choices small{font-size:11px}.scene-copy h1{font-size:32px}}@media(max-width:700px){.player-grid{padding:0 4% 28px}.scene-stage:before{aspect-ratio:9/16}.scene-stage{max-width:480px;margin-inline:auto}.scene-film-label{top:16px;left:16px;font-size:9px;letter-spacing:1px}.scene-overlay{grid-template-columns:1fr;gap:18px;padding:120px 20px 20px;background:linear-gradient(transparent,#0b171ceb 22%,#0b171cfc)}.scene-copy h1{font-size:32px;margin-bottom:12px}.scene-copy>p:last-child{font-size:15px;line-height:1.55}.scene-copy .eyebrow{font-size:9px;margin-bottom:8px}.scene-overlay .choices>button{font-size:14px;padding:12px;gap:10px}.scene-overlay .choices small{font-size:11px}.scene-overlay .choices .arrow{font-size:10px}.scene-toolbar{max-width:480px;margin:auto}.scene-toolbar>span{order:3;width:100%;text-align:center}.player-heading{padding-top:22px;gap:10px}.player-heading .eyebrow{font-size:10px}.player-heading .saved{font-size:11px}.character-panel .stats{display:block}.character-panel .stats>div{min-width:0}.scene-stage.watching:before{aspect-ratio:9/16}}.player-share{padding:0 6% 24px}@media(min-width:1600px){.scene-copy h1{font-size:48px}}.player-grid>section{min-width:0}.scene-held-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none;opacity:0;transition:opacity .15s ease}.scene-held-frame.visible{opacity:1;transition:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.scene-held-frame{transition:none}}:root{--surface-1: #141b1c;--surface-2: #1a2324;--surface-3: #233031;--border: #ffffff14;--border-strong: #ffffff26;--accent: var(--teal);--on-accent: #10201a;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--shadow: 0 18px 40px rgb(0 0 0 / 35%);--font-ui: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-display: Georgia, "Iowan Old Style", serif}body{font-family:var(--font-ui);background:radial-gradient(1200px 600px at 85% -10%,#a7e9cf0d,transparent 60%),var(--bg)}header{position:sticky;top:0;z-index:20;height:72px;max-width:none;padding:0 max(5%,16px);background:#0d1213c7;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border)}header nav{gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface-1)}header nav button{min-height:36px;padding:6px 16px;border:0;border-radius:999px;color:var(--muted);font-size:14px;font-weight:500}header nav button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}header nav .nav-active{background:var(--surface-3);color:var(--text);border-bottom:0;border-radius:999px;box-shadow:inset 0 -2px 0 var(--accent)}header .account{display:flex;align-items:center;gap:8px;padding:0}.account-chip{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 14px 4px 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface-1);color:var(--text);font-size:14px}.account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-out{min-height:40px;padding:6px 14px;border:0;border-radius:999px;color:var(--muted);font-size:13px}header .sign-in{min-height:40px;padding:8px 20px;border:0;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:650;font-size:14px}header .sign-in:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}:is(.hub,.discover-page,.adventures-page) :is(button,input,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:3px}:is(.hub,.discover-page,.adventures-page,.story-detail) .primary{background:var(--accent);border-color:transparent;color:var(--on-accent);border-radius:999px;padding:11px 22px}:is(.hub,.discover-page,.adventures-page) .primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.ghost{border:1px solid var(--border-strong);border-radius:999px;padding:10px 18px;color:var(--text)}.glass{border:1px solid #ffffff33;border-radius:999px;padding:10px 20px;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font-weight:550}.glass:hover:not(:disabled){background:#ffffff24}.pill-action{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:650;font-size:13px}.panel-title{margin:0 0 16px;font:600 17px/1.3 var(--font-ui);letter-spacing:.1px}.row-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.row-head .panel-title{margin:0}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.chips li{padding:4px 12px;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff0f;font-size:12px}.status-badge{align-self:flex-start;display:inline-flex;margin:0;padding:3px 10px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.3px}.status-badge.in-progress{background:#ecc5971f;color:var(--amber)}.status-badge.completed{background:#a7e9cf1f;color:var(--teal)}.empty-state{display:grid;justify-items:start;gap:14px;padding:26px;border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.empty-state p{margin:0;color:var(--muted)}.placeholder-block,.placeholder{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-1),var(--surface-2),var(--surface-1));background-size:200% 100%;animation:sheen 1.6s linear infinite}.placeholder-block.tall{min-height:360px}.placeholder-block.short{min-height:120px}.row-placeholder{height:86px;border-radius:var(--radius-md)}.summary-placeholder{min-height:520px;margin:24px max(5%,16px)}@keyframes sheen{to{background-position:-200% 0}}.story-cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-md);background:var(--surface-2)}.story-cover img{width:100%;height:100%;object-fit:cover;display:block}.story-cover.generated{display:grid;place-items:center}.story-cover.generated:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 18px,rgb(255 255 255 / 3%) 18px 19px)}.story-cover.generated span{font:400 clamp(40px,6vw,64px) / 1 var(--font-display);opacity:.9}.story-cover.thumb{width:64px;flex:none;aspect-ratio:1;border-radius:var(--radius-sm)}.story-cover.thumb.generated span{font-size:26px}.banner-harbor{background:radial-gradient(60% 90% at 85% 0%,#a7e9cf33,transparent 60%),linear-gradient(120deg,#0f2a2e,#12313a 45%,#0b1a20)}.banner-clockwork{background:repeating-conic-gradient(from 0deg at 88% 30%,#ecc59714 0 6deg,transparent 6deg 18deg),radial-gradient(70% 100% at 90% 20%,#ecc59740,transparent 60%),linear-gradient(120deg,#2a1f12,#3a2a17 50%,#18120b)}.banner-storm{background:repeating-linear-gradient(115deg,transparent 0 22px,#b6c3f00d 22px 24px),radial-gradient(60% 100% at 80% 0%,#8f7fe04d,transparent 60%),linear-gradient(120deg,#161a33,#22204a 50%,#0e1022)}.banner-aurora{background:radial-gradient(50% 120% at 20% 120%,#a7e9cf40,transparent 60%),radial-gradient(50% 120% at 70% -20%,#c9b1e94d,transparent 60%),linear-gradient(120deg,#0d1f24,#1b1838 60%,#0b1418)}.banner-ember{background:radial-gradient(60% 120% at 85% 110%,#f2a7b84d,transparent 60%),radial-gradient(40% 80% at 20% 0%,#ecc59733,transparent 60%),linear-gradient(120deg,#2b1412,#3a1a1d 50%,#170b0c)}.banner-grove{background:radial-gradient(60% 100% at 80% 0%,#cfe89a33,transparent 60%),repeating-radial-gradient(circle at 10% 100%,transparent 0 26px,#cfe89a0a 26px 28px),linear-gradient(120deg,#11241a,#173020 50%,#0a160f)}.hub{max-width:1280px;margin:0 auto;padding:28px max(5%,16px) 72px;display:grid;gap:24px}.hub-hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-height:210px}.hub-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(10 14 15 / 65%),transparent 70%);pointer-events:none}.hub-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:36px 36px 30px;min-height:210px}.hub-hero-inner.placeholder-block{border-radius:0}.hub-identity .eyebrow{margin-bottom:6px;color:var(--accent)}.hub-identity h1{margin:0;font:400 clamp(34px,4.4vw,54px) / 1.05 var(--font-display);letter-spacing:-.5px;overflow-wrap:anywhere}.tagline{margin:8px 0 0;color:#d9e4e0;font-size:16px}.hub-identity .chips{margin-top:14px}.bio{grid-column:2 / -1;margin:0;max-width:70ch;color:#cbd6d2;font-size:14px;white-space:pre-line}.hub-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:20px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:1 / -1}.panel{padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1)}.spotlight-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;width:100%;padding:0;border:0;text-align:left;border-radius:var(--radius-md)}.spotlight-card:hover:not(:disabled){background:none}.spotlight-card:hover .story-cover img{transform:scale(1.03)}.spotlight-card .story-cover img{transition:transform .4s ease}.spotlight-copy{display:grid;align-content:center;justify-items:start;gap:6px}.spotlight-copy small{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.spotlight-copy strong{font:400 clamp(24px,2.6vw,32px) / 1.15 var(--font-display)}.spotlight-copy .pill-action{margin-top:10px}.compact-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}.compact-list button{display:flex;align-items:center;gap:14px;width:100%;padding:8px 14px 8px 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);text-align:left}.compact-list button>span:nth-child(2){flex:1;display:grid;min-width:0}.compact-list strong,.compact-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-list small,.muted{color:var(--muted);font-size:13px}.glance{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.glance li{padding:12px;border-radius:var(--radius-sm);background:var(--surface-2)}.glance b{display:block;font:300 28px/1.1 var(--font-ui)}.glance span{color:var(--muted);font-size:12px}.stat-meters{display:grid;gap:10px;margin:0}.stat-meters div{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:10px}.stat-meters dt{color:var(--muted);font-size:12px}.stat-meters dd{margin:0;display:flex;align-items:center;gap:10px}.stat-meters .track{flex:1;height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.stat-meters .meter{display:block;height:100%;border-radius:3px;background:var(--accent)}.stat-meters b{width:18px;text-align:right;font-weight:600;font-size:13px}.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,360px));gap:16px}.goal-actions button,.tile-actions button{padding:9px 16px;font-size:14px}.goal-card,.story-tile{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);transition:transform .2s ease,border-color .2s ease}.goal-card:hover,.story-tile:hover{transform:translateY(-2px);border-color:var(--border-strong)}.goal-card>.story-cover,.story-tile>.story-cover{border-radius:0}.goal-body,.story-tile-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px}.goal-body h3,.story-tile h3{margin:0;font:400 22px/1.2 var(--font-display)}.endings{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.endings-track{flex:1;height:6px;border-radius:3px;background:#ffffff12;overflow:hidden}.endings-track span{display:block;height:100%;background:var(--violet)}.goal-next{margin:0;font-size:14px}.goal-actions,.tile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0}.timeline li{position:relative;display:flex;gap:14px;padding:0 0 16px}.timeline li:before{content:"";position:absolute;left:4px;top:14px;bottom:-2px;width:1px;background:var(--border-strong)}.timeline li:last-child:before{display:none}.timeline .dot{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--surface-1)}.timeline span:last-child{display:grid}.timeline small{color:var(--muted);font-size:12px}.creator{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.creator .panel-title{margin-bottom:0}.creator-stats{display:flex;gap:18px;color:var(--muted);font-size:13px}.creator-stats b{color:var(--text);font-size:22px;font-weight:400;margin-right:4px}.draft-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;width:100%}.draft-list li{display:grid;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-2)}.draft-list small{color:var(--muted);font-size:12px}.creator .ghost{margin-top:auto}.recommend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.recommend-card{display:grid;grid-template-columns:132px 1fr;gap:16px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1)}.recommend-card .story-cover{aspect-ratio:3 / 4}.recommend-card h3{margin:2px 0 4px;font:400 20px/1.2 var(--font-display)}.recommend-card p{margin:0 0 12px}.recommend-card .reason{margin:0;color:var(--accent);font-size:12px;font-weight:600}.ending-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.ending-badges li{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border:1px solid #c9b1e933;border-radius:999px;background:#c9b1e90d}.ending-badges .gem{color:var(--violet)}.ending-badges span:last-child{display:grid;line-height:1.3}.ending-badges small{color:var(--muted);font-size:11px}.profile-editor{display:grid;gap:20px;padding:24px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow)}.editor-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.editor-head h2{margin:0;font:600 20px/1.3 var(--font-ui)}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.segmented button{min-height:34px;padding:6px 14px;border:0;border-radius:999px;color:var(--muted);font-size:13px;font-weight:550}.segmented :is([aria-selected=true],[aria-pressed=true]){background:var(--accent);color:var(--on-accent)}.segmented :is([aria-selected=true],[aria-pressed=true]):hover:not(:disabled){background:var(--accent)}.editor-panel{display:grid;gap:22px}.field{display:grid;gap:6px;max-width:560px}.field>span{font-size:13px;font-weight:550}.field small,.hint{color:var(--muted);font-size:12px}.field :is(input,textarea){width:100%;padding:11px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;resize:vertical}.profile-editor fieldset{margin:0;padding:0;border:0;min-width:0}.profile-editor legend{margin-bottom:10px;font-size:13px;font-weight:550}.choice-grid{display:grid;gap:10px}.choice-grid.avatars{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.choice-grid.banners{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice{position:relative;display:grid;justify-items:center;gap:6px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);font-size:12px;cursor:pointer}.choice.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px}.choice.pill:not(:has(svg)){padding-left:14px}.choice.swatch{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px}.choice.swatch i{width:22px;height:22px;border-radius:50%}.choice.chosen{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.choice:focus-within{outline:3px solid var(--accent);outline-offset:2px}.choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.choice input:disabled{cursor:not-allowed}.choice:has(input:disabled){opacity:.45}.banner-swatch{width:100%;height:54px;border-radius:var(--radius-sm)}.form-error{margin:0;color:#ffbaaa}.editor-actions{display:flex;flex-wrap:wrap;gap:10px}.discover-page{padding-bottom:72px}.discover-page .hero{margin:24px max(5%,16px) 0;border:1px solid var(--border);border-radius:var(--radius-lg);min-height:560px;box-shadow:var(--shadow)}.discover-page .hero-content{padding:56px 6% 64px}.discover-page .hero .primary{padding:14px 26px}.discover-page .hero .secondary{border-radius:999px}.library-section,.story-detail{max-width:1280px;margin:0 auto;padding:44px max(5%,16px) 0}.library-section h2,.story-detail h2{margin:0;font:400 clamp(26px,3vw,34px) / 1.15 var(--font-display)}.library-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}.search input{width:min(320px,100%);min-height:42px;padding:8px 16px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-1);color:var(--text)}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,380px));gap:18px}.story-tile .meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:12px}.story-tile .meta>span:not(.status-badge)+span:not(.status-badge):before{content:"·";margin-right:8px}.story-tile p{margin:0;color:#c8d3cf;font-size:14px}.more{display:block;margin:24px auto 0}.story-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:36px}.detail-copy{display:grid;gap:16px}.detail-copy p{margin:0;color:#c8d3cf}.detail-copy .eyebrow{color:var(--accent);margin:0}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.story-detail>:is(.shared-ending,.empty-state,.placeholder-block){grid-column:1 / -1}.detail-title{margin:0;font:400 clamp(34px,4.4vw,54px) / 1.05 var(--font-display)}.shared-ending{margin:0;padding:14px 20px;border:1px solid #c9b1e955;border-radius:var(--radius-md);background:#c9b1e912;font-size:16px}.shared-ending strong{color:var(--violet);font:400 20px/1.3 var(--font-display)}.ending-badges .share-ending{margin-left:6px;min-height:32px;padding:4px 12px;border-radius:999px;font-size:12px}.adventures-page{max-width:1080px;margin:0 auto;padding:44px max(5%,16px) 72px}.adventures-page h1{margin:0 0 28px;font:400 clamp(32px,4vw,46px) / 1.1 var(--font-display)}.adventure-group{margin-bottom:28px}.adventure-group .count{margin-left:6px;padding:1px 9px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:12px;font-weight:600}.adventure-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.adventure-list button{display:flex;align-items:center;gap:16px;width:100%;padding:10px 16px 10px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);text-align:left}.adventure-list button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.adventure-copy{flex:1;display:grid;min-width:0}.adventure-copy small{color:var(--accent);font-size:12px;font-weight:600}.adventure-copy strong{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1000px){.span-4,.span-5,.span-7,.span-8{grid-column:1 / -1}.story-detail{grid-template-columns:1fr}}@media(max-width:800px){header{height:auto;padding:12px 16px}header nav{order:3;width:100%;justify-content:space-between;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}header nav button{flex:1 0 auto;padding:6px 10px;font-size:13px}.account-name{max-width:110px}.sign-out{padding:6px 8px}.hub{padding-top:18px;gap:18px}.hub-hero-inner{grid-template-columns:auto 1fr;padding:24px 20px;gap:16px}.hub-hero-inner>.avatar-badge{width:72px;height:72px}.hub-hero-inner>.glass,.bio{grid-column:1 / -1;justify-self:start}.panel{padding:18px}.spotlight-card{grid-template-columns:1fr}.goal-card>.story-cover,.story-tile>.story-cover{aspect-ratio:16 / 7}.glance{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend-grid{grid-template-columns:1fr}.recommend-card{grid-template-columns:96px 1fr}.discover-page .hero{margin:16px 16px 0;min-height:600px}.row-head{flex-wrap:wrap;align-items:flex-start}}@media(max-width:380px){.account-name{display:none}.account-chip{padding-right:5px}}@media(prefers-reduced-motion:reduce){.placeholder-block,.placeholder{animation:none}.goal-card,.story-tile,.spotlight-card .story-cover img{transition:none}.goal-card:hover,.story-tile:hover{transform:none}}