:root{--moss-black:#0b0f08;--moss-deep:#141a10;--moonpaper:#eaefdc;--lichen:#a8b295;--firefly:#d7f056;--redlight:#ff6b5a;--fern-line:#3a4630;--fern-ui:#66794f;--day-paper:#f4f8ea;--day-ink:#2a3324;--day-muted:#5c6850;--day-hot:#9c4a12;--color-bg:var(--moss-black);--color-bg-2:var(--moss-deep);--color-fg:var(--moonpaper);--color-fg-muted:var(--lichen);--color-accent:var(--firefly);--color-accent-fg:var(--moss-black);--color-functional-red:var(--redlight);--color-line:var(--fern-line);--color-line-ui:var(--fern-ui);--font-display:"LXGW WenKai TC","Noto Serif TC",serif;--font-body:"Noto Sans TC",system-ui,sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.953rem;--display:clamp(1.9rem,4vw + .5rem,2.8rem);--radius:10px;--motion-base:.22s;--motion-slow:.6s;--ease-drift:cubic-bezier(.25,.1,.25,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-base);cursor:crosshair;height:100dvh;line-height:1.6;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:90;background:var(--color-accent);color:var(--color-accent-fg);padding:var(--space-2) var(--space-4);border-radius:var(--radius);transition:top var(--motion-base) var(--ease-drift);font-weight:700;text-decoration:none;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-4)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.prologue{z-index:50;background:var(--day-paper);color:var(--day-ink);cursor:auto;position:fixed;inset:0;overflow-y:auto}.prologue.gone{display:none}.ph-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) clamp(1rem,4vw,3rem);border-bottom:1px solid #d8dec8;display:flex}.ph-brand{font-weight:700;font-size:var(--text-lg);letter-spacing:.06em}.ph-nav{gap:var(--space-4);font-size:var(--text-sm);color:var(--day-muted);display:flex}.ph-nav span{padding:var(--space-2) 0}.ph-main{max-width:880px;padding:var(--space-12) clamp(1rem,4vw,3rem) var(--space-8);text-align:center;margin:0 auto}.ph-sun{width:120px;height:120px;margin:0 auto var(--space-6);background:radial-gradient(circle at 38% 32%,#fff6d8,#f5c84c 70%);border-radius:50%;box-shadow:0 0 80px #f5c84c8c}.ph-title{font-family:var(--font-display);font-weight:700;font-size:var(--display);margin-bottom:var(--space-2)}.ph-sub{color:var(--day-muted);margin-bottom:var(--space-8)}.ph-cards{gap:var(--space-4);margin-bottom:var(--space-12);text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.ph-card{border-radius:var(--radius);padding:var(--space-6);background:#fff;border:1px solid #d8dec8}.ph-card h2{font-size:var(--text-base);margin-bottom:var(--space-2);color:var(--day-hot);font-weight:700}.ph-card p{font-size:var(--text-sm);color:var(--day-muted)}.ph-stop{max-width:560px;padding:var(--space-8);border:2px solid var(--day-ink);border-radius:var(--radius);text-align:center;background:#fff;margin:0 auto}.ph-stop .whoa{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:700}.ph-stop p{color:var(--day-muted);margin-bottom:var(--space-6)}.switch-btn{align-items:center;gap:var(--space-3);background:var(--day-ink);color:var(--day-paper);cursor:pointer;font:inherit;padding:var(--space-4) var(--space-8);min-height:52px;font-weight:700;font-size:var(--text-lg);border:none;border-radius:999px;display:inline-flex}.switch-btn .toggle{background:#5c6850;border-radius:999px;flex:none;width:34px;height:20px;position:relative}.switch-btn .toggle:after{content:"";width:16px;height:16px;transition:transform .25s var(--ease-drift);background:#f4f8ea;border-radius:50%;position:absolute;top:2px;left:2px}.switch-btn:hover .toggle:after{transform:translate(6px)}.ph-foot{padding:var(--space-8);text-align:center;color:var(--day-muted);font-size:var(--text-sm)}@media (prefers-reduced-motion:no-preference){.prologue.dying .ph-bar{animation:.55s steps(2,jump-none) 50ms forwards tube-die}.prologue.dying .ph-sun{animation:.5s steps(3,jump-none) forwards tube-die}.prologue.dying .ph-title,.prologue.dying .ph-sub{animation:.5s steps(2,jump-none) .12s forwards tube-die}.prologue.dying .ph-cards{animation:.55s steps(3,jump-none) .22s forwards tube-die}.prologue.dying .ph-stop{animation:.6s steps(2,jump-none) .38s forwards tube-die}.prologue.dying .ph-foot{animation:.4s steps(2,jump-none) .3s forwards tube-die}.prologue.dying{animation:.45s ease-out .62s forwards room-dark}@keyframes tube-die{0%{opacity:1;filter:brightness()}40%{opacity:.25;filter:brightness(1.6)}70%{opacity:.8}to{opacity:0;filter:brightness(.2)}}@keyframes room-dark{to{background:var(--moss-black)}}body[data-lit=off] #valley{animation:eyes-adjust 2.4s var(--ease-drift) both}@keyframes eyes-adjust{0%{opacity:0}to{opacity:1}}}#valley{position:fixed;inset:0}#swarm,#swarmGL{width:100%;height:100%;position:absolute;inset:0}.ridges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#torch{pointer-events:none;z-index:5;mix-blend-mode:screen;will-change:transform;background:radial-gradient(closest-side,#eaefdc21,#eaefdc0d 45%,#0000 72%);border-radius:50%;width:560px;height:560px;margin:-280px 0 0 -280px;position:fixed;top:0;left:0}body[data-light=red] #torch{background:radial-gradient(closest-side,#ff6b5a1f,#ff6b5a0b 45%,#0000 72%)}#torch.pulse{animation:torch-pulse .7s var(--ease-drift)}@keyframes torch-pulse{0%{opacity:.4}40%{opacity:1.6}to{opacity:1}}.hud{z-index:20;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);pointer-events:none;display:flex;position:fixed;top:0;left:0;right:0}.hud>*{pointer-events:auto}.lockup h1{font-family:var(--font-display);font-size:var(--display);letter-spacing:.08em;font-weight:700;line-height:1.15}.lockup .season{font-size:var(--text-sm);color:var(--color-fg-muted);letter-spacing:.22em;margin-top:var(--space-1)}.controls{align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex}.light-toggle{align-items:center;gap:var(--space-2);background:var(--color-bg-2);color:var(--color-fg);border:1px solid var(--color-line-ui);padding:var(--space-2) var(--space-4);min-height:44px;font:inherit;font-size:var(--text-sm);cursor:pointer;transition:border-color var(--motion-base);border-radius:999px;font-weight:500;display:inline-flex}.light-toggle:hover{border-color:var(--color-accent)}.light-toggle .bulb{background:var(--color-fg);width:12px;height:12px;transition:background var(--motion-base),box-shadow var(--motion-base);border-radius:50%;box-shadow:0 0 10px #eaefdccc}.light-toggle[aria-pressed=true] .bulb{background:var(--color-functional-red);box-shadow:0 0 10px #ff6b5acc}.toggle-hint{font-size:var(--text-sm);color:var(--color-fg-muted)}.meter-wrap{align-items:center;gap:var(--space-3);display:flex}.meter-label{font-size:var(--text-sm);color:var(--color-fg-muted);letter-spacing:.15em}.meter{border:1px solid var(--color-line-ui);background:var(--color-bg-2);border-radius:999px;width:130px;height:8px;overflow:hidden}.meter-fill{background:var(--color-accent);width:35%;height:100%;transition:width var(--motion-slow) var(--ease-drift);border-radius:999px}.status-line{bottom:calc(var(--space-6) + 3.2rem);z-index:20;text-align:center;font-size:var(--text-sm);color:var(--color-fg-muted);pointer-events:none;padding:0 var(--space-4);position:fixed;left:0;right:0}.whisper{bottom:var(--space-6);z-index:20;text-align:center;pointer-events:none;padding:0 var(--space-4);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-fg);letter-spacing:.05em;position:fixed;left:0;right:0}.stations{z-index:10;position:absolute;inset:0}.station{left:var(--x);top:var(--y);align-items:center;gap:var(--space-2);cursor:pointer;font:inherit;color:var(--color-fg-muted);padding:var(--space-3) var(--space-4);transition:color var(--motion-base) var(--ease-drift);background:0 0;border:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-50%)}.station .st-dot{background:var(--color-accent);border-radius:50%;width:11px;height:11px;animation:1.05s infinite dot-blink;box-shadow:0 0 14px #d7f056e6}.station:nth-child(2) .st-dot{animation-delay:.35s}.station:nth-child(3) .st-dot{animation-delay:.6s}.station:nth-child(4) .st-dot{animation-delay:.15s}.station:nth-child(5) .st-dot{animation-delay:.8s}@keyframes dot-blink{0%,18%{opacity:1}38%,82%{opacity:.18}to{opacity:1}}.station .st-label{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.12em;white-space:nowrap}.station.lit,.station:hover,.station:focus-visible{color:var(--color-fg)}.station.lit .st-dot,.station:hover .st-dot,.station:focus-visible .st-dot{opacity:1;animation-play-state:paused;box-shadow:0 0 22px #d7f056}dialog{background:var(--color-bg-2);color:var(--color-fg);border:1px solid var(--color-line-ui);border-radius:var(--radius);width:min(580px,92vw);max-height:84dvh;margin:auto;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0f08bd}.dlg-inner{padding:var(--space-8);max-height:84dvh;overflow-y:auto}.dlg-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.dlg-head h2{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:.06em;font-weight:700;line-height:1.25}.dlg-close{border:1px solid var(--color-line-ui);color:var(--color-fg);width:44px;height:44px;font-size:var(--text-lg);cursor:pointer;transition:border-color var(--motion-base);background:0 0;border-radius:50%;flex:none;line-height:1}.dlg-close:hover{border-color:var(--color-accent)}dialog h3{font-size:var(--text-lg);color:var(--color-accent);margin:var(--space-6) 0 var(--space-2);letter-spacing:.04em;font-weight:700}dialog p{margin-bottom:var(--space-3)}dialog .muted{color:var(--color-fg-muted)}dialog ol,dialog ul{margin-bottom:var(--space-3);padding-left:1.4em}dialog li{margin-bottom:var(--space-2)}dialog li::marker{color:var(--color-accent)}.sp-card{border:1px solid var(--color-line);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4);gap:var(--space-4);grid-template-columns:auto 1fr;align-items:start;display:grid}.sw-stage{border-radius:var(--radius);background:var(--color-bg);place-items:center;width:56px;height:56px;display:grid}.swatch{background:var(--color-accent);border-radius:50%;width:13px;height:13px;box-shadow:0 0 14px #d7f056f2}.sw-cerata{animation:1.05s infinite dot-blink}.sw-ficta{animation:2.6s ease-in-out infinite sw-pulse}.sw-analis{animation:6s ease-in-out infinite sw-breathe}@keyframes sw-pulse{0%,to{opacity:.15}50%{opacity:1}}@keyframes sw-breathe{0%,to{opacity:.85}50%{opacity:1}}.sp-card h3{margin-top:0}.sp-card .latin{color:var(--color-fg-muted);font-style:italic;font-size:var(--text-sm);letter-spacing:.03em}.sp-meta{font-size:var(--text-sm);color:var(--color-fg-muted);margin-top:var(--space-2)}.sp-meta b{color:var(--color-fg);font-weight:500}table{border-collapse:collapse;width:100%;margin:var(--space-3) 0 var(--space-4);font-size:var(--text-sm)}caption{text-align:left;color:var(--color-fg-muted);margin-bottom:var(--space-2);font-size:var(--text-sm)}th,td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-line)}th{color:var(--color-fg-muted);letter-spacing:.08em;font-weight:500}td b{color:var(--color-accent);font-weight:700}.field{margin-bottom:var(--space-4)}.field label{margin-bottom:var(--space-1);font-weight:500;display:block}.field input,.field select{width:100%;padding:var(--space-3);background:var(--color-bg);min-height:44px;color:var(--color-fg);border:1px solid var(--color-line-ui);border-radius:var(--radius);font:inherit}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.field .hint{font-size:var(--text-sm);color:var(--color-fg-muted);margin-top:var(--space-1)}.check{gap:var(--space-3);margin-bottom:var(--space-6);align-items:flex-start;display:flex}.check input{width:24px;height:24px;accent-color:var(--color-accent);flex:none;margin-top:2px}.btn{background:var(--color-accent);color:var(--color-accent-fg);padding:var(--space-3) var(--space-8);font:inherit;font-weight:700;font-size:var(--text-base);cursor:pointer;min-height:48px;transition:transform var(--motion-base) var(--ease-drift);border:none;border-radius:999px;display:inline-block}.btn:hover{transform:translateY(-2px)}.form-error{color:var(--color-functional-red);font-size:var(--text-sm);margin-top:var(--space-1)}.booked{display:none}.booked.show{display:block}.booked .seal{width:56px;height:56px;margin-bottom:var(--space-4);background:radial-gradient(circle at 50% 50%,var(--color-accent) 0 18%,transparent 60%);border:1px solid var(--color-line-ui);border-radius:50%}@media (max-width:720px){.hud{padding:var(--space-4)}.controls{align-items:flex-end}.toggle-hint{display:none}.meter{width:90px}.station .st-label,.whisper{font-size:var(--text-base)}#torch{width:380px;height:380px;margin:-190px 0 0 -190px}.dlg-inner{padding:var(--space-6)}.sp-card{grid-template-columns:1fr}.ph-main{padding-top:var(--space-8)}}@media (prefers-reduced-motion:reduce){.station .st-dot,.sw-cerata,.sw-ficta,.sw-analis{animation:none}#torch{transition:none}#torch.pulse{animation:none}.btn:hover{transform:none}}