*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{--paper:#f5f0e7;--ink:#332f28;--muted:#686257;--accent:#79603c;--line:#d8ccbb;--panel:#fffdf8;margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Noto Sans",sans-serif;line-height:1.65}html[data-kind=status] body{--paper:#eff1eb;--accent:#455e5e;--line:#c8d1c8;--ink:#283a38;--panel:#fbfdf7}html[data-kind=dog] body{--paper:#fff3e7;--accent:#ad6433;--line:#e8c9ad;--panel:#fffdfa}html[data-kind=cat] body{--paper:#edf5ed;--accent:#417969;--line:#bfd7ca;--ink:#263c35;--panel:#fbfdf9}html[data-kind=cheat] body{--paper:#161528;--accent:#b8a1ff;--line:#49425f;--ink:#f5efff;--muted:#c0b5d1;--panel:#211f36;color-scheme:dark}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;min-height:44px;padding:10px 16px;font-size:14px;line-height:1.4}button:hover:not(:disabled){border-color:var(--accent)}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700;padding:14px 28px;box-shadow:0 3px 0 #0002}html[data-kind=cheat] .primary{color:#1d1734}.language-links{max-width:1120px;margin:0 auto;padding:20px 28px;display:flex;justify-content:flex-end;gap:8px 16px;flex-wrap:wrap;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line)}.language-links a{text-decoration:none;min-height:28px;display:flex;align-items:center}.language-links [aria-current]{font-weight:800;color:var(--ink);text-decoration:underline}main{max-width:1120px;padding:0 28px;margin:auto}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:48px 0 20px}.edition,.eyebrow{font-family:ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:var(--muted);margin:0 0 16px}.edition:before{content:"";display:inline-block;width:23px;height:2px;background:var(--accent);vertical-align:middle;margin-right:12px}h1{font-size:clamp(30px,4vw,52px);line-height:1.18;letter-spacing:-.045em;margin:0 0 20px;word-break:keep-all;overflow-wrap:anywhere}h2{font-size:24px;line-height:1.35;letter-spacing:-.025em;margin:0 0 16px}.description{font-size:17px;color:var(--muted);max-width:46ch;margin:0 0 28px}.hero-art{margin:0;transform:rotate(2deg);border:1px solid var(--line);border-radius:4px;padding:10px;background:var(--panel);box-shadow:12px 12px 0 color-mix(in srgb,var(--accent) 10%,transparent)}.hero-art svg{width:100%;height:auto;display:block}html[data-kind=cheat] .hero-art{transform:rotate(-2deg);border-radius:22px}.draw{min-width:190px}.fine-print{font-size:12px;color:var(--muted);line-height:1.7;max-width:70ch;margin:14px 0}.hero .fine-print{max-width:47ch}#status{font-size:13px;min-height:24px;color:var(--accent);margin:15px 0 24px}.result{border:1px solid var(--line);background:var(--panel);display:grid;grid-template-columns:1fr 1.15fr;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #00000008;margin:12px 0 36px;scroll-margin-top:24px}.result-picture{padding:22px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));display:flex;align-items:flex-start}.result-picture svg{max-width:100%;height:auto;position:sticky;top:24px}.result-body{padding:32px;min-width:0}.result-body h2{font-size:32px;margin:0 0 12px}.result-body #result-blurb{color:var(--muted);margin:0 0 22px}dl{margin:22px 0}dl>div{border-top:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:100px 1fr;gap:16px}dt{font-size:12px;font-weight:700;color:var(--muted);padding-top:3px}dd{margin:0;font-size:14px;overflow-wrap:anywhere}.story{border-left:3px solid var(--accent);padding-left:16px;font-size:15px}.probability,.remaining,.assigned-year{font-size:13px;font-weight:650}.remaining{margin-top:24px}.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.share-actions button{font-size:12px;padding:9px 12px}.result-sources{font-size:11px;color:var(--muted);padding-left:18px}.instructions{border-top:1px solid var(--line);padding:28px 0;margin:20px 0;color:var(--muted);font-size:13px}.instructions h2,.catalog h2{font-size:18px;color:var(--ink)}.instructions p{max-width:90ch}.catalog{padding:10px 0 50px}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.outcome-grid>a{text-decoration:none;display:block;border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--panel);transition:border-color .15s,transform .15s}.outcome-grid>a:hover{border-color:var(--accent);transform:translateY(-2px)}.outcome-grid span{font-weight:700;font-size:14px;display:block;margin-bottom:5px}.outcome-grid small{font-size:12px;color:var(--muted);display:block}footer{max-width:1120px;padding:25px 28px 76px;margin:auto;border-top:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}footer span{margin-left:auto}.more-apps{position:fixed;right:15px;bottom:12px;color:#858585;font-size:11px;text-decoration:none;padding:5px 8px;background:var(--panel);border-radius:4px;z-index:4}.info{max-width:840px;padding-top:40px;padding-bottom:70px;min-height:65vh}.info h1{margin-top:28px;font-size:36px}.info p,.sources-list{font-size:15px}.sources-list li{padding:9px 0;overflow-wrap:anywhere}.back-link{font-size:13px}[hidden]{display:none!important}@media(max-width:800px){.hero{gap:24px}.result{grid-template-columns:1fr}.result-picture{max-width:540px;margin:auto;background:transparent}.result-picture svg{position:static}.outcome-grid{grid-template-columns:repeat(2,1fr)}.result-body{padding:26px}}@media(max-width:580px){.language-links{padding:14px 18px;gap:4px 14px;justify-content:flex-start}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:30px 0 10px;gap:22px}.hero-art{width:min(100%,360px);justify-self:center;grid-row:2;margin:0 0 18px}.hero>div{max-width:none}.hero .fine-print{max-width:none}.description{font-size:15px}.draw{width:100%}.edition{margin-bottom:12px}h1{font-size:34px}.result-body{padding:22px 18px}.result-body h2{font-size:27px}.result-picture{padding:10px}.outcome-grid{grid-template-columns:1fr}.outcome-grid>a{padding:15px}.result{margin-top:8px}.share-actions button{flex:1 1 calc(50% - 8px)}dl>div{grid-template-columns:83px 1fr;gap:12px}.info{padding-top:26px}footer{padding-left:18px;padding-right:18px}footer span{width:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Runtime result art is an image; static SEO pages use the same original SVG. */
.result-picture img{display:block;width:100%;max-width:100%;height:auto;position:sticky;top:24px}
.result-body h2{overflow-wrap:anywhere}
.hero:has(.hero-art[hidden]){grid-template-columns:1fr;padding-bottom:0}.hero:has(.hero-art[hidden]) .description{max-width:80ch}
@media(max-width:800px){.result-picture img{position:static}}