:root{--night:#070a14;--night-2:#0c1222;--ink:#e6e9f4;--ink-soft:#aab3cc;--ink-mute:#8a93ad;--line:#aab9e624;--card:#10172ab8;--lantern:#f5b544;--lantern-hot:#ffe3a3;--blood:#ff5a66;--moss:#7fcf9a;--violet:#b89cff;--ash:#9aa1b5;--radius:14px;--display:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;--body:"Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{background:radial-gradient(1200px 600px at 20% -10%, #4354a038, transparent 60%), radial-gradient(900px 500px at 90% 110%, #f5b54414, transparent 60%), var(--night);min-height:100vh;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-mute)}:focus-visible{outline:2px solid var(--lantern-hot);outline-offset:2px}.shell{max-width:1240px;margin:0 auto;padding:0 16px 48px}.status{z-index:10;clip-path:inset(0 -100vmax);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070a14e6;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 20px;margin-bottom:16px;padding:12px 0;display:grid;position:sticky;top:0;box-shadow:0 0 0 100vmax #070a14e6}.brand{align-items:baseline;gap:12px;min-width:0;display:flex}.logo{font-family:var(--display);letter-spacing:.08em;color:var(--lantern-hot);text-shadow:0 0 18px #f5b54473;margin:0;font-size:34px;font-weight:800;line-height:1}.tagline{color:var(--ink-mute);white-space:nowrap;margin:0;font-size:12px}.meta{color:var(--ink-soft);flex-wrap:wrap;gap:4px 16px;min-width:0;font-size:13px;display:flex}.gen{font-family:var(--display);color:var(--ink);font-weight:600}.dot{color:var(--ink-mute);margin:0 6px}.sleep{color:var(--violet)}.status-right{align-items:center;gap:10px;display:flex}.decide-badge{white-space:nowrap;background:radial-gradient(120% 140% at 50% 120%,#f5b54438,#14100ae6);border:1px solid #f5b54473;border-radius:999px;align-items:baseline;gap:2px;padding:6px 14px 7px;animation:1.1s ease-out lantern;display:inline-flex;box-shadow:0 0 0 1px #0006,0 6px 24px #f5b5441f}.decide-label{color:var(--ink-soft);font-size:12px}.decide-value{color:var(--lantern-hot);font-size:18px;font-weight:600}@keyframes lantern{0%{border-color:var(--lantern-hot);box-shadow:0 0 0 1px #0006,0 0 42px 8px #ffc8648c}to{box-shadow:0 0 0 1px #0006,0 6px 24px #f5b5441f}}.btn{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:10px;transition:background .15s,border-color .15s,transform .1s}.btn:hover:not(:disabled){background:#f5b54414;border-color:#f5b5448c}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-lang{min-height:36px;padding:6px 10px;font-size:12px}.btn-lantern{color:#1a1206;background:linear-gradient(180deg, #ffd88a, var(--lantern));border-color:#0000;min-height:40px;padding:8px 18px;font-weight:700}.btn-lantern:hover:not(:disabled){background:linear-gradient(#ffe5ad,#f7c25e)}.btn-ghost{width:44px;height:44px;font-size:22px;position:absolute;top:16px;right:16px}.stage{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-h,.panel-h{font-family:var(--display);letter-spacing:.04em;color:var(--ink);margin:0 0 10px;font-size:15px;font-weight:600}.village{padding:10px;overflow:hidden}.canvas-wrap{width:100%}.canvas-wrap canvas{cursor:pointer;touch-action:manipulation;border-radius:10px;display:block}.village-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 4px 2px;display:flex}.hint{color:var(--ink-mute);margin:0;font-size:12px}.picker{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;display:flex}select,textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#04060eb3;border-radius:8px}select{max-width:180px;min-height:36px;padding:6px 8px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#181e34d9,#0c1120d9);flex-direction:column;gap:18px;min-width:0;padding:18px;display:flex}.panel-empty{text-align:center;min-height:260px;color:var(--ink-soft);justify-content:center;align-items:center}.panel-empty-mark{font-family:var(--display);color:var(--lantern);text-shadow:0 0 30px #f5b54480;margin:0;font-size:56px;line-height:1}.panel-head{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.panel-name{font-family:var(--display);margin:0;font-size:30px;font-weight:800;line-height:1.1}.tag{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}.tag-dim{color:var(--ash)}.traits{flex-wrap:wrap;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.traits li{color:var(--ink-soft);border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:2px 10px;font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;display:grid}.stat-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.stat-row dt{color:var(--ink-soft)}.stat-row dd{margin:0}.meter-dd{align-items:center;gap:6px;display:flex}.meter{background:#ffffff14;border-radius:3px;width:56px;height:5px;display:block;overflow:hidden}.meter span{transform-origin:0;height:100%;display:block}.meter-hunger span{background:linear-gradient(90deg, #d8c9a0, var(--blood))}.meter-health span{background:linear-gradient(90deg, #4fa37a, var(--moss))}.rumor{color:var(--violet);grid-column:1/-1;margin:0;font-size:12px}.bars{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bar{color:var(--ink-soft);grid-template-columns:88px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-label{white-space:nowrap}.bar-track{background:#ffffff0f;border-radius:5px;height:10px;overflow:hidden}.bar-fill{transform-origin:0;background:linear-gradient(90deg,#aab9e659,#aab9e699);border-radius:5px;height:100%;display:block}.bar.chosen{color:var(--ink);font-weight:700}.bar.chosen .bar-fill{background:linear-gradient(90deg, #b8741f, var(--lantern) 70%, var(--lantern-hot));box-shadow:0 0 12px #f5b54499}.bar-pct{text-align:right;font-size:12px}.uncertain{color:var(--violet);margin:0}.targets,.memories{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.targets li{color:var(--ink-soft);border-bottom:1px dashed var(--line);justify-content:space-between;padding-bottom:3px;display:flex}.memories li{color:var(--ink-soft);border-left:2px solid #f5b54459;padding-left:12px}.mood-label{font-family:var(--body);color:var(--lantern-hot);margin-left:6px;font-size:13px}.mood{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.mood-seg{background:#ffffff12;border-radius:3px;height:6px}.mood-seg:first-child.on{background:#6f86c9}.mood-seg:nth-child(2).on{background:#9aa6c4}.mood-seg:nth-child(3).on{background:#d8c9a0}.mood-seg:nth-child(4).on{background:#f0b95a}.mood-seg:nth-child(5).on{background:#ffd166}.whisper{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:14px;display:flex}.whisper textarea{resize:vertical;width:100%;padding:10px 12px;line-height:1.5}.whisper textarea::placeholder{color:var(--ink-mute)}.whisper-foot{justify-content:space-between;align-items:center;display:flex}.count{color:var(--ink-mute);font-size:12px}.count.over{color:var(--blood)}.whisper-daily{margin:0;font-size:12px}.whisper-status{min-height:1.4em;color:var(--lantern-hot);margin:0;font-size:13px}.chronicle{margin-top:16px;padding:16px}.chronicle-list{max-height:420px;margin:0;padding:0;list-style:none;overflow-y:auto}.chronicle-gen{border-bottom:1px solid #aab9e612;padding:10px 0}.chronicle-h{color:var(--lantern-hot);margin:0 0 6px;font-size:14px}.chronicle-points{overflow-wrap:anywhere;margin:0;padding-left:1.2em;font-size:14px}.chronicle-survivors{margin:6px 0 0;font-size:12px}.lower{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:16px;margin-top:16px;display:grid}.lower-solo{grid-template-columns:minmax(0,1fr)}.events,.ticker{padding:16px}.event-buttons{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.btn-event{flex-direction:column;align-items:center;gap:2px;min-height:72px;padding:10px 6px;font-size:13px;display:flex}.event-icon{font-size:20px;line-height:1.2}.event-wait{color:var(--lantern-hot);font-size:11px}.event-status{min-height:1.4em;color:var(--lantern-hot);margin:10px 0 0;font-size:13px}.ticker-list{flex-direction:column;max-height:340px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tick-line{border-bottom:1px solid #aab9e612;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:7px 0;font-size:14px;animation:.5s ease-out arrive;display:grid}.tick-at{color:var(--ink-mute);padding-top:3px;font-size:11px}.tone-blood{color:#ff9aa2}.tone-amber{color:#ffd489}.tone-violet{color:#cdb8ff}.tone-moss{color:#a5e3b9}.tone-ash{color:var(--ash)}@keyframes arrive{0%{opacity:0;transform:translateY(-4px)}}.extinct{z-index:50;text-align:center;background:radial-gradient(circle,#3c080eeb,#030306f7);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;animation:.9s ease-out fall;display:flex;position:fixed;inset:0}.extinct-kicker{font-family:var(--display);letter-spacing:.6em;color:var(--blood);margin:0;font-size:14px}.extinct-h{max-width:18em;font-family:var(--display);margin:0;font-size:clamp(26px,6vw,56px);font-weight:800;line-height:1.25}.extinct-sub{color:var(--ink-soft);margin:0}@keyframes fall{0%{opacity:0}}@media (width<=960px){.stage,.lower{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.status{grid-template-columns:minmax(0,1fr) auto}.brand{flex-direction:column;gap:2px}.logo{font-size:28px}.tagline{white-space:normal}.meta{grid-area:2/1/auto/-1;font-size:12px}.status-right{flex-direction:column-reverse;align-items:flex-end;gap:6px}.decide-value{font-size:16px}.stats{grid-template-columns:minmax(0,1fr)}.bar{grid-template-columns:76px minmax(0,1fr) 36px}.tick-line{grid-template-columns:minmax(0,1fr);gap:0}}@media (prefers-reduced-motion:reduce){.decide-badge,.tick-line,.extinct{animation:none}.btn{transition:none}}.traces{margin-top:16px;padding:16px}.traces-list{overflow-wrap:anywhere;margin:0;padding-left:1.2em;font-size:14px}.share{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.btn-share{align-items:center;min-height:36px;padding:6px 12px;font-size:12px;text-decoration:none;display:inline-flex}.share-note{color:var(--moss);font-size:12px}.extinct .share{justify-content:center}.chronicle-gen.is-focus,.trace.is-focus{box-shadow:inset 3px 0 0 var(--lantern);background:#f5b54414;border-radius:10px;margin:0 -10px;padding-left:10px;padding-right:10px}.trace{padding:6px 0}.trace-shared{color:var(--lantern-hot);font-size:12px;display:block}.site-foot{border-top:1px solid var(--line);text-align:center;margin-top:24px;padding:16px 0 8px;font-size:13px}.site-foot a{color:var(--ink-mute);text-underline-offset:3px}.site-foot a:hover,.site-foot a:focus-visible{color:var(--lantern-hot)}