@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300..700;1,6..72,300..700&family=Inter+Tight:wght@400;500;600&display=swap');
:root{
  --paper:#fbfaf7; --paper-2:#f3f1ec; --ink:#1c1b1a; --ink-2:#4a4845; --mute:#7d7a74; --rule:#e2dfd8; --rule-2:#cfcbc2;
  --one:#0f8a7e; --one-soft:#d9efec; --two:#b8740f; --two-soft:#f6e9d2; --three:#6b4fbb; --three-soft:#e9e3f7; --four:#b23a6e; --four-soft:#f7e1ea; --accent:#b8740f; --good:#2c8c4a; --bad:#c2402f; --body:#d9583f;
  --max:1180px;
}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,"Times New Roman",serif;font-size:19px;line-height:1.55;-webkit-font-smoothing:antialiased;font-variation-settings:"opsz" 16}
body{margin:0}
a{color:var(--ink);text-decoration-color:var(--rule-2);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3{font-weight:400;margin:0;letter-spacing:-.012em}
h1{font-size:clamp(42px,6.2vw,84px);line-height:1;font-variation-settings:"opsz" 72;font-weight:300}
h2{font-size:clamp(30px,3.6vw,44px);line-height:1.08;font-variation-settings:"opsz" 48;font-weight:400}
h3{font-size:24px;line-height:1.2;font-variation-settings:"opsz" 24}
p{margin:0 0 1em;max-width:64ch}
.num,.vitals b,.verdicts .now,.tumbler,.status,.window .cap,figcaption,.exp .meta,nav,.btn,.read{font-family:"Inter Tight",system-ui,sans-serif}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
nav{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:baseline;padding:26px 0;font-size:15px;border-bottom:1px solid var(--rule)}
nav .brand{font-family:"Newsreader",serif;font-size:24px;margin-right:auto;text-decoration:none;font-variation-settings:"opsz" 24}
nav a{color:var(--mute);text-decoration:none}nav a.here,nav a:hover{color:var(--ink)}
.lede{color:var(--ink-2);font-size:22px;line-height:1.45;max-width:58ch;margin:18px 0 0;font-variation-settings:"opsz" 20;font-weight:300}
section{padding:64px 0}
hr{border:0;border-top:1px solid var(--rule);margin:0}
.one{color:var(--one)}.two{color:var(--two)}.three{color:var(--three)}.four{color:var(--four)}.good{color:var(--good)}.bad{color:var(--bad)}.mute{color:var(--mute)}
.hero{padding:40px 0 56px}
.worlds{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}
@media(max-width:860px){.worlds{grid-template-columns:1fr}}
.window{position:relative}
.window canvas{width:100%;aspect-ratio:1;display:block;border-radius:2px;background:var(--paper-2);image-rendering:pixelated;box-shadow:0 0 0 1px var(--rule)}
.window.large canvas{max-width:760px;margin:0 auto}
.window .cap{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;font-size:15px;color:var(--mute)}
.window .cap b{color:var(--ink);font-weight:500}
.window .cap a{text-decoration:none}
.read{font-size:15px;color:var(--mute);margin-top:8px;max-width:none;line-height:1.5}
.vitals{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px 28px;margin:34px 0 0}
.vitals div span{display:block;color:var(--mute);font-size:14px;font-family:"Inter Tight",sans-serif}
.vitals div b{font-weight:500;font-size:30px;font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.01em}
.verdicts{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--rule-2)}
.verdicts li{display:grid;grid-template-columns:28px 1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--rule);align-items:start}
.verdicts .q{font-size:21px;line-height:1.3}.verdicts .q small{display:block;color:var(--mute);font-size:15px;margin-top:6px;font-family:"Inter Tight",sans-serif;line-height:1.45}
.verdicts .now{font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.mark{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--rule-2);margin-top:7px}
.mark.good{background:var(--good);border-color:var(--good)}.mark.bad{background:var(--bad);border-color:var(--bad)}
.mark.run{border-color:var(--accent);border-style:dashed}
@media(max-width:700px){.verdicts li{grid-template-columns:28px 1fr}.verdicts .now{grid-column:2}}
.exps{display:grid;gap:0;margin-top:12px}
.exp{display:grid;grid-template-columns:240px 1fr;gap:34px;padding:38px 0;border-top:1px solid var(--rule)}
@media(max-width:800px){.exp{grid-template-columns:1fr}}
.exp .thumb canvas{width:100%;aspect-ratio:1;display:block;border-radius:2px;image-rendering:pixelated;background:var(--paper-2);box-shadow:0 0 0 1px var(--rule)}
.exp .thumb.planned{aspect-ratio:1;border:1px dashed var(--rule-2);border-radius:2px;display:grid;place-items:center;color:var(--mute);font-family:"Inter Tight",sans-serif;font-size:14px}
.exp h2 a{text-decoration:none}
.exp .meta{color:var(--mute);font-size:14.5px;margin:8px 0 16px}
.btn{display:inline-block;border:1px solid var(--rule-2);border-radius:999px;padding:9px 18px;text-decoration:none;font-size:15px;color:var(--ink);background:#fff}
.btn:hover{border-color:var(--ink)}
figure{margin:0}
.chart{width:100%;height:200px;display:block;border-radius:2px;background:#fff;box-shadow:0 0 0 1px var(--rule)}
.chart.tall{height:270px}
figcaption{font-size:14px;color:var(--mute);margin-top:10px;line-height:1.45}
.reading{font-family:"Newsreader",serif;font-size:17px;color:var(--ink-2);margin:10px 0 0;line-height:1.45;max-width:70ch;font-variation-settings:"opsz" 16}
.reading .when{font-family:"Inter Tight",sans-serif;font-size:12.5px;color:var(--mute);margin-left:6px;white-space:nowrap}
.reading[hidden]{display:none}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}
@media(max-width:900px){.row2,.row3{grid-template-columns:1fr}}
.lock{display:flex;gap:12px;align-items:center;margin:18px 0;flex-wrap:wrap}
.tumbler{width:54px;height:72px;border-radius:6px;border:1px solid var(--rule-2);display:grid;place-items:center;font-size:28px;background:#fff;position:relative;color:var(--mute)}
.tumbler.hit{border-color:var(--two);box-shadow:inset 0 0 0 1.5px var(--two);color:var(--two);background:var(--two-soft)}
.tumbler small{position:absolute;bottom:5px;font-size:11px;color:var(--mute)}
.ledger{counter-reset:l;list-style:none;padding:0;margin:28px 0 0;max-width:72ch}
.ledger li{counter-increment:l;display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--rule);font-size:18px;color:var(--ink-2);line-height:1.5}
.ledger li::before{content:counter(l);font-family:"Inter Tight",sans-serif;font-size:15px;color:var(--mute);padding-top:5px}
.note{border-left:2px solid var(--accent);padding:4px 0 4px 20px;color:var(--ink-2);max-width:66ch;font-size:18px}
.status{font-size:15px;color:var(--mute);margin-top:14px}
.status b{color:var(--ink);font-weight:500}
footer{padding:48px 0 64px;color:var(--mute);font-size:15px;font-family:"Inter Tight",sans-serif;border-top:1px solid var(--rule)}
.empty{color:var(--mute);font-style:italic}
.q-big{font-size:clamp(26px,3vw,36px);line-height:1.25;font-style:italic;font-weight:300;max-width:30ch;margin:0 0 20px;font-variation-settings:"opsz" 36}