:root{--bg0:#0f1c24;--bg1:#1a3240;--bg2:#243f4f;--sand:#e6dcc8;--sand-dim:#c4b8a0;--accent:#d4a35c;--accent-soft:#d4a35c2e;--danger:#c96b5a;--ok:#6fa88a;--line:#e6dcc829;--text:#f3ecdf;--muted:#a89f8d;--font-display:"ZCOOL XiaoWei", "Songti SC", serif;--font-body:"Noto Sans SC", "PingFang SC", sans-serif;color:var(--text);background:var(--bg0);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.55}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(ellipse 80% 50% at 10% -10%, #2a4d5e 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 90% 10%, #3a2f22 0%, transparent 50%), linear-gradient(165deg, var(--bg0), var(--bg1) 45%, #15252e);min-height:100vh}button{font:inherit;cursor:pointer}.page{width:min(720px,100%);margin:0 auto;padding:1.5rem 1.25rem 3rem}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.72rem}.muted{color:var(--muted)}.brand{font-family:var(--font-display);color:var(--sand);margin:0;font-size:clamp(3rem,10vw,4.5rem);line-height:1.05}.home-page{align-items:end;min-height:100vh;padding-bottom:4rem;display:grid;position:relative}.home-atmosphere{pointer-events:none;background:linear-gradient(#0000 55%,#0f1c24eb),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23e6dcc8' stroke-opacity='0.06'%3E%3Cpath d='M0 80h160M80 0v160'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.home-content{animation:.8s both rise;position:relative}.home-content h1{max-width:14ch;font-family:var(--font-display);color:var(--sand);margin:.75rem 0 0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:400}.home-hero{opacity:.92;filter:drop-shadow(0 12px 28px #00000073);width:min(220px,55vw);margin:1.25rem 0 .25rem;animation:1s .15s both rise;display:block}.lede{max-width:36ch;color:var(--sand-dim)}.login-form{gap:.65rem;max-width:20rem;margin-top:1.5rem;display:grid}.login-label{color:var(--muted);font-size:.85rem}.login-input{border:1px solid var(--line);width:100%;color:var(--sand);font:inherit;background:#00000040;border-radius:10px;padding:.75rem .9rem}.login-input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.login-error{color:var(--danger);margin:0;font-size:.88rem}.login-form .primary-btn{justify-self:start;margin-top:.35rem}.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.primary-btn,.ghost-btn,.text-btn{border:1px solid #0000;border-radius:999px;padding:.7rem 1.25rem;transition:transform .15s,background .15s,border-color .15s}.primary-btn{background:var(--accent);color:#1a140c;font-weight:600}.primary-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.ghost-btn{border-color:var(--line);color:var(--sand);background:0 0}.ghost-btn:hover{border-color:var(--sand-dim)}.text-btn{color:var(--sand-dim);background:0 0;border:none;padding:.35rem .5rem}.text-btn:hover{color:var(--sand)}.game-toolbar{justify-content:space-between;margin-bottom:.5rem;display:flex}.month-header h1{font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:400}.city-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:1.25rem 0 1.5rem;padding:.85rem .5rem;display:grid}.stat{justify-items:center;gap:.2rem;display:grid}.stat-label{color:var(--muted);font-size:.75rem}.stat-dots{gap:.22rem;margin:.15rem 0;display:flex}.dot{background:#e6dcc82e;border-radius:999px;width:.45rem;height:.45rem}.dot.on{background:var(--sand-dim)}.stat.tone-good .dot.on{background:var(--ok)}.stat.tone-strain .dot.on{background:var(--accent)}.stat.tone-critical .dot.on,.stat.tone-failing .dot.on{background:var(--danger)}.stat-band{letter-spacing:.04em;color:var(--sand-dim);font-size:.72rem}.stat.tone-critical .stat-band,.stat.tone-failing .stat-band{color:var(--danger)}.stat-delta{font-size:.75rem}.stat-delta.up,.stat-delta.strong_up{color:var(--ok)}.stat-delta.down,.stat-delta.strong_down{color:var(--danger)}.hub-title{font-family:var(--font-display);color:var(--sand);margin:0;font-size:clamp(2.4rem,8vw,3.4rem);font-weight:400}.hub-running{color:var(--muted);letter-spacing:.12em;margin:.35rem 0 0;font-size:.85rem}.hub-notes{margin:.5rem 0 1.75rem}.hub-notes h2{color:var(--accent);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.hub-notes ul{color:var(--sand-dim);margin:0;padding-left:1.1rem}.hub-notes li+li{margin-top:.4rem}.hub-call{border-top:1px solid var(--line);padding:1.25rem 0 0;animation:.55s both rise}.hub-sage{font-family:var(--font-display);color:var(--sand);margin:0 0 .35rem;font-size:1.35rem}.hub-event-title,.seat-hint{margin:0 0 1rem}.confirm-page h1,.result-story-page h1,.delta-page h1,.brief-page h1{font-family:var(--font-display);margin:.2rem 0 .75rem;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:400}.confirm-lede{margin-top:0}.confirm-choice{margin:1.25rem 0 .5rem}.choice-button.selected,.choice-static.selected{border-color:var(--accent);background:var(--accent-soft)}.choice-static{cursor:default}.story-text{color:var(--sand);white-space:pre-line;line-height:1.45}.soft-delta-list,.brief-list{margin:0 0 1.5rem;padding:0;list-style:none}.soft-delta-list li{border-bottom:1px solid var(--line);color:var(--sand-dim);align-items:baseline;gap:.65rem;padding:.45rem 0;display:flex}.soft-delta-mark{min-width:1.6rem;color:var(--accent);font-variant-numeric:tabular-nums}.brief-item{border-bottom:1px solid var(--line);padding:.85rem 0}.brief-source{color:var(--accent);margin:0 0 .35rem;font-size:.82rem}.brief-flavor{color:var(--sand);margin:0 0 .35rem}.brief-effects{color:var(--muted);margin:0;font-size:.88rem}.archive-list p{color:var(--sand-dim);margin:.35rem 0 0}.archive-delta{font-size:.88rem}.archive-link{margin-top:.35rem;font-size:.85rem;display:block;color:var(--accent)!important}.archive-pending{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}.archive-pending h2{color:var(--accent);margin:0 0 .75rem;font-size:1rem}.archive-pending ul{color:var(--sand-dim);margin:0;padding-left:1.1rem}.ending-soft-stats{color:var(--sand-dim);margin:0 0 1.25rem;padding-left:1.1rem}.collapse-warn{color:#e8b4a8;background:#c96b5a1f;border:1px solid #c96b5a73;border-radius:10px;margin:0 0 1rem;padding:.65rem .85rem;font-size:.88rem}.collapse-notice{background:#c96b5a29;border:1px solid #c96b5a8c;border-radius:10px;margin:0 0 1.25rem;padding:.85rem 1rem}.collapse-notice strong{color:#f0c4bc;margin-bottom:.35rem;display:block}.collapse-notice p{color:var(--sand-dim);margin:0;font-size:.95rem}.toolbar-right{gap:.75rem;display:flex}.event-card{animation:.45s both rise}.event-card h2{font-family:var(--font-display);margin:.2rem 0 .75rem;font-size:1.75rem;font-weight:400}.event-desc{color:var(--sand-dim);white-space:pre-line;margin:0 0 1.25rem}.choice-list{gap:.75rem;display:grid}.choice-button{text-align:left;border:1px solid var(--line);width:100%;color:inherit;background:#ffffff08;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:.85rem;padding:.95rem 1rem;transition:border-color .15s,background .15s,transform .15s;display:grid}.choice-button:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.choice-letter{border:1px solid var(--line);width:1.6rem;height:1.6rem;color:var(--accent);border-radius:999px;place-items:center;font-size:.8rem;display:grid}.choice-body{gap:.25rem;display:grid}.choice-body strong{font-weight:600}.choice-body small{color:var(--muted);font-size:.88rem}.result-panel{padding:.5rem 0 1rem;animation:.4s both rise}.result-panel h2{font-family:var(--font-display);margin:.2rem 0 1rem;font-size:1.6rem;font-weight:400}.delta-list,.delayed-block ul,.history-list,.special-titles ul{margin:0 0 1.25rem;padding-left:1.1rem}.delayed-block h3{color:var(--accent);margin:0 0 .5rem;font-size:.95rem}.delayed-block li+li{margin-top:.65rem}.delayed-block small{color:var(--muted)}.delayed-source{margin-bottom:.25rem;font-size:.8rem;display:block;color:var(--accent)!important}.ending-page h1,.history-page h1{font-family:var(--font-display);margin:.2rem 0 .5rem;font-size:clamp(2rem,6vw,2.8rem);font-weight:400}.title-desc{color:var(--sand-dim);margin-top:0}.special-titles li,.history-list li{margin-bottom:.75rem}.special-titles span{color:var(--muted);margin-top:.15rem;display:block}.ending-summary p,.ending-stats p{color:var(--sand-dim)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.city-status{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.85rem}}