:root{--accent:#8b4a2b;--accent-soft:#f2dfd2;--background:#f7f3ee;--border:#ded6cc;--muted:#756c63;--panel:#fffaf4;--surface:#eee7dd;--text:#2d2925;--text-strong:#15120f;--shadow:0 16px 40px #2d29251f;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{letter-spacing:0}h1,h2,h3,h4,p{margin:0}h1{color:var(--text-strong);font-size:38px;line-height:1}h2{color:var(--text-strong);font-size:34px;line-height:1.08}h3{color:inherit;font-size:26px;line-height:1.16}h4{color:var(--text-strong);margin-bottom:10px;font-size:18px;line-height:1.2}p{line-height:1.55}@media (prefers-color-scheme:dark){:root{--accent:#d39a72;--accent-soft:#d39a722e;--background:#171819;--border:#36322e;--muted:#afa49a;--panel:#22201e;--surface:#1b1c1d;--text:#e8dfd5;--text-strong:#fff7ed;--shadow:0 16px 40px #00000047}}.auth-shell{background:var(--background);color:var(--text);place-items:center;min-height:100svh;padding:24px;display:grid}.auth-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;gap:28px;width:min(100%,420px);max-width:420px;padding:32px;display:grid}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--text-strong);gap:8px;font-size:14px;font-weight:700;display:grid}.auth-form input{background:var(--background);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;padding:10px 12px}.auth-form input:focus{border-color:var(--accent);outline:none}.auth-form button{appearance:none;background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:6px;padding:8px 12px;font-weight:800}.auth-form button.secondary-action{border:1px solid var(--border);color:var(--accent);background:0 0}.auth-form button:disabled{cursor:default;opacity:.6}.app-shell{--app-header-height:66px;--app-header-offset:var(--app-header-height);grid-template-rows:auto 1fr;min-height:100svh;display:grid}.app-shell.app-header-hidden{--app-header-offset:0px}.app-header{background:var(--surface);border-bottom:1px solid var(--border);box-sizing:border-box;height:var(--app-header-height);z-index:20;justify-content:space-between;align-items:center;gap:24px;padding:10px 32px 12px;transition:transform .18s;display:flex;position:sticky;top:0}.app-header-hidden .app-header{pointer-events:none;transform:translateY(calc(-1 * var(--app-header-height)))}.top-brand{align-items:start;gap:4px;min-width:0;display:grid}.top-brand .eyebrow{margin:0;font-size:11px;line-height:1}.top-brand nav{color:var(--text-strong);gap:16px;font-weight:800;display:flex}.top-brand nav button{appearance:none;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.top-brand nav button[aria-current=page]{color:var(--text-strong)}.account-menu{flex:none;position:relative}.account-menu summary{appearance:none;background:var(--accent-soft);color:var(--accent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;list-style:none;display:inline-flex}.account-menu summary::-webkit-details-marker{display:none}.account-popover{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--muted);z-index:30;border-radius:8px;gap:10px;min-width:220px;padding:12px;font-size:13px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.account-popover span{text-overflow:ellipsis;overflow:hidden}.account-popover button{appearance:none;background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:6px;padding:8px 12px;font-weight:800}.library-page,.story-panel{background:var(--background);padding:32px}@media (width<=860px){.app-header{gap:14px;padding:10px 18px 12px}.top-brand{gap:4px}.library-page,.story-panel{padding:24px}}.discover-page{background:var(--background);padding:32px}.discover-title{max-width:780px;margin:0 auto 20px}.discover-title h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:34px;line-height:1.1}.discover-section{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;max-width:780px;margin:0 auto;overflow:hidden}.discover-section h2{border-bottom:1px solid var(--border);color:var(--text-strong);letter-spacing:0;margin:0;padding:14px 18px;font-size:18px}.discover-section>.muted{margin:0;padding:18px}.seed-list{display:grid}.seed-row{border-bottom:1px solid var(--border);color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;grid-template-columns:120px 1fr;gap:16px;width:100%;padding:0 18px 1px 0;display:grid}.seed-row:hover,.seed-row:focus-visible{background:color-mix(in srgb, var(--panel), var(--text-strong) 4%)}.seed-row:focus-visible{outline:2px solid var(--text-strong);outline-offset:-2px}.seed-row:last-child{border-bottom:0}.seed-row-text-only{grid-template-columns:1fr}.seed-row-image{background:color-mix(in srgb, var(--panel), var(--text-strong) 8%);object-fit:cover;width:120px;height:210px}.seed-row-content{align-content:center;gap:12px;min-width:0;padding:14px 0;display:grid}.seed-row h3{color:var(--text-strong);letter-spacing:0;margin:0 0 4px;font-size:17px;line-height:1.2}.seed-row-byline{color:var(--text-strong);margin:0 0 6px;font-size:13px;font-weight:700}.seed-row p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.seed-row-meta{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:12px;font-weight:700;display:flex}.seed-row-meta span:last-child{margin-left:auto}.discover-section-footer{border-top:1px solid var(--border);justify-content:center;padding:12px 18px;display:flex}.discover-more-button{border:1px solid var(--border);color:var(--text-strong);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:700}.discover-more-button:hover,.discover-more-button:focus-visible{background:color-mix(in srgb, var(--panel), var(--text-strong) 5%)}.seed-detail-backdrop{z-index:20;background:#0000008a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.seed-detail{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);aspect-ratio:4/7;border-radius:8px;width:min(100%,560px);max-width:min(560px,57.1vh - 27.408px);max-height:min(780px,100vh - 48px);position:relative;overflow:hidden}.seed-detail-image{object-fit:cover;opacity:.8;width:100%;height:100%;position:absolute;inset:0}.seed-detail-text-only{background:var(--panel)}.seed-detail-body{text-shadow:0 2px 16px #000000db;z-index:1;align-content:end;gap:14px;min-height:100%;padding:28px;display:grid;position:relative;overflow:auto}.seed-detail-close{color:#fff;cursor:pointer;font:inherit;background:#00000057;border:1px solid #ffffff5c;border-radius:999px;justify-content:center;justify-self:end;align-items:center;width:34px;height:34px;padding:0;font-size:22px;line-height:1;display:inline-flex}.seed-detail h3{color:#fff;letter-spacing:0;margin:0;font-size:34px;line-height:1.08}.seed-detail-byline{color:#fff;margin:0;font-size:15px;font-weight:700}.seed-detail-description{color:#ffffffe0;margin:0;font-size:16px;line-height:1.55}.seed-detail-actions{place-items:start;gap:8px;display:grid}.seed-detail-play{color:#111;cursor:pointer;font:inherit;background:#fff;border:0;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-weight:800;display:inline-flex}.seed-detail-play:before{border-block:6px solid #0000;content:"";border-left:10px solid;width:0;height:0;display:block}.seed-detail-play:disabled{cursor:wait;opacity:.76}.seed-detail-error{color:#ffdfdf;margin:0;font-size:14px;font-weight:700}.seed-detail-stats{border-top:1px solid #ffffff3d;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 0;padding:18px 0 0;display:grid}.seed-detail-stats div{gap:4px;display:grid}.seed-detail-stats dt{color:#fff;font-weight:700}.seed-detail-stats dd{color:#ffffffd1;margin:0}.seed-detail-text-only .seed-detail-body{min-height:0;text-shadow:none}.seed-detail-text-only .seed-detail-close{border-color:var(--border);color:var(--text-strong);background:0 0}.seed-detail-text-only h3,.seed-detail-text-only .seed-detail-byline,.seed-detail-text-only .seed-detail-stats dt{color:var(--text-strong)}.seed-detail-text-only .seed-detail-description,.seed-detail-text-only .seed-detail-stats dd{color:var(--muted)}.seed-detail-text-only .seed-detail-play{background:var(--text-strong);color:var(--panel)}.seed-detail-text-only .seed-detail-error{color:#9f1d1d}.seed-detail-text-only .seed-detail-stats{border-top-color:var(--border)}@media (width<=860px){.discover-page{padding:24px}.seed-row{grid-template-columns:92px 1fr}.seed-row-image{width:92px;height:160px}.seed-row-meta span:last-child{margin-left:0}.seed-detail{max-width:min(100%,57.1vh - 18.272px);max-height:calc(100vh - 32px)}}.library-title{margin-bottom:32px}.library-title h1{color:var(--text-strong);letter-spacing:0;margin:0;font-size:34px;line-height:1.1}.library-page{max-width:1120px;margin:0 auto}.run-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.library-empty{align-items:start;gap:12px;display:grid}.library-empty .notice{margin:0}.library-empty button{appearance:none;background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:8px;padding:10px 14px;font-weight:800}.run-item{appearance:none;background:var(--panel);border:1px solid var(--border);color:inherit;cursor:pointer;font:inherit;text-align:left;border-radius:8px;gap:8px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.run-item:hover,.run-item.selected{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.run-item-title{color:var(--text-strong);font-weight:750}.run-item-meta{color:var(--accent);font-size:13px;font-weight:700}.run-item-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.story-panel{box-sizing:border-box;min-height:calc(100svh - var(--app-header-offset));grid-template-rows:minmax(0,1fr);gap:0;padding:0;display:grid;overflow:visible}.story-context{background:color-mix(in srgb, var(--panel) 88%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 78%, transparent);top:var(--app-header-offset);z-index:3;gap:8px;padding:14px clamp(24px,5vw,64px) 12px;transition:top .18s;display:grid;position:sticky}.story-context>.eyebrow,.story-context>.world-header,.story-stream,.story-action-dock{box-sizing:border-box;width:100%;max-width:860px;margin-left:auto;margin-right:auto}.story-stream{gap:28px;min-height:0;padding:30px clamp(24px,5vw,64px) 36px;scroll-padding-block:32px;line-height:1.72;display:grid}.story-creation{background:var(--panel);min-height:calc(100svh - var(--app-header-offset));align-items:start;padding:clamp(24px,6vw,72px);display:grid;position:relative;overflow:hidden}.story-creation-image{object-fit:contain;opacity:.8;width:100%;height:100%;position:absolute;inset:0}.story-creation-content{box-sizing:border-box;max-width:min(860px, calc((100svh - var(--app-header-offset)) * .571));text-shadow:0 2px 18px #000000ad;width:min(100%, calc((100svh - var(--app-header-offset)) * .571));z-index:1;justify-self:center;align-items:center;gap:16px;padding-inline:24px;display:flex;position:relative}.story-creation h1,.story-creation .eyebrow{color:#fff}.story-creation h1{letter-spacing:0;margin:6px 0 0;font-size:clamp(28px,5vw,54px);line-height:1.08}.story-creation .eyebrow{margin:0}.story-creation-status{align-items:center;gap:8px;display:flex}.story-creation .progress-spinner{border:2px solid #ffffff47;border-top-color:#fff}.story-creation-text-only .story-creation-content{text-shadow:none}.story-creation-text-only h1,.story-creation-text-only .eyebrow{color:var(--text-strong)}.story-creation-text-only .progress-spinner{border:2px solid color-mix(in srgb, var(--text-strong) 18%, transparent);border-top-color:var(--text-strong)}.story-turn{--mood-primary:#2a3b47;--mood-secondary:#a06f4c;gap:14px;padding:0;display:grid;position:relative}.story-turn.active{margin:4px -18px 0;padding:24px 18px 28px}.story-turn.active:before{background:radial-gradient(ellipse at 18% 12%, color-mix(in srgb, var(--mood-primary) 42%, transparent), transparent 58%), radial-gradient(ellipse at 84% 28%, color-mix(in srgb, var(--mood-secondary) 44%, transparent), transparent 60%), linear-gradient(122deg, color-mix(in srgb, var(--mood-primary) 18%, transparent), color-mix(in srgb, var(--mood-secondary) 20%, transparent));content:"";filter:blur(7px)saturate(1.1);opacity:.78;pointer-events:none;border-radius:34% 62% 46% 54%/36% 42% 58% 54%;position:absolute;inset:0 -8px -2px}.story-turn.active>*{z-index:1;position:relative}.story-action-row{justify-content:space-between;align-items:center;gap:10px;max-width:680px;display:flex}.chosen-action{text-align:left;flex:auto;gap:2px;padding:0;animation:.18s ease-out chosen-action-enter;display:grid}.chosen-action.pending{background:color-mix(in srgb, var(--panel) 76%, transparent);border:1px solid color-mix(in srgb, var(--border) 68%, transparent);border-radius:20px;min-height:40px;padding:6px 12px}.chosen-action-meta{align-items:center;gap:6px;display:flex}.chosen-action-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.3}.chosen-action-meta.risk-low .chosen-action-label,.chosen-action-meta.risk-medium .chosen-action-label,.chosen-action-meta.risk-high .chosen-action-label{color:var(--accent)}.chosen-action>span:last-child,.choice-button>span:last-child{color:var(--text-strong);line-height:1.35}.story-result{gap:14px;max-width:680px;display:grid}.story-result h3{color:var(--text-strong);margin:0;font-size:24px;line-height:1.18}.story-turn:not(.active) .story-result h3{font-size:18px}.progress-spinner{border:2px solid color-mix(in srgb, var(--mood-primary) 20%, transparent);border-top-color:var(--mood-primary);border-radius:999px;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}.story-content{gap:14px;max-width:680px;display:grid}.story-content p{color:var(--text);margin:0;font-size:17px}.world-header{gap:8px;display:grid}.world-pill-row{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.world-pill-row::-webkit-scrollbar{display:none}.world-turn-pill,.world-header-button,.world-objective-pill{appearance:none;background:color-mix(in srgb, var(--panel) 78%, transparent);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);color:var(--text);font:inherit;border-radius:999px;flex:none;align-items:center;min-height:34px;display:inline-flex}.world-turn-pill{color:var(--muted);padding:6px 10px;font-size:13px;font-weight:800}.world-header-button{cursor:pointer;gap:6px;padding:6px 10px}.world-header-button:hover,.world-header-button:focus-visible,.world-objective-pill:hover,.world-objective-pill:focus-visible{border-color:var(--accent);outline:none}.world-header-button strong{color:var(--text-strong);font-size:13px}.world-header-button span{color:var(--muted);font-size:13px}.world-objective-pill{cursor:pointer;justify-self:start;gap:9px;max-width:100%;padding:7px 11px}.world-objective-pill>span:last-child{text-align:left;gap:1px;min-width:0;display:grid}.world-objective-pill strong,.world-objective-pill small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.world-objective-pill strong{color:var(--text-strong);font-size:13px}.world-objective-pill small{color:var(--muted);font-size:12px}.world-objective-status{background:var(--accent);border-radius:999px;flex:none;width:10px;height:10px}.status-completed{background:#16a34a}.status-failed{background:#dc2626}.world-drawer-backdrop{justify-content:center;align-items:center;width:100%;padding-top:16px;display:flex}.world-drawer{background:var(--panel);border:1px solid var(--border);box-sizing:border-box;border-radius:8px;grid-template-rows:auto minmax(0,1fr);gap:18px;width:100%;max-width:720px;max-height:min(720px,70svh);margin:0 auto;padding:22px;display:grid;overflow:hidden;box-shadow:0 24px 70px #0c111c57}.world-drawer-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.world-drawer-header h3{color:var(--text-strong);margin:0;font-size:28px;line-height:1.1}.world-drawer-header button{appearance:none;background:var(--accent-soft);color:var(--accent);cursor:pointer;font:inherit;border:0;border-radius:999px;padding:7px 11px;font-weight:800}.world-drawer-content{gap:18px;min-height:0;display:grid;overflow:auto}.world-detail-section{gap:10px;display:grid}.world-detail-section h4{color:var(--muted);margin:0;font-size:13px}.world-detail-row{border-top:1px solid var(--border);gap:6px;padding-top:12px;display:grid}.world-detail-row h5{color:var(--text-strong);margin:0;font-size:16px;line-height:1.25}.world-detail-row p{color:var(--text);margin:0;font-size:14px;line-height:1.45}.world-detail-row .world-detail-meta{color:var(--accent);font-weight:800}.world-stat-stack{gap:10px;margin-top:4px;display:grid}.world-stat{grid-template-columns:minmax(0,1fr) auto;gap:5px;display:grid}.world-stat>span{color:var(--text-strong);font-size:12px;font-weight:800}.world-stat>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.world-stat-track{background:var(--accent-soft);border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.world-stat-track span{background:var(--accent);border-radius:inherit;height:100%;display:block}.world-stat p{color:var(--muted);grid-column:1/-1;font-size:12px}.next-action{gap:10px;display:grid}.story-action-dock{padding:0 clamp(24px, 5vw, 64px) calc(24px + var(--story-scroll-tail,0px));background:0 0;border-top:0;gap:10px;display:grid}.choice-grid{gap:8px;max-width:680px;display:grid}.choice-button{appearance:none;background:color-mix(in srgb, var(--panel) 82%, transparent);border:1px solid color-mix(in srgb, var(--border) 74%, transparent);color:inherit;cursor:pointer;font:inherit;text-align:left;border-radius:20px;align-content:center;gap:2px;min-height:40px;padding:6px 12px;display:grid}.choice-button:hover:not(:disabled),.choice-button:focus-visible{border-color:var(--accent);outline:none}.choice-button:disabled{cursor:default;opacity:.6}.risk-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;justify-self:start;margin-left:-4px;padding:2px 8px;font-size:11px;font-weight:800;line-height:1.3;display:inline-flex}.risk-low{--accent:#a16207;--accent-soft:#fef08a}.risk-medium{--accent:#c2410c;--accent-soft:#ffedd5}.risk-high{--accent:#b91c1c;--accent-soft:#fee2e2}.free-action{background:var(--panel);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px;display:grid}.free-action input,.free-action button{font:inherit;border:0;border-radius:6px}.free-action input{color:var(--text);background:0 0;outline:none;min-width:0;padding:8px 10px}.free-action button{background:var(--accent);color:#fff;cursor:pointer;padding:8px 18px;font-weight:800}.free-action button:disabled{cursor:default;opacity:.5}@keyframes spin{to{transform:rotate(360deg)}}@keyframes chosen-action-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.story-header{padding:10px 18px}.story-context{padding:12px 18px 10px}.choice-grid{gap:8px}.choice-button{padding:6px 10px;font-size:14px}.story-stream{padding:22px 18px 18px}.story-action-dock{padding:0 18px calc(max(12px, env(safe-area-inset-bottom)) + var(--story-scroll-tail,0px))}.story-action-dock .eyebrow{display:none}.free-action{padding:8px}.free-action input{padding:6px 8px}.free-action button{padding:6px 12px}.story-turn{padding:0}.story-turn.active{margin:0 -10px;padding:22px 10px 24px}}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.muted,.notice{color:var(--muted);margin:0}.notice{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px}