:root{--ink: #101319;--paper: #e7eaf1;--paper-edge: #9aa3b6;--accent: #7c9cff;--danger: #ff6b6b;--display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "IBM Plex Mono", "Menlo", monospace}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--body);font-size:17px;line-height:1.55}button{font:inherit;cursor:pointer}input,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.boot{display:grid;place-items:center;height:100%;font-family:var(--display);font-size:1.4rem;font-style:italic;color:var(--paper-edge)}.shell{display:flex;flex-direction:column;height:100%}.masthead{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 1.4rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 20%,transparent)}.masthead-story{font-family:var(--display);font-size:1.45rem;letter-spacing:.02em}.masthead-sub{margin-left:.9rem;font-size:.8rem;font-style:italic;color:color-mix(in srgb,var(--paper) 65%,transparent)}.masthead-nav{display:flex;gap:.8rem;align-items:baseline}.who{font-family:var(--mono);font-size:.75rem;color:var(--accent)}.primary{background:var(--accent);color:var(--ink);border:none;padding:.55rem 1.2rem;font-family:var(--display);font-size:1rem;letter-spacing:.03em}.primary:disabled{opacity:.45;cursor:default}.ghost{background:none;border:none;color:var(--paper-edge);font-size:.85rem;text-decoration:underline;text-underline-offset:3px;padding:.2rem .3rem}.ghost:hover{color:var(--accent)}.ghost.small{font-size:.75rem}.login-stage{display:grid;place-items:center;height:100%;padding:1rem}.login-card{max-width:26rem;width:100%;text-align:center}.login-eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem}.login-title{font-family:var(--display);font-size:3rem;font-weight:400;line-height:1.05}.login-tagline{font-style:italic;color:var(--paper-edge);margin:.7rem 0 2rem}.login-form{display:flex;flex-direction:column;gap:.9rem;text-align:left}.login-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--paper-edge)}.login-form input{background:color-mix(in srgb,var(--paper) 8%,transparent);border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);color:var(--paper);padding:.55rem .7rem}.form-error{color:#e2a0a0;font-size:.85rem;font-style:italic}.game{flex:1;display:grid;grid-template-columns:15rem minmax(0,46rem);justify-content:center;gap:2.5rem;padding:1.6rem 1.4rem;min-height:0}@media(max-width:800px){.game{grid-template-columns:minmax(0,1fr)}.chart{display:none}}.chart{padding-top:.4rem}.chart-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.chart-rail{list-style:none;padding:0;position:relative}.chart-rail li{position:relative;padding:0 0 1.15rem 1.2rem;font-size:.8rem}.chart-rail li:before{content:"";position:absolute;left:.28rem;top:.9rem;bottom:-.1rem;width:1px;background:color-mix(in srgb,var(--paper) 25%,transparent)}.chart-rail li:last-child:before{display:none}.knot{position:absolute;left:0;top:.35rem;width:.6rem;height:.6rem;border-radius:50%;border:1px solid var(--paper-edge);background:var(--ink)}li.past .knot{background:var(--paper-edge)}li.here .knot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}li.past{color:color-mix(in srgb,var(--paper) 55%,transparent)}li.here{color:var(--paper);font-style:italic}li.ahead{color:color-mix(in srgb,var(--paper) 30%,transparent);letter-spacing:.2em}.chart .ghost{margin-top:.5rem}.page{display:flex;flex-direction:column;min-height:0}.chapter-head{font-family:var(--display);font-weight:400;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 20%,transparent)}.chapter-no{display:block;font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.25rem}.scroll{flex:1;overflow-y:auto;padding-right:.5rem;min-height:0}.narration{background:var(--paper);color:var(--ink);padding:1.3rem 1.5rem;margin:.9rem 0;border-left:3px solid var(--accent);box-shadow:0 1px 0 var(--paper-edge) inset}.narration p+p{margin-top:.7rem}.narration.latest p:first-child:first-letter{font-family:var(--display);font-size:3.1em;float:left;line-height:.8;padding:.06em .12em 0 0;color:var(--danger)}.narration.pending{font-style:italic;opacity:.75;animation:pending-pulse 1.5s ease-in-out infinite}@keyframes pending-pulse{0%,to{opacity:.5}50%{opacity:.85}}.opening{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:3.5rem 0;color:var(--paper-edge)}.opening p{font-style:italic}.spinner{width:2.1rem;height:2.1rem;border-radius:50%;border:3px solid color-mix(in srgb,var(--paper) 18%,transparent);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.narration.rebuff{border-left-color:var(--danger);font-style:italic}.spoken{font-style:italic;color:var(--paper-edge);padding:.15rem 0 .15rem 1.5rem;margin:.6rem 0}.spoken:before{content:"— ";color:var(--accent)}.spoken.rebuffed{text-decoration:line-through;opacity:.55}.finis{text-align:center;margin:2rem 0}.finis p{font-family:var(--display);letter-spacing:.4em;font-size:1.2rem;color:var(--accent);margin-bottom:1rem}.helm{padding-top:.8rem}.suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem}.chip{background:none;border:1px solid color-mix(in srgb,var(--paper) 35%,transparent);color:var(--paper-edge);padding:.3rem .8rem;border-radius:999px;font-size:.82rem;font-style:italic}.chip:hover{border-color:var(--accent);color:var(--accent)}.helm-row{display:flex;gap:.6rem}.helm-row input{flex:1;background:color-mix(in srgb,var(--paper) 8%,transparent);border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);color:var(--paper);padding:.6rem .8rem}.admin{flex:1;overflow-y:auto;padding:1.6rem;max-width:70rem;margin:0 auto;width:100%}.admin-stats{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}.stat{border:1px solid color-mix(in srgb,var(--paper) 25%,transparent);padding:.8rem 1.3rem;min-width:9rem}.stat.alert{border-color:var(--danger)}.stat-value{display:block;font-family:var(--display);font-size:1.9rem}.stat-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--paper-edge)}.admin-panel{margin-bottom:1.8rem}.admin-panel h3{font-family:var(--display);font-weight:400;margin-bottom:.6rem}.admin-panel-head{display:flex;gap:.8rem;align-items:baseline;margin-bottom:.6rem}.admin-panel-head select{background:var(--ink);color:var(--paper);border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);padding:.2rem .4rem}table{width:100%;border-collapse:collapse;font-size:.85rem}th{text-align:left;font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding:.4rem .6rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 30%,transparent)}td{padding:.45rem .6rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 12%,transparent)}tr.selected td{background:color-mix(in srgb,var(--accent) 12%,transparent)}.event-feed{font-family:var(--mono);font-size:.74rem;border:1px solid color-mix(in srgb,var(--paper) 20%,transparent);max-height:26rem;overflow-y:auto}.event{display:flex;gap:.8rem;padding:.35rem .7rem;border-bottom:1px solid color-mix(in srgb,var(--paper) 8%,transparent)}.event.blocked{background:color-mix(in srgb,var(--danger) 16%,transparent)}.event-time{color:color-mix(in srgb,var(--paper) 50%,transparent);white-space:nowrap}.event-type{color:var(--accent);min-width:8.5rem}.event-body{flex:1;overflow-wrap:anywhere}.event-cat{color:#e2a0a0}.event-story{color:color-mix(in srgb,var(--paper) 55%,transparent);font-style:normal}.login-note{font-size:.78rem;color:color-mix(in srgb,var(--paper) 55%,transparent);text-align:center;margin-top:.4rem}.picker{flex:1;overflow-y:auto;width:100%;max-width:68rem;margin:0 auto;padding:2.2rem 1.6rem}.picker-head{margin-bottom:1.8rem}.picker-head h2{font-family:var(--display);font-weight:600;font-size:1.9rem;letter-spacing:-.01em}.picker-head p{color:var(--paper-edge);margin-top:.3rem}.picker-empty{color:var(--paper-edge);font-style:italic}.card-grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.story-card{display:flex;gap:1rem;text-align:left;align-items:flex-start;background:color-mix(in srgb,var(--paper) 5%,transparent);border:1px solid color-mix(in srgb,var(--paper) 14%,transparent);border-radius:14px;padding:1.1rem;color:var(--paper);transition:border-color .15s ease,transform .15s ease,background .15s ease}.story-card:hover{border-color:var(--accent);transform:translateY(-2px);background:color-mix(in srgb,var(--paper) 9%,transparent)}.story-icon{flex:0 0 auto;width:3.2rem;height:3.2rem;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--paper) 10%,transparent);border:1px solid color-mix(in srgb,var(--paper) 20%,transparent)}.story-icon img{width:100%;height:100%;object-fit:cover}.story-icon-fallback{font-family:var(--display);font-size:1.5rem;font-weight:700;color:var(--accent)}.story-body{min-width:0;flex:1}.story-title{font-family:var(--display);font-weight:600;font-size:1.15rem}.story-tagline{color:var(--paper-edge);font-size:.85rem;margin:.25rem 0 .7rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.story-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.story-cta{font-size:.82rem;font-weight:600;color:var(--accent)}.story-restart{font-size:.72rem;color:var(--paper-edge);text-decoration:underline;text-underline-offset:3px}.story-restart:hover{color:var(--danger)}.notice{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;border:1px solid var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);padding:.7rem 1rem;margin-bottom:1.4rem;font-size:.9rem}.notice code{font-family:var(--mono);font-size:.95rem;color:var(--accent);background:color-mix(in srgb,var(--ink) 60%,transparent);padding:.15rem .5rem;border-radius:6px;letter-spacing:.03em}.notice-hint{color:var(--paper-edge);font-size:.78rem}.admin-new-user{background:color-mix(in srgb,var(--paper) 8%,transparent);border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);color:var(--paper);padding:.25rem .5rem;border-radius:6px}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.danger-link:hover{color:var(--danger)}.badge{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:.12rem .45rem;border-radius:999px;border:1px solid currentColor}.badge.ok{color:#6ee7a8}.badge.warn{color:#f0c060}.badge.off{color:var(--danger)}