:root{--void:#08070c;--panel:#ecd9ab;--panel-2:#ddc48e;--panel-deep:#f4e6c0;--line:#6b4a2c;--line-dark:#3f2c16;--line-soft:rgba(107,74,44,0.35);--ink:#3d2c16;--ink-dim:#6a4f2c;--ink-faint:#97784a;--accent:#19c37d;--parchment:#e8d5a9;--parchment-dim:#c9b683;--whisper:#6d3fb8;--whisper-bright:#c7a6ff;--mist:#d8d0bd;--mist-dim:#9a917c;--line-bright:#8a6a42;--px-font:"Press Start 2P","Courier New",monospace;--body-font:ui-monospace,"Cascadia Mono","Segoe UI Mono",Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--void);color:var(--mist);font-family:var(--body-font);font-size:14px;overscroll-behavior:none}a{color:inherit;text-decoration:none}.px{font-size:9px;line-height:1.8;letter-spacing:.5px}.px,.px-xl{font-family:var(--px-font)}.px-xl{font-size:28px;line-height:1.4;letter-spacing:2px}.starfield{position:fixed;inset:0;pointer-events:none;z-index:0}.obs-root{position:relative;min-height:100vh;background:radial-gradient(1100px 600px at 25% 12%,rgba(34,46,90,.22),transparent 60%),radial-gradient(900px 550px at 78% 80%,rgba(64,34,80,.16),transparent 60%),var(--void)}.center-wrap{display:flex;align-items:center;justify-content:center}.obs-header{position:relative;z-index:2;text-align:center;padding:44px 16px 8px}.obs-brand{color:var(--parchment);text-shadow:0 0 18px rgba(232,213,169,.3),3px 3px 0 #1a1410}.obs-logo{display:block;width:min(360px,78vw);height:auto;margin:0 auto 8px;filter:drop-shadow(0 3px 9px rgba(0,0,0,.5))}.obs-tagline{margin-top:12px;color:var(--mist);font-size:13.5px;letter-spacing:.4px}.obs-day{margin-top:14px;color:var(--mist-dim);font-size:8px}.obs-loading{grid-column:1/-1;text-align:center;color:var(--mist-dim);padding:60px 0;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.town-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));grid-gap:18px;gap:18px;max-width:1180px;margin:26px auto 30px;padding:0 18px}.town-card{display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,var(--panel) 0,var(--panel-2) 100%);border:3px solid var(--line);border-top:4px solid var(--accent);border-radius:8px;padding:16px;color:var(--ink);transition:transform .16s ease,box-shadow .16s ease;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 4px 0 var(--line-dark),0 8px 18px rgba(0,0,0,.5);image-rendering:pixelated}.town-card:hover{transform:translateY(-3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 6px 0 var(--line-dark),0 12px 26px rgba(0,0,0,.6),0 0 24px color-mix(in srgb,var(--accent) 30%,transparent)}.tc-head{display:flex;justify-content:space-between;align-items:flex-start}.tc-name{display:block;font-size:12px;color:var(--accent)}.tc-culture{display:block;margin-top:4px;font-size:11.5px;color:var(--ink-dim)}.tc-day{color:var(--ink-faint);font-size:8px}.tc-thumb{display:flex;justify-content:center;background:radial-gradient(closest-side,#131a30,#0a0d18);border:1px solid var(--line);border-radius:8px;padding:12px 6px}.tc-thumb canvas{image-rendering:pixelated;width:252px;max-width:100%}.tc-statline{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tc-stage{font-family:var(--px-font);font-size:8px;color:var(--ink);background:var(--panel-deep);border:2px solid var(--line);border-radius:4px;padding:4px 7px}.tc-pop{font-size:12px;color:var(--ink-dim)}.tc-meters{display:flex;flex-direction:column;gap:4px}.tc-event{min-height:34px;font-size:12px;line-height:1.45;color:var(--ink-dim);border-left:2px solid var(--line-bright);padding-left:9px}.tc-observe{align-self:flex-end;color:var(--accent);font-size:8px;opacity:.75}.town-card:hover .tc-observe{opacity:1}.meter{display:flex;align-items:center;gap:8px}.meter-label{font-family:var(--px-font);font-size:7px;color:var(--ink-faint);width:78px;flex-shrink:0}.meter-track{flex:1 1;height:7px;background:#c9ae76;border:1px solid var(--line-soft);border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 1px rgba(63,44,22,.3)}.meter-fill{display:block;height:100%;border-radius:2px;transition:width .8s ease}.meter-value{font-size:11px;color:var(--ink-dim);width:34px;text-align:right;flex-shrink:0}.whisper-text{color:var(--whisper);text-shadow:0 0 8px rgba(199,166,255,.5);animation:whisper-flicker 3.2s infinite}@keyframes whisper-flicker{0%,92%,96%,to{opacity:1}94%{opacity:.55}}.obs-footer{position:relative;z-index:2;text-align:center;padding:18px 16px 34px;display:flex;flex-direction:column;gap:10px}.obs-footer .px{color:var(--mist-dim);font-size:7px}.obs-fine{color:#3c445e;font-size:11px}.observer-root{position:fixed;inset:0;display:grid;grid-template-columns:360px 1fr 330px;background:var(--void)}.observer-left{display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto;z-index:5;background:rgba(8,10,18,.6);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.observer-stage{position:relative;min-width:0}.game-mount{position:absolute;inset:0}.game-mount canvas{image-rendering:pixelated}.stage-topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:18px;padding:12px 16px;background:linear-gradient(180deg,rgba(6,7,13,.92),rgba(6,7,13,0))}.obs-link{color:var(--mist-dim);font-size:8px;transition:color .15s}.obs-link:hover{color:var(--mist)}.stage-title{flex:1 1;min-width:0}.stage-name{color:var(--accent);font-size:12px;display:block}.stage-culture{display:block;font-size:11.5px;color:var(--mist-dim);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-day{color:var(--mist);font-size:8px;text-align:right}.observers-pill{color:var(--accent)}.whisper-banner{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:20;background:rgba(10,8,20,.92);border:1px solid #4b3a78;border-radius:6px;padding:12px 18px;max-width:min(560px,86%);box-shadow:0 0 28px rgba(120,90,220,.35);animation:banner-in .5s ease-out}.whisper-banner .whisper-text{font-family:var(--px-font);font-size:9px;line-height:1.8}@keyframes banner-in{0%{transform:translateX(-50%) translateY(14px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.observer-side{gap:12px;padding:12px;overflow-y:auto;z-index:5;background:rgba(8,10,18,.6);border-left:1px solid var(--line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.observer-side,.report-panel{display:flex;flex-direction:column}.report-panel{background:linear-gradient(180deg,var(--panel) 0,var(--panel-2) 100%);border:3px solid var(--line);border-radius:8px;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.1),0 4px 0 var(--line-dark),0 8px 16px rgba(0,0,0,.5);padding:14px;gap:7px;color:var(--ink);image-rendering:pixelated}.panel-title{color:#7a5a30;font-size:8px;border-bottom:1px solid var(--line-soft);padding-bottom:8px;margin:0 0 4px}.report-mood{font-size:12.5px;color:var(--ink-dim)}.report-mood b{color:var(--accent)}.report-buildings{color:var(--ink-dim);margin-top:4px}.report-buildings,.report-tasks{font-size:11.5px;border-top:1px dashed var(--line);padding-top:8px}.report-tasks{color:var(--accent);opacity:.85}.report-desc{font-size:12px;line-height:1.55;color:var(--ink-faint)}.report-traits{color:#3c445e;font-size:7px}.timeline-panel{flex:1 1;min-height:240px}.timeline{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:9px;min-height:200px}.timeline.full{max-height:64vh}.tl-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px}.tl-entry{display:flex;gap:8px;align-items:baseline;font-size:12.5px;line-height:1.55;color:var(--ink-dim);padding:2px 0;animation:banner-in .3s ease-out}.tl-tag{flex-shrink:0;font-size:6px;padding:3px 5px;border-radius:3px;border:1px solid var(--line-soft);color:var(--ink-faint);background:rgba(63,44,22,.1);letter-spacing:.5px;transform:translateY(-1px)}.tag-beat,.tag-milestone{color:#fff;background:var(--accent);border-color:var(--line);text-shadow:0 1px 0 rgba(0,0,0,.35)}.tag-talk{color:#4a5a8a}.tag-life{color:#8a4f2c}.tag-whisper{color:#fff;background:var(--whisper);border-color:#4b2a78}.tl-day{color:var(--ink-faint);font-size:7px;flex-shrink:0;width:30px}.tl-dialogue{display:flex;flex-direction:column;gap:3px}.tl-line b{color:var(--ink);font-weight:600}.tl-empty{font-size:12px;color:var(--ink-faint);padding:8px 0}.tl-milestone .tl-text{color:var(--ink)}.tl-milestone .tl-day{color:var(--accent)}.tl-whisper .tl-text{color:var(--whisper);text-shadow:0 0 6px rgba(109,63,184,.25)}.whisper-banner .whisper-text{color:var(--whisper-bright)}.story-summary{font-size:12.5px;line-height:1.6;color:var(--ink-dim)}.story-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.story-conflict{font-size:11px;color:var(--ink-faint)}.traj-chip{font-family:var(--px-font);font-size:7px;text-transform:uppercase;padding:4px 7px;border-radius:4px;border:2px solid var(--line-soft);background:var(--panel-deep);color:var(--ink-dim)}.traj-growing{color:#3e7a1f;border-color:#3e7a1f}.traj-stable{color:#4a5a8a}.traj-anxious{color:#8a6d0f;border-color:#8a6d0f}.traj-rebellious{color:#b3262e;border-color:#b3262e}.traj-starving{color:#a05a1f;border-color:#a05a1f}.traj-ascending{color:#6d3fb8;border-color:#6d3fb8}.traj-collapsing{color:#b3262e;border-color:#b3262e;animation:pulse 1.4s infinite}.traj-contained{color:#1f6e8a;border-color:#1f6e8a}.traj-breaching{color:#8a2c8a;border-color:#8a2c8a;animation:whisper-flicker 2.6s infinite}.since-visit{color:var(--accent);font-size:7px;border:1px dashed var(--line-bright);border-radius:4px;padding:6px 8px;text-align:center}.day-note{font-size:10.5px;color:var(--ink-faint)}.tl-filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.docs-root{min-height:100vh;background:radial-gradient(circle at 50% -10%,#14121b 0,#0a0910 45%,#06060c 100%);color:var(--mist)}.docs-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:linear-gradient(180deg,rgba(8,7,13,.96),rgba(8,7,13,.78));border-bottom:1px solid rgba(199,166,255,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.docs-brand{font-size:14px;color:var(--parchment);text-decoration:none;text-shadow:2px 2px 0 #120a18;letter-spacing:1px}.docs-back{font-size:8px;color:var(--mist-dim);text-decoration:none}.docs-back:hover{color:var(--parchment)}.docs-layout{display:grid;grid-template-columns:244px minmax(0,1fr);grid-gap:40px;gap:40px;max-width:1080px;margin:0 auto;padding:36px 24px 80px}.docs-side{position:-webkit-sticky;position:sticky;top:72px;align-self:start;height:max-content}.docs-side-label{font-size:8px;color:var(--mist-dim);letter-spacing:2px;padding-bottom:10px;border-bottom:1px solid rgba(199,166,255,.12);margin-bottom:10px}.docs-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.docs-side a{display:block;padding:5px 10px;font-size:13px;color:var(--mist-dim);text-decoration:none;border-left:2px solid transparent;border-radius:0 4px 4px 0;transition:color .12s,background .12s,border-color .12s}.docs-side a:hover{color:var(--parchment);background:rgba(199,166,255,.06);border-left-color:var(--whisper-bright)}.docs-eyebrow{font-size:8px;letter-spacing:2px;color:var(--whisper-bright);margin:0 0 14px}.docs-h1{font-size:28px;line-height:1.3;color:var(--parchment);margin:0 0 14px;text-shadow:2px 2px 0 #120a18}.docs-lede{font-size:15px;line-height:1.65;color:var(--mist);margin:0 0 8px;max-width:60ch}.docs-section{padding-top:30px;margin-top:30px;border-top:1px solid rgba(199,166,255,.1);scroll-margin-top:76px}.docs-h2{font-size:15px;color:var(--parchment);margin:0 0 14px}.docs-body p{font-size:15px;line-height:1.7;color:var(--mist)}.docs-body p,.docs-body ul{margin:0 0 12px;max-width:64ch}.docs-body ul{padding-left:20px}.docs-body li{font-size:15px;line-height:1.7;color:var(--mist);margin-bottom:4px}.docs-body b,.docs-tech b{color:var(--parchment)}.docs-tech-label{font-size:8px;letter-spacing:1.5px;color:var(--mist-dim);margin:18px 0 10px}.docs-tech{margin:0;padding-left:20px;border-left:2px solid rgba(199,166,255,.16);list-style:none}.docs-tech li{position:relative;font-size:13.5px;line-height:1.65;color:var(--mist-dim);margin-bottom:9px;padding-left:16px;max-width:64ch}.docs-tech li:before{content:"▪";position:absolute;left:0;color:var(--whisper-bright)}.docs-footer{margin-top:44px;padding-top:18px;border-top:1px solid rgba(199,166,255,.1);font-size:12px;color:var(--mist-dim)}@media (max-width:760px){.docs-layout{grid-template-columns:1fr;gap:18px}.docs-side{position:static}.docs-side ul{flex-flow:row wrap}}.loader-screen{position:fixed;inset:0;z-index:100000;background:radial-gradient(circle at 50% 42%,#15131c 0,#07060b 70%,#030208 100%);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .75s ease}.loader-screen.loader-out{opacity:0;pointer-events:none}.loader-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 30%,rgba(0,0,0,.55) 75%,rgba(0,0,0,.9) 100%);animation:loader-breathe 3.2s ease-in-out infinite}.loader-stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px}.loader-img{width:168px;height:168px;image-rendering:pixelated;border-radius:8px;box-shadow:0 0 0 2px rgba(120,90,60,.4),0 0 40px 6px rgba(199,166,255,.18),0 0 90px 20px rgba(0,0,0,.6);animation:loader-img 2.7s ease-in-out both}.loader-title{color:var(--parchment);letter-spacing:2px;text-shadow:0 0 14px rgba(199,166,255,.35),3px 3px 0 #120a18}.loader-title,.loader-wordmark{animation:loader-title 2.7s step-end both}.loader-wordmark{width:min(280px,70vw);height:auto;filter:drop-shadow(0 0 16px rgba(199,166,255,.28)) drop-shadow(0 2px 6px rgba(0,0,0,.6))}.loader-sub{font-size:8px;color:#7b6f8c;letter-spacing:3px;text-transform:uppercase;animation:loader-sub 2.7s ease both}@keyframes loader-breathe{0%,to{opacity:.85}50%{opacity:1}}@keyframes loader-img{0%{opacity:0;transform:scale(1.1);filter:brightness(.5) blur(3px)}16%{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}40%{opacity:1}49%{opacity:.12;filter:brightness(1.6)}57%{opacity:1;filter:brightness(1)}70%{opacity:.55;transform:translateX(-1px)}74%{opacity:1;transform:translateX(1px)}78%{transform:translateX(0)}to{opacity:1;transform:scale(1.015)}}@keyframes loader-title{0%,14%{opacity:0}15%{opacity:1}19%{opacity:.15}23%{opacity:1}50%{opacity:1}53%{opacity:.25}57%{opacity:1}to{opacity:1}}@keyframes loader-sub{0%,60%{opacity:0}to{opacity:.9}}.social-nav{position:fixed;top:14px;right:16px;z-index:60;display:flex;gap:8px}.social-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f2dfae,#ddbe85);border:2px solid var(--line);border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 var(--line-dark);color:var(--ink);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.social-box:hover{transform:translateY(-3px) scale(1.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 0 var(--line-dark);filter:brightness(1.05)}.social-box:active{transform:translateY(0) scale(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 0 var(--line-dark)}.social-img{width:22px;height:22px;object-fit:contain;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}@media (max-width:560px){.social-box{width:34px;height:34px}}.tl-filter{font-size:7px;background:linear-gradient(180deg,#f2dfae,#ddbe85);border:2px solid var(--line);border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 var(--line-dark);color:var(--ink);padding:5px 8px;cursor:pointer}.tl-filter:hover{filter:brightness(1.06)}.tl-filter:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 0 var(--line-dark)}.tl-filter.active{color:#fff;background:var(--accent);text-shadow:0 1px 0 rgba(0,0,0,.35)}.tl-beat .tl-text{color:var(--ink);border-left:2px solid var(--accent);padding-left:7px}.tl-beat .tl-day{color:var(--accent)}.tl-talk .tl-text{color:#4a5a8a;font-style:italic}.tl-life .tl-text{color:#8a4f2c}.tl-divider{text-align:center;color:var(--accent);font-size:7px;padding:6px 0;opacity:.8}.catchup-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.cu-cell{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--panel-deep);border:2px solid var(--line-soft);border-radius:6px;padding:8px 4px}.cu-num{font-family:var(--px-font);font-size:13px;color:var(--ink)}.cu-label{font-size:6px;color:var(--ink-faint)}.catchup-first,.catchup-none{font-size:12px;line-height:1.55;color:var(--ink-dim)}.catchup-none{color:var(--ink-faint);font-style:italic}.catchup-beat{font-size:12px;line-height:1.5;color:var(--ink);border-left:2px solid var(--accent);padding-left:8px;display:flex;gap:7px;align-items:baseline}.kv-rows{display:flex;flex-direction:column;gap:5px}.kv{display:flex;align-items:center;justify-content:space-between;gap:10px}.kv-k{font-size:7px;color:var(--ink-faint);flex-shrink:0}.kv-v{font-size:12px;color:var(--ink-dim);text-align:right}.kv-accent{color:var(--accent)}.task-chips{display:flex;flex-wrap:wrap;gap:6px}.task-chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink);background:var(--panel-deep);border:2px solid var(--line-soft);border-radius:12px;padding:4px 9px}.task-dot{box-shadow:0 0 0 1px rgba(63,44,22,.4);width:6px;height:6px;border-radius:50%}.building-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px}.bld{display:flex;align-items:baseline;gap:7px;background:var(--panel-deep);border:2px solid var(--line-soft);border-radius:6px;padding:6px 9px}.bld-n{font-family:var(--px-font);font-size:11px;color:var(--accent)}.bld-label{font-size:11.5px;color:var(--ink-dim)}.inspector{display:flex;flex-direction:column;gap:7px}.ai-quote{font-size:12px;font-style:italic;color:#4a5a8a;border-left:2px solid var(--line-soft);padding-left:8px}.char-sheet{display:flex;flex-direction:column;gap:8px}.cs-head{display:flex;align-items:center;gap:10px}.cs-portrait{flex-shrink:0;background:radial-gradient(closest-side,#16203a,#0b0e1c);border:2px solid var(--line);border-radius:6px;padding:5px;display:flex}.cs-id{flex:1 1;display:flex;flex-direction:column;gap:4px;min-width:0}.cs-name{font-size:11px;color:var(--ink)}.cs-vibe{font-size:12px;font-style:italic;color:#7a5a30}.cs-roleline{font-size:11.5px;color:var(--ink-dim)}.cs-likes{display:flex;flex-direction:column;gap:4px;background:var(--panel-deep);border:2px solid var(--line-soft);border-radius:6px;padding:8px 10px;font-size:12px}.cs-like{color:#3e6e2a}.cs-dislike{color:#a03a2e}.cs-glyph{display:inline-block;width:14px}.mobile-tabs{display:none}.modal-overlay{position:fixed;inset:0;background:rgba(3,4,10,.8);z-index:200;display:flex;align-items:center;justify-content:center;animation:modal-fade .18s ease-out both}.modal-overlay>*{animation:modal-pop .18s ease-out both}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.full-timeline{width:min(680px,94vw);max-height:86vh;overflow:hidden;display:flex;flex-direction:column}.leaders-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:16px;font-size:12px;color:var(--mist-dim)}.leader-item{display:inline-flex;align-items:center;gap:5px}.leader-item b{color:var(--parchment)}.leader-ico{filter:drop-shadow(0 1px 0 rgba(0,0,0,.4));flex-shrink:0}.tc-corner{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.tc-rank{font-size:7px;color:var(--ink-dim);border:1px solid var(--line-soft);border-radius:4px;padding:3px 6px}.tc-crown{font-size:11px}.narrator-badge{font-size:7px;color:var(--ink-faint);border:1px dashed var(--line-bright);border-radius:4px;padding:6px 8px}.narrator-badge.live{color:var(--accent);border-color:var(--accent);border-style:solid}.roster{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;max-height:240px;overflow-y:auto}.citizen-card{display:flex;align-items:center;gap:8px;background:var(--panel-deep);border:2px solid var(--line);border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 var(--line-dark);padding:6px;cursor:pointer;text-align:left;font-family:inherit;transition:transform .12s,box-shadow .12s}.citizen-card:hover{transform:translateY(-1px);filter:brightness(1.05)}.citizen-card.selected{border-color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 var(--line-dark),0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}.cc-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1}.cc-name{font-family:var(--px-font);font-size:7px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-task{font-size:10.5px}.cc-bars{display:flex;flex-direction:column;gap:2px}.cc-bar{height:3px;background:#c9ae76;overflow:hidden}.cc-bar,.cc-bar span{display:block;border-radius:2px}.cc-bar span{height:100%}.tag-care{color:#fff;background:#5da93c;border-color:#2e5e1d;text-shadow:0 1px 0 rgba(0,0,0,.35)}.tl-care .tl-text{color:#3e6e2a}.care-bar{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:8px;background:linear-gradient(180deg,var(--panel) 0,var(--panel-2) 100%);border:3px solid var(--line);border-radius:10px;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 4px 0 var(--line-dark),0 8px 16px rgba(0,0,0,.5);padding:8px}.care-bar-note{font-size:12px;color:var(--ink-dim);padding:10px 16px}.care-btn{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px;padding:8px 4px;background:linear-gradient(180deg,#f2dfae,#ddbe85);border:2px solid var(--line);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 3px 0 var(--line-dark);cursor:pointer}.care-btn:hover:not(:disabled){filter:brightness(1.07)}.care-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 0 var(--line-dark)}.care-btn:disabled{opacity:.55;cursor:default}.care-glyph{font-size:19px;line-height:1}.care-label{font-size:6px;color:var(--ink)}.care-note{position:absolute;bottom:96px;left:50%;transform:translateX(-50%);z-index:20;background:rgba(10,12,22,.92);border:1px solid var(--line-bright);border-radius:6px;color:var(--mist);font-size:12px;padding:8px 14px;animation:banner-in .25s ease-out}.community{position:relative;z-index:2;max-width:1180px;margin:26px auto 0;padding:0 18px;text-align:center}.community-title{font-size:12px;color:var(--parchment);text-shadow:2px 2px 0 #1a1410;margin:0 0 6px}.community-sub{font-size:12px;color:#8b93ad;margin:0 0 14px}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px}.mini-card{display:block;background:linear-gradient(180deg,var(--panel) 0,var(--panel-2) 100%);border:2px solid var(--line);border-top:3px solid var(--accent);border-radius:6px;padding:8px;text-decoration:none;text-align:left;box-shadow:0 3px 0 var(--line-dark),0 6px 12px rgba(0,0,0,.4);transition:transform .12s ease}.mini-card:hover{transform:translateY(-2px)}.mini-thumb{height:62px;overflow:hidden;border-radius:4px;background:#0a0d18;display:flex;align-items:center;justify-content:center;margin-bottom:7px}.mini-thumb canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.mini-name{font-size:8px;color:var(--accent-ink,#7a5212);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-line{font-size:11px;color:var(--ink-dim);line-height:1.5}.mini-dim{color:var(--ink-faint)}.raise-own{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 16px 6px}.raise-btn{font-size:10px;padding:12px 20px}.raise-hint{font-size:12px;color:var(--mist-dim)}.my-groves{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.my-grove{font-size:8px;color:var(--ink);background:linear-gradient(180deg,#f2dfae,#ddbe85);border:2px solid var(--line);border-radius:6px;box-shadow:0 2px 0 var(--line-dark);padding:7px 11px}.my-grove:hover{filter:brightness(1.07)}.grove-name-input{font-family:var(--body-font);font-size:14px;padding:10px 12px;background:var(--panel-deep);border:2px solid var(--line);border-radius:6px;color:var(--ink);outline:none}.grove-name-input:focus{border-color:var(--accent)}.help-btn{font-size:8px;padding:7px 10px}.help-own-link{color:#7a5212;font-weight:700;text-decoration:underline;text-underline-offset:2px}.help-own-link:hover{color:#4d3408}.help-card{width:min(520px,94vw);max-height:86vh;overflow-y:auto;text-align:left}.help-body ul li{padding-left:2px}.help-body{display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.6;color:var(--ink-dim)}.help-body p{margin:0}.help-body b{color:var(--ink)}.help-body ul{margin:0;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:8px}.help-own{background:var(--panel-deep);border:2px solid var(--line-soft);border-radius:6px;padding:9px 11px}.help-fine{font-size:11px;color:var(--ink-faint)}.intro-card{width:min(440px,92vw);gap:12px}.intro-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.55;color:var(--ink-dim)}.intro-list li::marker{color:var(--accent)}.intro-btn{align-self:center;padding:10px 18px;font-size:9px}.ai-head{display:flex;justify-content:space-between;align-items:center}.ai-name{color:var(--accent);font-size:10px}.ai-close{background:none;border:none;color:var(--ink-faint);cursor:pointer;font-size:12px}.ai-close:hover{color:var(--ink)}.ai-sub{font-size:11.5px;color:var(--ink-dim)}.tc-arcline{display:flex;align-items:center;gap:8px}.tc-arc{font-family:var(--px-font);font-size:7px;color:var(--ink-faint)}.tc-vitals{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-dim);background:var(--panel-deep);border:1px solid var(--line-soft);border-radius:6px;padding:6px 10px}.tc-beat{font-size:11.5px;line-height:1.45;color:var(--ink);border-left:2px solid var(--accent);padding-left:9px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:rgba(0,0,0,.25)}::-webkit-scrollbar-thumb{background:#232b44;border-radius:5px}@media (max-width:1180px){.observer-root{grid-template-columns:320px 1fr 300px}}@media (max-width:980px){.observer-root{position:static;display:flex;flex-direction:column;min-height:100vh}.observer-stage{height:48vh;flex:none;position:relative}.stage-culture{display:none}.observer-left,.observer-side{display:none;border:none;padding-bottom:64px}.tab-status .observer-side,.tab-timeline .observer-left{display:flex}.tab-town .observer-stage{height:calc(100vh - 52px)}.timeline{max-height:none}.mobile-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:120;background:rgba(8,10,18,.96);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mtab{flex:1 1;background:none;border:none;color:var(--mist-dim);font-size:8px;padding:16px 0 18px;cursor:pointer}.mtab.active{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}}