:root{color-scheme:light;--paper:#f6f2e8;--white:#fffcf5;--ink:#213d32;--muted:#5f6e5d;--line:#d8ddcc;--green:#345643;--gold:#b97645;scroll-behavior:smooth;scroll-padding-top:6rem}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}img{display:block;max-width:100%;height:auto}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2.1rem,4.2vw,3.7rem);max-width:14ch;margin-bottom:1.3rem}h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:1rem}h3{font-size:1.18rem;margin-bottom:.7rem}.eyebrow{color:var(--muted);font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.13em;margin-bottom:.8rem}.skip-link{position:fixed;top:-5rem;left:1rem;background:var(--ink);color:white;padding:.7rem;z-index:100}.skip-link:focus{top:1rem}
.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:rgba(246,242,232,.97);border-bottom:1px solid var(--line);padding:.85rem max(1.2rem,calc((100vw - 1440px)/2));backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:750;line-height:1.2}.brand img{border-radius:12px;width:44px;height:44px}.brand small{display:block;font-size:.7rem;color:var(--muted);font-weight:500;margin-top:4px}.top-actions{display:flex;align-items:center;gap:1.3rem}.repo-link{font-size:.88rem}.lang{display:flex;gap:3px;background:#e9eddf;padding:4px;border-radius:30px}.lang button{border:0;border-radius:20px;padding:.3rem .65rem;font-size:.76rem;background:transparent;color:var(--muted)}.lang button[aria-pressed=true]{background:var(--green);color:white}
.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:2.8rem;padding:0 1.25rem}.sidebar{align-self:start;position:sticky;top:6.5rem;padding-top:2.7rem}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:block;text-decoration:none;border-radius:8px;padding:.55rem .75rem;color:var(--muted);font-size:.9rem;border-left:3px solid transparent}.sidebar nav a:hover,.sidebar nav a[aria-current=true]{background:#e7ecdF;color:var(--ink);border-left-color:var(--gold)}.sidebar-note{font-size:.76rem;color:var(--muted);margin:2rem 0 1rem}.sidebar .text-link{font-size:.82rem}main{min-width:0}section{padding:4rem 0;border-bottom:1px solid var(--line)}.intro{padding-top:3rem;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:2rem}.lede{color:var(--muted);font-size:1.07rem;max-width:44ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.button{display:inline-block;background:var(--green);color:var(--white);text-decoration:none;font-size:.88rem;padding:.75rem 1.1rem;border-radius:10px;border:1px solid var(--green)}.button:hover{background:var(--ink)}.button.secondary{background:transparent;color:var(--green);border-color:var(--line)}.features{display:flex;flex-wrap:wrap;gap:.45rem}.features span{font-size:.7rem;border:1px solid var(--line);padding:.25rem .6rem;border-radius:20px;color:var(--muted)}figure{margin:0}.hero-figure{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 15px 40px #29433112}.hero-figure img{width:100%;aspect-ratio:8/5;object-fit:contain}.hero-figure figcaption{font-size:.72rem;padding:.8rem 1rem;color:var(--muted)}.section-heading{max-width:720px;margin-bottom:2rem}.section-heading>p:last-child{color:var(--muted);font-size:1rem}.rules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.3rem}.rules-grid article{padding:1.3rem;background:#e9edde;border:1px solid var(--line);border-radius:14px}.rules-grid p{margin-bottom:0;font-size:.87rem;color:var(--muted)}.rule-number{display:block;color:var(--gold);font-size:.75rem;margin-bottom:1rem;font-weight:700}.text-link{font-size:.9rem;font-weight:600}
.screen-tools{background:var(--white);padding:1.2rem;border:1px solid var(--line);border-radius:14px}.search-label{display:flex;flex-direction:column;gap:.45rem;font-size:.8rem;font-weight:650}.search-label input{width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-weight:400}.filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.filters button{background:transparent;border:1px solid var(--line);border-radius:20px;color:var(--muted);padding:.3rem .7rem;font-size:.75rem}.filters button[aria-pressed=true]{color:var(--white);background:var(--green);border-color:var(--green)}.result-count{font-size:.78rem;color:var(--muted);margin:1rem 0}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;align-items:start}.screen-card{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden}.screen-image{border:0;padding:0;display:block;width:100%;background:#dce4d5}.screen-image img{width:100%;aspect-ratio:9/20;object-fit:contain}.screen-image:hover{filter:brightness(1.04)}.screen-copy{padding:1.1rem}.screen-copy .eyebrow{font-size:.62rem;letter-spacing:.08em}.screen-copy>p:not(.eyebrow){color:var(--muted);font-size:.84rem;margin-bottom:.85rem}.screen-copy details{font-size:.76rem;border-top:1px solid var(--line);padding-top:.75rem}.screen-copy summary{cursor:pointer;font-weight:600}.screen-copy details p{margin:.75rem 0;color:var(--muted)}.card-links{display:flex;flex-wrap:wrap;gap:.6rem}.capture-note{font-size:.79rem;color:var(--muted);max-width:80ch;margin:1.25rem 0 0}.empty-results{padding:2rem;background:var(--white);border-radius:10px;color:var(--muted)}
.season-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.season-grid figure{background:var(--white);border-radius:14px;border:1px solid var(--line);overflow:hidden}.season-grid img{width:100%;aspect-ratio:8/5;object-fit:contain}.season-grid figcaption{padding:.8rem 1rem;font-size:.9rem}.season-grid figcaption>span{font-size:.68rem;color:var(--muted)}.world-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;border-block:1px solid var(--line);padding:1.5rem 0;margin:1.5rem 0}.world-summary strong{display:block;font-size:2rem;font-weight:550}.world-summary span{font-size:.77rem;color:var(--muted);display:block;max-width:25ch}.diagram{width:100%;border-radius:14px;margin-bottom:1.3rem}.project-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-links a{display:grid;grid-template-columns:1fr auto;gap:.3rem .6rem;background:var(--white);border:1px solid var(--line);padding:1.1rem;border-radius:10px;text-decoration:none}.project-links strong{font-size:.95rem}.project-links a>span:first-of-type{grid-column:1;color:var(--muted);font-size:.8rem}.project-links a>span:last-child{grid-column:2;grid-row:1/3;align-self:center}.project-links a:hover{border-color:var(--green)}.status-panel{margin:3rem 0;padding:2rem!important;border:1px solid var(--line);background:#e9edde;border-radius:18px}.status-panel>p:not(.eyebrow){color:var(--muted);font-size:.9rem;max-width:80ch}.status-links{display:flex;flex-wrap:wrap;gap:1rem;font-size:.82rem}
footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:2rem 1.25rem;display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;font-size:.82rem}footer>div{margin-right:auto}footer p{color:var(--muted);font-size:.75rem;margin:.3rem 0 0}dialog{max-width:min(94vw,1200px);max-height:94vh;width:fit-content;border:1px solid var(--line);border-radius:16px;padding:1.3rem;background:var(--white);color:var(--ink);box-shadow:0 20px 80px #12241955}dialog::backdrop{background:#14251dde}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.viewer-bar h2{font-size:1rem;margin:0}.viewer-bar button{border:1px solid var(--line);padding:.3rem .6rem;border-radius:7px;background:var(--paper);font-size:.8rem;color:var(--ink)}#viewer-image{max-height:70vh;width:auto;max-width:100%;margin:auto;object-fit:contain}#viewer-description{max-width:70ch;font-size:.82rem;margin:1rem auto;color:var(--muted)}.viewer-links{display:flex;gap:1rem;font-size:.8rem}.noscript-note{padding:1rem;text-align:center}
@media(min-width:1500px){.intro{grid-template-columns:.85fr 1.15fr}.hero-figure{margin-right:0}}
@media(max-width:1100px){.layout{grid-template-columns:170px minmax(0,1fr);gap:1.5rem}.intro{grid-template-columns:1fr;gap:1.5rem}.intro-copy{max-width:650px}h1{max-width:19ch}.hero-figure{max-width:850px}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{scroll-padding-top:9rem}.layout{display:block;padding:0 1rem}.top{padding:.65rem 1rem;gap:.7rem}.brand img{width:36px;height:36px}.brand{gap:.55rem;font-size:.9rem}.brand small{font-size:.58rem}.repo-link{display:none}.top-actions{gap:.4rem}.sidebar{position:sticky;top:65px;z-index:9;background:var(--paper);padding:.65rem 0;border-bottom:1px solid var(--line);margin:0 -1rem}.sidebar>.eyebrow,.sidebar-note,.sidebar>.text-link{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px;padding:0 1rem}.sidebar nav a{white-space:nowrap;font-size:.75rem;padding:.4rem .65rem;border-left:0;border-bottom:2px solid transparent;border-radius:5px}.sidebar nav a[aria-current=true]{border-bottom-color:var(--gold)}section{padding:2.8rem 0}.intro{padding-top:2rem}.lede{font-size:1rem}.section-heading{margin-bottom:1.4rem}.screen-grid{gap:.8rem}.screen-copy{padding:.85rem}.screen-copy h3{font-size:1rem}.screen-copy>p:not(.eyebrow){font-size:.76rem}.screen-copy .eyebrow{font-size:.55rem}.season-grid{gap:.75rem}.project-links{grid-template-columns:1fr}.status-panel{padding:1.25rem!important;margin:2rem 0}footer{padding:1.5rem 1rem;gap:1rem}footer>div{width:100%}dialog{padding:.9rem}.viewer-bar h2{max-width:24ch}.viewer-bar button{white-space:nowrap}}
@media(max-width:420px){.screen-grid{grid-template-columns:1fr}.screen-image img{max-height:none}.season-grid{grid-template-columns:1fr}.rules-grid{gap:.6rem}.rules-grid article{padding:1rem}.world-summary{gap:.65rem}.hero-actions{gap:.5rem}.button{font-size:.8rem;padding:.65rem .8rem}.screen-copy>p:not(.eyebrow){font-size:.85rem}.screen-copy h3{font-size:1.15rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}}