:root{--paper:#f4f1e8;--ink:#192d2a;--green:#174a43;--muted:#64746e;--line:#d7ded4;--accent:#dcec89;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Trebuchet MS',Verdana,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d08b33;outline-offset:4px}.masthead{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 38px;border-bottom:1px solid var(--line)}.brand{font-size:18px;font-weight:bold;letter-spacing:-.5px}.brand span:last-child{font-weight:normal;color:var(--muted);margin-left:7px}.brand-mark{background:var(--green);color:var(--accent);font-size:26px;line-height:30px;display:inline-block;padding:0 6px;margin-right:8px;vertical-align:middle}.masthead nav{display:flex;gap:29px;font-size:14px}.masthead nav a:hover,.text-link:hover{text-decoration:underline}.paper-link{font-weight:bold}main{max-width:1320px;margin:auto;padding:0 38px}.hero{display:grid;grid-template-columns:1fr 310px;gap:52px;align-items:center;padding:65px 0 48px}.eyebrow{font-family:'Courier New',monospace;font-size:12px;letter-spacing:2px;font-weight:bold;color:var(--green);margin:0 0 16px}h1,h2{font-family:Georgia,'Palatino Linotype',serif;letter-spacing:-1.8px;font-weight:normal;line-height:1.08}h1{font-size:clamp(42px,4.6vw,64px);margin:0 0 22px}.lead{font-size:18px;max-width:690px;color:#455d54}.primary-link{margin-top:22px;background:var(--green);color:var(--white);display:inline-flex;justify-content:space-between;gap:38px;padding:15px 19px;font-size:14px}.primary-link span{color:var(--accent);font-size:20px}.hero-note{border-left:1px solid var(--line);padding-left:36px}.large-number{font-family:Georgia,serif;font-size:90px;letter-spacing:-6px;line-height:1}.large-number span{font-family:'Courier New',monospace;font-size:22px;letter-spacing:-1px;color:var(--muted);margin-left:8px}.hero-note p{font-size:15px}.note-rule{width:50px;border-top:3px solid var(--green);margin:23px 0}.small{font-size:12px;color:var(--muted);line-height:1.65}.hero-note .small{font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin-bottom:62px}.stats div{border-right:1px solid var(--line);padding-left:30px;display:flex;align-items:center;gap:17px}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{font-family:Georgia,serif;font-weight:normal;font-size:35px;letter-spacing:-1px}.stats span{font-size:12px;max-width:110px;color:var(--muted)}.section{padding:0 0 62px;margin-bottom:15px}.section-head{margin-bottom:24px}.section-head h2{font-size:38px;margin:0 0 12px}.section-head>p:last-child,.section-intro{color:#50665c;max-width:850px;font-size:15px}.play-layout{display:grid;grid-template-columns:265px 1fr;gap:26px}.play-side{padding-top:4px}.play-side label{display:block;font-size:12px;font-weight:bold;margin-bottom:9px}.play-side select{width:100%;padding:11px 8px;background:var(--white);border:1px solid #bccac1;color:var(--ink);font-size:13px}.play-side>p{font-size:14px;color:#53685e}.practice-label{font-size:10px;font-family:'Courier New',monospace;letter-spacing:1.5px;display:inline-block;border:1px solid #a5bca7;padding:3px 7px;margin-top:14px}.outline-button{border:1px solid var(--green);background:transparent;color:var(--green);padding:10px 14px;width:100%;font-size:13px}.game-card{background:var(--green);color:var(--white);padding:18px 21px;min-width:0}.game-top{display:flex;justify-content:space-between;gap:10px;font-family:'Courier New',monospace;font-size:12px;border-bottom:1px solid #527267;padding-bottom:12px}.game-top>div{display:flex;gap:25px}.canvas-stage{background:#111d25;min-height:300px;display:flex;align-items:center;justify-content:center;padding:25px;margin:18px 0 14px;overflow:hidden}canvas{image-rendering:pixelated;max-width:100%;max-height:350px;width:auto;height:auto;cursor:crosshair}.controls{display:flex;justify-content:center;gap:9px;margin:0 0 18px}.controls button{background:#294f49;color:var(--white);border:1px solid #77948a;width:45px;height:40px;font-family:'Courier New',monospace;font-size:17px}.controls button:hover{background:var(--accent);color:var(--ink)}.game-bottom{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #527267;flex-wrap:wrap}.game-bottom button{border:1px solid #75958a;background:transparent;color:var(--white);font-size:12px;padding:8px 10px}.game-bottom button span{font-size:10px;color:#bfd0c6;margin-left:8px}.game-bottom strong{font-size:12px;font-weight:normal;margin-left:auto;color:var(--accent)}.canvas-help{color:#bbccc3;margin:12px 0 0;text-align:center}.split-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.text-link{font-size:13px;border-bottom:1px solid var(--green);padding-bottom:7px;white-space:nowrap}.table-wrap{overflow-x:auto;background:var(--white);padding:0 17px;border-top:2px solid var(--green)}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th{font-size:11px;font-weight:normal;color:var(--muted);padding:15px 9px;text-align:right;border-bottom:1px solid #abbbae}td{padding:12px 9px;text-align:right;border-bottom:1px solid #e5e7de}th:nth-child(2),td:nth-child(2){text-align:left}td:first-child,th:first-child{text-align:left;color:var(--muted)}tbody tr:first-child{background:#eff5de}tbody tr:first-child td:nth-child(2){font-weight:bold}.method-note{margin:15px 0 26px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.method-note summary{cursor:pointer}.method-note p{max-width:950px;color:var(--muted)}.chart-switcher,.example-switcher{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 16px}.chart-switcher button,.example-switcher button{border:1px solid var(--line);padding:10px 16px;background:transparent;color:var(--muted);font-size:12px}.chart-switcher button[aria-selected=true],.example-switcher button[aria-selected=true]{background:var(--green);color:var(--white);border-color:var(--green)}.chart-panel{margin:0;background:white;padding:26px}.chart-panel img{width:100%;height:auto;display:block}.chart-panel figcaption{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:17px;padding-top:14px}.examples-section{border-top:1px solid var(--line);padding-top:38px}.example-top{display:grid;grid-template-columns:145px 1fr;gap:22px;align-items:center;background:#e8eddf;padding:20px;margin-bottom:18px}.example-top img{width:100%;image-rendering:pixelated;max-height:145px;object-fit:contain}.example-top strong{font-size:15px}.example-top p{font-size:13px;margin:5px 0}.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.snapshot-card{background:var(--white);padding:15px;min-width:0}.snapshot-card h3{font-size:13px;margin:0 0 13px}.snapshot-art{height:180px;display:flex;align-items:center;justify-content:center;background:#111d25;padding:12px}.snapshot-art img{max-width:100%;max-height:156px;image-rendering:pixelated;object-fit:contain}.snapshot-card strong{display:block;font-family:Georgia,serif;font-size:28px;font-weight:normal;margin:13px 0 0}.snapshot-card p{font-size:11px;color:var(--muted);margin:4px 0}.pathway{display:grid;grid-template-columns:300px 1fr;gap:45px;border-top:1px solid var(--line);padding-top:38px;align-items:center}.pathway h2{font-size:36px;margin:0 0 20px}.pathway p{font-size:14px;color:var(--muted)}.pathway img{width:100%;background:#fff;padding:12px}footer{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;align-items:center;gap:28px;color:var(--muted);font-size:12px}footer .brand{color:var(--ink);font-size:15px;margin-right:auto}[hidden]{display:none!important}@media(max-width:900px){.hero{grid-template-columns:1fr 235px;gap:25px}.hero-note{padding-left:22px}.hero-note .large-number{font-size:75px}.stats div{padding-left:17px;gap:12px}.stats strong{font-size:29px}.play-layout{grid-template-columns:225px 1fr}.canvas-stage{min-height:285px}.snapshot-grid{grid-template-columns:repeat(2,1fr)}.pathway{grid-template-columns:230px 1fr;gap:25px}.section-head h2{font-size:32px}}@media(max-width:650px){main{padding:0 19px}.masthead{padding:19px}.masthead nav{gap:16px;font-size:12px}.masthead nav a:nth-child(2),.masthead nav a:nth-child(3){display:none}.brand{font-size:16px}.brand span:last-child{display:none}.hero{padding:37px 0;grid-template-columns:1fr}.hero-note{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center}.hero-note .large-number{font-size:65px}.hero-note .note-rule,.hero-note .small{display:none}.stats{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.stats div{padding:0;border:0}.stats strong{font-size:29px}.play-layout{grid-template-columns:1fr}.play-side .small:last-child{display:none}.game-card{padding:15px}.game-top>div{gap:10px}.canvas-stage{padding:15px;min-height:240px}.game-bottom strong{margin-left:0;flex-basis:100%}.section{padding-bottom:35px}.split-head{display:block}.text-link{display:inline-block}.chart-panel{padding:12px}.snapshot-grid{gap:9px}.snapshot-card{padding:10px}.snapshot-art{height:155px;padding:8px}.snapshot-card h3{font-size:12px}.snapshot-art img{max-height:130px}.example-top{grid-template-columns:95px 1fr;padding:13px;gap:14px}.pathway{grid-template-columns:1fr}.pathway img{padding:6px}footer{flex-wrap:wrap;gap:15px}footer .brand{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}