:root{--bg: #07060a;--ink: rgba(236, 230, 218, .88);--dim: rgba(236, 230, 218, .42);--jin: #c9d2dc;--mu: #8eae8a;--shui: #6ea7c4;--huo: #e36a2d;--tu: #c4a06a}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:"Noto Serif SC",Songti SC,serif}canvas{display:block}#hud{position:fixed;inset:0 auto auto 0;z-index:2;padding:28px 32px;pointer-events:none;max-width:320px;transition:opacity .4s ease}body.is-intro #hud{opacity:.28}#about-btn,.hint{position:fixed;z-index:3;pointer-events:auto}#about-btn{top:28px;right:28px;border:0;background:transparent;color:var(--dim);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;cursor:pointer}#about-btn:hover{color:var(--ink)}.hint{right:28px;bottom:24px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.12em;color:var(--dim);pointer-events:none}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;align-items:end;padding:28px;background:linear-gradient(90deg,#07060ad1,#07060a6b 48%,#07060a14);overflow:auto}.intro.is-hidden{display:none}.intro-card{width:min(42rem,100%);padding:12px 8px 36px}.kicker{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.18em;color:var(--dim)}.intro-card h2{margin-top:14px;font-size:52px;font-weight:600;letter-spacing:.42em;padding-left:.42em;line-height:1}.lead{margin-top:18px;font-size:18px;line-height:1.7;color:var(--ink)}.copy{margin-top:22px;display:grid;gap:14px;max-width:38em;font-size:14px;line-height:1.9;color:#ece6dac7}.seeds{list-style:none;margin-top:22px;display:grid;gap:6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.04em;color:var(--dim)}#enter-btn{margin-top:28px;border:1px solid rgba(236,230,218,.28);background:transparent;color:var(--ink);font-family:"Noto Serif SC",serif;font-size:14px;letter-spacing:.28em;padding:12px 28px 12px 36px;cursor:pointer}#enter-btn:hover{border-color:#ece6dab3}@media(max-width:720px){.intro-card h2{font-size:36px}.intro{background:#07060ac7;align-items:start}.hint{display:none}}h1{font-size:34px;font-weight:600;letter-spacing:.42em;line-height:1;padding-left:.42em}.subtitle,.date,.status{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.08em;color:var(--dim)}.subtitle{margin-top:10px}.date{margin-top:28px}.bars{list-style:none;margin-top:18px;display:grid;gap:8px}.bars li{display:grid;grid-template-columns:1.5em 1fr 3.2em;gap:10px;align-items:center;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.16em}.bars .track{height:2px;background:#ece6da1f;position:relative}.bars .fill,.bars .ghost{position:absolute;inset:0 auto 0 0;height:100%}.bars .ghost{background:currentColor;opacity:.22}.bars .fill{background:currentColor;opacity:.92;transition:width .6s ease}.bars .pct{text-align:right;color:var(--dim);letter-spacing:.04em}.bars li[data-el=jin]{color:var(--jin)}.bars li[data-el=mu]{color:var(--mu)}.bars li[data-el=shui]{color:var(--shui)}.bars li[data-el=huo]{color:var(--huo)}.bars li[data-el=tu]{color:var(--tu)}.status{margin-top:22px;max-width:26em;line-height:1.7}