:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#edf0e7;background:#000;--muted:#9fa59b;--ink:#edf0e7;--mint:#d2e5c8;font-synthesis:none}
*{box-sizing:border-box}
html{min-width:280px;scroll-behavior:smooth}
body{margin:0;background:#000}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit}
.page{width:min(100%,1600px);min-height:100vh;min-height:100svh;margin:auto;padding:26px clamp(22px,4vw,64px);display:grid;grid-template-rows:auto 1fr auto;gap:24px}
.header,.footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
.header{min-height:32px}
.wordmark{font:500 23px/1.1 Georgia,'Times New Roman',serif;text-decoration:none;letter-spacing:-.055em}
.ticker{font-size:14px;letter-spacing:.06em;color:var(--mint)}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding:0 0 14px}
.mushroom{display:block;width:clamp(200px,42svh,440px);max-width:85vw;height:auto;aspect-ratio:1;object-fit:contain;user-select:none}
h1{font:400 clamp(64px,7.3vw,110px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:2px 0 0}
.intro{font-size:16px;line-height:1.5;color:var(--muted);margin:18px 0 26px;max-width:32ch}
.actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;max-width:100%}
.action{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 23px;border:1px solid #343b32;border-radius:999px;background:transparent;color:var(--ink);font-size:14px;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.primary{background:var(--mint);color:#0b1009;border-color:var(--mint)}
.action:hover{background:#182015;border-color:#8b9e80}
.primary:hover{background:#e3f2db;border-color:#e3f2db}
.action[aria-disabled=true],.action:disabled{cursor:default}
.action[aria-disabled=true]:hover,.action:disabled:hover{background:transparent;border-color:#343b32}
.primary[aria-disabled=true]:hover{background:var(--mint);border-color:var(--mint)}
.footer{color:var(--muted);font-size:12px;line-height:1.5;min-height:28px}
.footer p{margin:0}
.story-link{padding:8px 0;background:none;border:0;color:#e0e7da;font-size:14px;cursor:pointer;white-space:nowrap;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#596651}
a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{width:min(540px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:28px;border:1px solid #3b4337;border-radius:18px;background:#0b0f0a;color:var(--ink);overscroll-behavior:contain}
dialog::backdrop{background:rgba(0,0,0,.85)}
.story-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}
.close{background:none;border:0;color:var(--ink);font-size:30px;line-height:1;width:40px;height:40px;cursor:pointer}
dialog h2{font:400 42px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:20px 0}
dialog p{font-size:16px;line-height:1.65;color:#c0c9b9}
.sources{display:flex;flex-direction:column;gap:10px;margin-top:24px;font-size:14px}
.sources span{color:var(--muted);margin-bottom:3px}
.sources a{text-underline-offset:4px}
@media(max-width:600px){.page{padding:20px;gap:16px}.header{min-height:28px}.wordmark{font-size:21px}.ticker{font-size:12px}.hero{padding:0 0 12px}.mushroom{width:min(82vw,42svh,350px)}h1{font-size:clamp(48px,13vw,76px);letter-spacing:-.065em}.intro{margin:15px 0 24px;font-size:15px}.actions{gap:8px}.action{padding-inline:17px;min-height:44px;font-size:13px}.footer{align-items:flex-end;gap:12px}.footer p{max-width:24ch;font-size:12px}.story-link{font-size:13px}dialog{padding:22px}}
@media(max-width:350px){.page{padding-inline:16px}.action{padding-inline:13px}.intro{max-width:27ch}}
@media(max-height:650px) and (min-width:601px){.page{padding-block:18px;gap:12px}.mushroom{width:34svh}h1{font-size:64px}.intro{margin:12px 0 18px}.hero{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action{transition:none}}