:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101713;--panel:#18221b;--line:#354239;--text:#e9e9de;--muted:#a5b2a8;--accent:#d8ba7c;--player:#354631}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:.7rem 1rem}button:disabled{opacity:.5;cursor:wait}a{color:inherit}h1,h2,.brand{font-family:Georgia,Times New Roman,serif;line-height:1.15}h1{letter-spacing:-.035em;font-size:clamp(2.4rem,4.5vw,4.4rem);font-weight:400}h2{font-size:1.65rem;font-weight:400}p{margin:0 0 1rem}h1 em{color:var(--accent);font-weight:400}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:84px;padding:0 max(24px,5vw);display:flex}.brand{letter-spacing:.06em;white-space:nowrap;font-size:1.12rem;text-decoration:none}.brand-mark{color:var(--accent);margin-right:12px;font-size:1.7rem}nav{gap:7px;display:flex}nav button{color:var(--muted);background:0 0;border-color:#0000;padding:.5rem .8rem}nav .nav-active{color:var(--accent);background:#243025}footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;padding:22px 5vw;font-size:.75rem;display:flex}.eyebrow{letter-spacing:.17em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:.7rem;font-weight:700}.primary{background:var(--accent);border-color:var(--accent);color:#172117;font-weight:700}.primary:hover:not(:disabled){background:#edcf92}.full{width:100%}.welcome,.library{max-width:1280px;margin:auto;padding:55px 30px 80px}.account-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;max-width:1160px;min-height:78vh;margin:auto;padding:60px 30px;display:grid}.account-intro{position:relative;overflow:hidden}.account-intro>p:not(.eyebrow){max-width:400px;color:var(--muted);font-size:1.05rem}.account-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:38px}.account-card h2{margin-top:0;font-size:2.1rem}.account-card label{color:var(--muted);margin:18px 0;font-size:.83rem;display:block}.account-card input:not([type=checkbox]){width:100%;color:var(--text);background:#101713;border:1px solid #4b584e;border-radius:8px;margin-top:7px;padding:12px;display:block}.account-links{flex-direction:column;margin-top:15px;display:flex}.account-links button{text-align:left;background:0 0;border:none;padding:7px 0;font-size:.8rem}.check{gap:10px;display:flex!important}.orbital-art{width:170px;height:170px;color:var(--accent);box-shadow:35px 5px 0 -1px var(--bg),36px 5px 0 0 #626a47;border:1px solid #626a47;border-radius:50%;place-items:center;margin:35px 0;display:grid;transform:rotate(-15deg)}.orbital-art span{font-size:6rem}.library-heading{justify-content:space-between;margin-bottom:45px;display:flex}.library-heading h1{margin:0 0 15px}.library-heading>div>p:last-child{color:var(--muted)}.compass{color:var(--accent);font-size:7rem;line-height:1}.world-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.world-card,.journey-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.world-content,.journey-card{padding:25px}.world-content h2{min-height:60px;margin:10px 0 18px}.world-content>p:not(.eyebrow),.journey-card>p:not(.eyebrow){color:var(--muted);font-size:.9rem}.world-landscape{color:#e2d4a5;background:radial-gradient(at 50% 160%,#77906c 0 42%,#0000 43%),radial-gradient(at 110% 150%,#425c47 0 60%,#263d30 61%);place-items:center;height:130px;font-size:3rem;display:grid}.world-1 .world-landscape{filter:hue-rotate(30deg)}.world-2 .world-landscape{filter:hue-rotate(-35deg)}.world-3 .world-landscape{filter:hue-rotate(100deg)}.world-meta{color:var(--muted);justify-content:space-between;gap:8px;margin:20px 0;font-size:.7rem;display:flex}.world-content>.primary{width:100%}.game-layout{grid-template-columns:minmax(0,1fr) 260px;gap:35px;max-width:1370px;margin:auto;padding:25px 40px;display:grid}.game-heading{border-bottom:1px solid var(--line);padding-bottom:20px;position:relative}.game-heading h1{margin:12px 0 0;padding-right:105px;font-size:1.8rem}.back{color:var(--muted);background:0 0;border:none;padding:0;font-size:.8rem}.chapter{color:var(--accent);border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:.7rem;position:absolute;bottom:25px;right:0}.story{scrollbar-color:#56614e transparent;overscroll-behavior:contain;flex-direction:column;gap:22px;height:56vh;min-height:270px;padding:26px 12px 26px 0;display:flex;overflow-y:auto}.bubble{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:20px;flex-shrink:0;min-width:0;padding:19px 24px}.bubble p{white-space:pre-wrap;margin:0}.bubble.narrator{background:var(--panel);border-bottom-left-radius:4px;align-self:flex-start;max-width:92%;font-family:Georgia,Times New Roman,serif;font-size:1.04rem;line-height:1.9}.bubble.player{background:var(--player);border-color:#53654a;border-bottom-right-radius:4px;align-self:flex-end;max-width:82%}.speaker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-family:Arial,sans-serif;font-size:.62rem;font-weight:700;display:block}.pending{opacity:.7}.writing{color:var(--muted);align-items:center;gap:10px;font-size:.8rem;display:flex}.writing-dots{letter-spacing:4px;color:var(--accent);animation:1.5s infinite breathe}.choices{flex-direction:column;gap:8px;margin:14px 0;display:flex}.choices button{text-align:left;background:0 0;align-items:center;gap:12px;padding:10px 14px;font-size:.87rem;display:flex}.choices button:hover:not(:disabled){background:var(--panel);border-color:var(--accent)}.choices button>span{border:1px solid var(--line);color:var(--accent);text-align:center;border-radius:5px;flex-shrink:0;width:23px;height:23px;font-size:.7rem}.choices button>b{color:var(--accent);margin-left:auto}.composer{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:12px;padding:12px;display:flex}.composer textarea{resize:vertical;min-width:0;min-height:50px;max-height:160px;color:var(--text);background:0 0;border:none;flex:1;padding:10px}.composer button{align-self:flex-end}.allowance{color:var(--muted);justify-content:space-between;gap:12px;margin:9px 0;font-size:.65rem;display:flex}.campaign-rail{border-left:1px solid var(--line);padding-top:22px;padding-left:30px}.campaign-rail h2{margin:0}.rail-art{border:1px solid var(--line);height:170px;color:var(--accent);background:radial-gradient(at bottom,#43513b,#0000);border-radius:70px 70px 8px 8px;place-items:center;margin:25px 0;font-size:5rem;display:grid}dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:23px;font-size:.67rem}dd{margin:7px 0;font-family:Georgia,serif}.rail-note{color:var(--muted);border-top:1px solid var(--line);margin-top:35px;padding-top:25px;font-family:Georgia,serif;font-size:.87rem;font-style:italic}.error{color:#ffd1bd;background:#462e27;border:1px solid #795444;border-radius:9px;padding:12px;font-size:.85rem}.notice{color:#d4e5c7;background:#2d432f;border-radius:9px;padding:12px}.earlier,.new-message{border-radius:20px;align-self:center;font-size:.75rem}.empty{color:var(--muted);padding:50px}.sr-only,.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:99;background:var(--accent);color:var(--bg);padding:15px;position:absolute}@keyframes breathe{50%{opacity:.35}}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bubble.arriving{animation:.18s ease-out arrive}@media (max-width:1000px){.world-grid{grid-template-columns:repeat(2,1fr)}.game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px;padding:20px}.campaign-rail{padding-left:20px}.account-layout{gap:35px}.account-card{padding:25px}}@media (max-width:700px){.site-header{flex-wrap:wrap;gap:8px;height:auto;min-height:72px;padding:15px 18px}.brand{font-size:.95rem}nav{justify-content:space-between;width:100%}nav button{padding:5px;font-size:.75rem}.account-layout{grid-template-columns:1fr;padding:35px 20px}.account-intro h1{font-size:3.1rem}.orbital-art{display:none}.library{padding:35px 20px}.world-grid{grid-template-columns:1fr}.compass{display:none}.game-layout{padding:15px;display:block}.game-heading h1{font-size:1.3rem}.campaign-rail{border:0;padding:20px 0}.rail-art,.rail-note{display:none}.campaign-rail dl{grid-template-columns:1fr 2fr;gap:12px;display:grid}.campaign-rail dt,.campaign-rail dd{margin:0}.story{height:52vh;padding-right:4px}.bubble{padding:15px 18px}.bubble.narrator{max-width:95%;font-size:.96rem}.bubble.player{max-width:88%}.composer{gap:5px;padding:7px}.allowance{font-size:.6rem}.allowance span{display:none}footer{flex-direction:column;gap:8px;font-size:.65rem}.world-content h2{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.scene-image{aspect-ratio:16/9;background:#101713;border-radius:10px;margin-top:16px;overflow:hidden}.scene-image img{object-fit:contain;width:100%;height:100%}.scene-image p{padding:24px;font:14px Arial}.runtime-notice{text-align:center;background:#403820;margin:0;padding:8px 24px;font-size:.8rem}.journey-actions{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.journey-actions button{color:var(--muted);background:0 0;padding:5px 9px;font-size:.75rem}.ai-usage section{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:2rem 0;padding:1.5rem}.ai-usage h1{font-size:clamp(2rem,4vw,3.5rem)}.ai-usage h2{margin-top:0}.ai-usage p,.ai-usage small{color:var(--muted)}.ai-usage .usage-form{flex-wrap:wrap;align-items:end;gap:1rem;margin:1.5rem 0;display:flex}.ai-usage label{flex-direction:column;gap:.4rem;max-width:100%;font-size:.85rem;display:flex}.ai-usage input,.ai-usage select{background:var(--bg);min-height:44px;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;max-width:100%;padding:.5rem}.ai-usage .usage-totals{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.ai-usage .usage-totals>div{background:var(--bg);border-radius:8px;padding:1rem}.ai-usage dt{margin-top:0}.ai-usage dd{overflow-wrap:anywhere;font-size:1.15rem}.ai-usage small{font-size:.75rem;display:block}.ai-usage .usage-scroll{overflow-x:auto}.ai-usage table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.ai-usage th,.ai-usage td{border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:.7rem}.ai-usage th{color:var(--muted)}.ai-usage caption{text-align:left;color:var(--muted)}.ai-usage meter{width:100%;min-width:100px;display:block}.ai-usage .usage-actions{flex-wrap:wrap;gap:.75rem;display:flex}.site-header nav a{align-self:center;padding:.5rem .8rem;font-size:.9rem}@media (max-width:700px){.ai-usage section{padding:1rem}.ai-usage .usage-totals{grid-template-columns:1fr}.ai-usage .usage-form label,.ai-usage input,.ai-usage select{width:100%}}.ai-usage .usage-scroll table{min-width:640px}
