.systems-game{--ink:#213932;--surface:#f4f4ee;--accent:#17684f;max-width:1050px;margin:2rem auto;padding:1.5rem;color:var(--ink);background:var(--surface);border-radius:12px}.systems-game.diverge-game{--ink:#393024;--surface:#f7f1e7;--accent:#795321}.systems-game h1{font-size:2.25rem;font-weight:750;letter-spacing:-.025em}.systems-game h2{margin:1.6rem 0 .6rem;font-size:1.4rem}.systems-game p{max-width:72ch;line-height:1.55}.systems-game a{color:var(--accent);text-underline-offset:.18em}.systems-game ::selection{background:var(--accent);color:white}.systems-game :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.systems-game button,.systems-game select,.systems-game a.systems-next{font-size:1rem;min-height:44px;padding:.55rem .8rem;border:1px solid var(--accent);border-radius:9px;color:var(--ink);background:white}.systems-game button:hover:not(:disabled){background:#e7e8db}.systems-game button:disabled,.systems-game select:disabled{opacity:.65;cursor:not-allowed}.systems-game .systems-primary{background:var(--accent);color:white}.systems-game .systems-primary:hover:not(:disabled){filter:brightness(.88);background:var(--accent)}.systems-header,.systems-nav,.systems-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.systems-header{justify-content:space-between}.systems-nav{margin:1rem 0}.systems-nav [aria-current=page]{font-weight:750}.systems-status{font-weight:700;font-variant-numeric:tabular-nums}.systems-cases,.systems-routes{list-style:none;padding:0}.systems-cases>li,.systems-routes>li{border-top:1px solid #b9c2b2;padding:1.2rem 0}.systems-case-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.systems-case-head h3{font-size:1.25rem;margin:0}.systems-case-head select{max-width:100%;width:240px}.systems-contexts{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;margin:.8rem 0}.systems-contexts p{margin:.3rem 0}.systems-contexts strong{font-size:.85rem}.systems-routes button[aria-pressed=true]{background:var(--accent);color:white}.systems-route-walk{font-weight:700;margin:.8rem 0}.systems-reading{padding:0 0 .5rem}.systems-reading strong{font-weight:700}.systems-result{border-top:2px solid var(--accent);margin-top:1.5rem}.systems-result article{padding:.8rem 0;border-bottom:1px solid #b9c2b2}.systems-note{font-size:.9rem;margin-top:1.6rem}.systems-game textarea{width:100%;padding:.7rem;font-size:1rem;caret-color:var(--accent)}.systems-game details{margin:1rem 0}.systems-game summary{min-height:44px;cursor:pointer;padding:.5rem 0}.systems-game [hidden]{display:none!important}@media(max-width:600px){.systems-game{margin:1rem .4rem;padding:1rem}.systems-game h1{font-size:1.9rem}.systems-contexts{grid-template-columns:1fr;gap:.5rem}.systems-case-head{display:block}.systems-case-head select{width:100%;margin-top:.6rem}.systems-actions>*{max-width:100%}.systems-routes li{overflow-wrap:anywhere}.systems-header a{font-size:.9rem}}

.systems-criterion{font-weight:600}.systems-decision{position:sticky;top:0;z-index:2;background:var(--surface);padding:.7rem 0;border-bottom:1px solid #b9c2b2}.systems-routes h3{font-size:1.25rem;margin:.5rem 0}.systems-game{scroll-padding-top:100px}.systems-cases>li,.systems-routes>li{scroll-margin-top:110px}

.systems-lenses{max-width:72ch;margin:1rem 0}.systems-lenses dt{font-weight:750}.systems-lenses dd{margin:0 0 .6rem;line-height:1.5}.systems-decisive{font-weight:650;padding:.6rem 0}