:root{color:#f5f0e8;background:#111;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#781e1e40,#0000 35%),#111;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.reader-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.story-panel{background:#121212db;border:1px solid #f5f0e829;border-radius:24px;width:min(760px,100%);padding:32px;box-shadow:0 24px 80px #00000073}.story-header{margin-bottom:28px}.eyebrow{color:#c6a56b;text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.78rem;font-weight:700}h1{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1}.progress-text{color:#aaa;font-size:.9rem}.story-body{color:#e8dfd2;font-size:1.08rem;line-height:1.75}.choice-grid{gap:14px;margin-top:32px;display:grid}.choice-button,.ending-box button{color:#f5f0e8;cursor:pointer;background:#c6a56b14;border:1px solid #c6a56b80;border-radius:16px;width:100%;padding:16px 18px;transition:transform .15s,background .15s,border-color .15s}.choice-button:hover,.ending-box button:hover{background:#c6a56b29;border-color:#c6a56be6;transform:translateY(-1px)}.ending-box{background:#ffffff0f;border-radius:16px;margin-top:32px;padding:18px}.app-shell{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:48px 16px}.hero-panel{background:#121212db;border:1px solid #f5f0e829;border-radius:28px;padding:48px;box-shadow:0 24px 80px #00000073}.hero-panel h1{max-width:760px}.hero-copy{color:#d8cdbc;max-width:680px;font-size:1.12rem;line-height:1.7}.library-section{margin-top:32px}.section-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.section-header h2{margin:0;font-size:1.6rem}.section-header p{color:#aaa;margin:0}.story-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.story-card{background:#121212b8;border:1px solid #f5f0e824;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:260px;padding:24px;display:flex}.story-card h3{margin:0 0 10px;font-size:1.45rem}.story-card p{color:#d8cdbc;line-height:1.55}.story-card button,.back-link{color:#f5f0e8;cursor:pointer;background:#c6a56b14;border:1px solid #c6a56b80;border-radius:14px;padding:12px 16px}.story-card button:hover,.back-link:hover{background:#c6a56b29}.story-access{color:#c6a56b;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-size:.75rem;font-weight:700}.genre-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.genre-row span{color:#ead9b8;background:#c6a56b1f;border-radius:999px;padding:6px 10px;font-size:.8rem}.back-link{z-index:10;position:fixed;top:18px;left:18px}.error-box{background:#ff787814;border:1px solid #ff787866;border-radius:16px;padding:18px}.locked-box{background:#c6a56b14;border:1px solid #c6a56b73;border-radius:18px;margin-top:24px;padding:24px}.locked-box h2{margin:0 0 12px;font-size:1.6rem}.locked-box p{color:#d8cdbc;line-height:1.6}.lock-label{color:#c6a56b;text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.78rem;font-weight:700}.locked-box button{color:#f5f0e8;cursor:pointer;background:#c6a56b1f;border:1px solid #c6a56b80;border-radius:14px;width:100%;margin-top:12px;padding:12px 16px}.locked-box .secondary-button{background:0 0}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:32px;display:grid}.pricing-card{background:#121212b8;border:1px solid #f5f0e824;border-radius:22px;padding:28px}.featured-pricing-card{background:#c6a56b17;border-color:#c6a56ba6}.pricing-card h2{margin:0;font-size:1.6rem}.price-text{color:#f5f0e8;margin:14px 0;font-size:2rem;font-weight:800}.pricing-card ul{color:#d8cdbc;min-height:140px;padding-left:20px;line-height:1.8}.pricing-card button{color:#f5f0e8;cursor:pointer;background:#c6a56b1f;border:1px solid #c6a56b80;border-radius:14px;width:100%;padding:12px 16px}.pricing-card button:hover{background:#c6a56b2e}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0c0cdb;border-bottom:1px solid #f5f0e81f;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 24px;display:flex;position:sticky;top:0}.brand-button{color:#f5f0e8;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.1rem;font-weight:900}.main-nav{align-items:center;gap:8px;display:flex}.main-nav button{color:#d8cdbc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 12px}.main-nav button:hover,.main-nav .active-nav-link{color:#f5f0e8;background:#c6a56b1a;border-color:#c6a56b73}.info-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:32px;display:grid}.info-card{background:#121212b8;border:1px solid #f5f0e824;border-radius:22px;padding:26px}.info-card h2{margin:0 0 12px;font-size:1.45rem}.info-card p{color:#d8cdbc;line-height:1.65}@media (width<=620px){.site-header{flex-direction:column;align-items:flex-start}.main-nav{width:100%;overflow-x:auto}.hero-panel{padding:32px 24px}.story-panel{padding:26px 22px}.back-link{margin:16px 0 0 16px;position:static}}.primary-action-button{color:#f5f0e8;cursor:pointer;background:#c6a56b1f;border:1px solid #c6a56b80;border-radius:14px;margin-top:18px;padding:12px 16px}.primary-action-button:hover{background:#c6a56b2e}.badge-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.status-badge{color:#d8cdbc;text-transform:uppercase;letter-spacing:.08em;background:#f5f0e80f;border:1px solid #f5f0e824;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.76rem;font-weight:800;display:inline-flex}.status-badge-free{color:#b8f0c9;background:#73d2961a;border-color:#73d29666}.status-badge-premium{color:#ead9b8;background:#c6a56b1f;border-color:#c6a56b8c}.status-badge-locked{color:#ffc4c4;background:#ff7d7d1a;border-color:#ff7d7d80}.status-badge-ending{color:#c9d6ff;background:#96b4ff1a;border-color:#96b4ff73}.story-card{gap:24px}.story-card button{margin-top:8px}.site-footer{border-top:1px solid #f5f0e81f;justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100%);margin:16px auto 0;padding:28px 16px 40px;display:flex}.footer-brand{color:#f5f0e8;letter-spacing:.04em;margin:0 0 6px;font-weight:900}.footer-copy{color:#aaa;margin:0;font-size:.92rem}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.footer-links button{color:#d8cdbc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 10px}.footer-links button:hover{color:#f5f0e8;background:#c6a56b1a;border-color:#c6a56b73}.legal-panel{background:#121212b8;border:1px solid #f5f0e824;border-radius:22px;margin-top:32px;padding:32px}.legal-panel h2{color:#f5f0e8;margin:28px 0 8px;font-size:1.35rem}.legal-panel h2:first-of-type{margin-top:0}.legal-panel p{color:#d8cdbc;line-height:1.7}.legal-note{background:#c6a56b14;border:1px solid #c6a56b66;border-radius:14px;padding:16px}@media (width<=720px){.site-footer{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}.legal-panel{padding:24px}}.story-card-actions{gap:10px;display:grid}.story-card .secondary-card-button{color:#d8cdbc;background:0 0;border-color:#f5f0e82e}.story-card .secondary-card-button:hover{color:#ffc4c4;background:#ff7d7d14;border-color:#ff7d7d6b}.reader-path-panel{background:#ffffff0a;border:1px solid #f5f0e81f;border-radius:18px;margin-top:28px;padding:18px}.reader-path-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.reader-path-header h2{margin:0;font-size:1.2rem}.reader-path-header button{color:#f5f0e8;cursor:pointer;background:#c6a56b14;border:1px solid #c6a56b80;border-radius:14px;padding:10px 12px}.reader-path-header button:hover:not(:disabled){background:#c6a56b29}.reader-path-header button:disabled{opacity:.45;cursor:not-allowed}.path-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.path-list li{color:#d8cdbc;background:#00000029;border:1px solid #f5f0e814;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.path-list li span{color:#111;background:#c6a56b;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:900;display:inline-flex}.path-list li p{margin:0}.path-list .active-path-node{background:#c6a56b14;border-color:#c6a56b80}@media (width<=620px){.reader-path-header{flex-direction:column;align-items:flex-start}.reader-path-header button{width:100%}}.ending-summary-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.ending-summary-row span{color:#c9d6ff;background:#96b4ff14;border:1px solid #96b4ff47;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.account-stat-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:32px;display:grid}.account-stat-grid .info-card h2{font-size:2rem}.account-section{margin-top:34px}.account-story-list{gap:14px;display:grid}.account-story-card{background:#121212b8;border:1px solid #f5f0e824;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.account-story-card h3{margin:0 0 10px;font-size:1.35rem}.account-story-card p{color:#d8cdbc;margin:6px 0;line-height:1.55}.account-story-card strong{color:#f5f0e8}.account-story-card button{color:#f5f0e8;cursor:pointer;background:#c6a56b1f;border:1px solid #c6a56b80;border-radius:14px;min-width:120px;padding:12px 16px}.account-story-card button:hover{background:#c6a56b2e}.empty-state-panel{background:#1212128c;border:1px solid #f5f0e81f;border-radius:18px;padding:22px}.empty-state-panel p{color:#d8cdbc;margin:0}@media (width<=680px){.account-story-card{flex-direction:column;align-items:stretch}.account-story-card button{width:100%}}.data-control-panel{background:#ff7d7d0f;border:1px solid #ff7d7d38;border-radius:20px;justify-content:space-between;align-items:center;gap:22px;padding:24px;display:flex}.data-control-panel h2{margin:0 0 8px;font-size:1.4rem}.data-control-panel p{color:#d8cdbc;margin:0;line-height:1.6}.danger-button{color:#ffc4c4;cursor:pointer;background:#ff7d7d14;border:1px solid #ff7d7d7a;border-radius:14px;min-width:160px;padding:12px 16px}.danger-button:hover:not(:disabled){background:#ff7d7d24}.danger-button:disabled{opacity:.45;cursor:not-allowed}@media (width<=680px){.data-control-panel{flex-direction:column;align-items:stretch}.danger-button{width:100%}}.story-meta-row{color:#aaa;flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:.86rem;display:flex}.story-meta-row span{align-items:center;display:inline-flex}.story-meta-row span:not(:last-child):after{content:"•";color:#f5f0e859;margin-left:14px}.library-filter-panel{background:#1212129e;border:1px solid #f5f0e81f;border-radius:20px;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:12px;margin-bottom:22px;padding:18px;display:grid}.filter-field{gap:7px;display:grid}.filter-field span{color:#c6a56b;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.filter-field input,.filter-field select{color:#f5f0e8;background:#0000003d;border:1px solid #f5f0e829;border-radius:13px;outline:none;width:100%;padding:11px 12px}.filter-field input:focus,.filter-field select:focus{border-color:#c6a56bb8}.filter-field input::placeholder{color:#f5f0e86b}.clear-filter-button{color:#d8cdbc;cursor:pointer;background:0 0;border:1px solid #f5f0e829;border-radius:13px;padding:11px 12px}.clear-filter-button:hover{color:#f5f0e8;background:#c6a56b14;border-color:#c6a56b8c}@media (width<=980px){.library-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-search-field{grid-column:1/-1}.clear-filter-button{width:100%}}@media (width<=620px){.library-filter-panel{grid-template-columns:1fr}.filter-search-field{grid-column:auto}}.filter-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f0e8;background-color:#151515}.filter-field select option{color:#f5f0e8;background-color:#151515}.filter-field select option:checked{color:#111;background-color:#c6a56b}.story-detail-hero{background:linear-gradient(135deg,#c6a56b1f,#0000 40%),#121212db;border:1px solid #f5f0e829;border-radius:28px;padding:48px;box-shadow:0 24px 80px #00000073}.story-detail-hero h1{max-width:820px}.story-detail-meta-row{margin-top:18px}.story-detail-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.story-detail-actions button{color:#f5f0e8;cursor:pointer;background:#c6a56b1f;border:1px solid #c6a56b80;border-radius:14px;padding:13px 18px}.story-detail-actions button:hover{background:#c6a56b2e}.story-detail-actions .secondary-detail-button{color:#d8cdbc;background:0 0;border-color:#f5f0e82e}.story-detail-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:32px;display:grid}@media (width<=620px){.story-detail-hero{padding:32px 24px}.story-detail-actions button{width:100%}}.story-cover{isolation:isolate;background:#181818;border:1px solid #f5f0e824;border-radius:20px;position:relative;overflow:hidden}.story-cover-card{min-height:150px;margin-bottom:4px}.story-cover-detail{min-height:360px}.story-cover:before,.story-cover:after{content:"";z-index:-2;position:absolute;inset:0}.story-cover:after{z-index:-1;background:radial-gradient(circle at 25% 20%,#ffffff24,#0000 22%),radial-gradient(circle at 80% 70%,#00000073,#0000 34%),linear-gradient(135deg,#ffffff0a,#0000)}.story-cover-basement:before{background:radial-gradient(circle at 30% 20%,#be414161,#0000 28%),linear-gradient(135deg,#2b1212,#111 55%,#050505)}.story-cover-train:before{background:radial-gradient(circle at 70% 25%,#6482b466,#0000 30%),linear-gradient(135deg,#101624,#111 55%,#050505)}.story-cover-road:before{background:radial-gradient(circle at 40% 20%,#bea05a59,#0000 30%),linear-gradient(135deg,#2a2214,#111 55%,#050505)}.story-cover-default:before{background:radial-gradient(circle at 50% 20%,#c6a56b47,#0000 28%),linear-gradient(135deg,#1e1a12,#111 55%,#050505)}.story-cover-glow{filter:blur(10px);background:#c6a56b2e;border-radius:999px;width:170px;height:170px;position:absolute;bottom:-50px;right:-50px}.story-cover-content{height:100%;min-height:inherit;flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:relative}.story-cover-content p{color:#c6a56b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:900}.story-cover-content h2{color:#f5f0e8;max-width:520px;margin:0;font-size:1.3rem;line-height:1.05}.story-cover-detail .story-cover-content{padding:32px}.story-cover-detail .story-cover-content h2{font-size:clamp(2rem,5vw,4rem)}.story-detail-hero{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:stretch;gap:32px;display:grid}@media (width<=860px){.story-detail-hero{grid-template-columns:1fr}.story-cover-detail{min-height:260px}}.dev-access-panel{background:#96b4ff0f;border:1px solid #96b4ff47;border-radius:20px;justify-content:space-between;align-items:center;gap:22px;padding:24px;display:flex}.dev-access-panel h2{margin:0 0 8px;font-size:1.4rem}.dev-access-panel p{color:#d8cdbc;margin:0;line-height:1.6}.dev-access-panel button{color:#c9d6ff;cursor:pointer;background:#96b4ff14;border:1px solid #96b4ff7a;border-radius:14px;min-width:190px;padding:12px 16px}.dev-access-panel button:hover{background:#96b4ff24}@media (width<=680px){.dev-access-panel{flex-direction:column;align-items:stretch}.dev-access-panel button{width:100%}}.story-cover-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.story-cover-image:before{display:none}.story-cover-image:after{background:radial-gradient(circle at 25% 20%,#ffffff1f,#0000 22%),linear-gradient(#0000,#000000c7)}.story-cover-image .story-cover-glow{background:#0000002e}.skip-link{z-index:9999;color:#111827;background:#fff;border-radius:.75rem;padding:.75rem 1rem;font-weight:700;text-decoration:none;transition:transform .15s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%);box-shadow:0 1rem 2rem #00000059}.skip-link:focus{transform:translateY(0)}:focus{outline:none}:focus-visible{outline-offset:4px;outline:3px solid #93c5fdf2}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #3b82f640}button,a,select,input,textarea{touch-action:manipulation}button:disabled,[aria-disabled=true]{cursor:not-allowed}#main-content:focus{outline:none}.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}