*{box-sizing:border-box}body{margin:0;background:#f5f3eb;color:#233c37;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:#275f56}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid #be8d3e;outline-offset:3px}.shell{max-width:1060px;margin:auto;padding:26px 28px 40px}.top{display:flex;justify-content:space-between;align-items:center;gap:14px}.logo{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none}.logo img{width:30px;height:30px}.top nav{display:flex;gap:22px;font-size:14px}.hero{padding:40px 0 26px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.18em;color:#658378;margin:0 0 10px}h1{font:500 clamp(32px,5vw,52px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 0 16px}.hero p:last-child{max-width:600px;margin:0;color:#556d64}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:start}.game-card{min-width:0;border:1px solid #d7dfd4;border-radius:24px;padding:24px;background:#fffefa;box-shadow:0 16px 44px #243d3410}.game-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.game-head h2{font:500 23px Georgia,serif;margin:0}.segmented{display:flex;gap:3px;background:#eef0e8;border-radius:12px;padding:4px}.segmented button{background:transparent;border:0;min-height:44px;padding:7px 12px;font-size:13px;border-radius:9px}.segmented [aria-pressed=true]{background:#fff;box-shadow:0 2px 7px #243d3412;color:#275f56;font-weight:650}.tray{margin:24px auto 16px;max-width:410px}.columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-bottom:10px}.columns button{min-width:0;min-height:44px;background:#f4f2e8;border:1px solid #d7dfd4;border-radius:9px;color:#536e60;font-size:14px}.columns button.selected{border-color:#b6873a;background:#fff7e5}.columns button[aria-disabled=true]{opacity:.45}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:15px;background:#275f56;border-radius:17px;box-shadow:inset 0 2px 4px #163c33}.disc{display:block;aspect-ratio:1;border-radius:50%;background:#edf0e6;box-shadow:inset 0 3px 5px #0d36252b;border:2px solid #163e3538;position:relative}.disc.amber{background:#e2b059;box-shadow:inset 0 0 0 3px #f4cb7b,inset 0 3px 5px #986b31}.disc.teal{background:#80b9ac;box-shadow:inset 0 0 0 3px #a3d2c4,inset 0 3px 5px #3f7f73}.disc.last:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#203d34;inset:calc(50% - 3.5px)}.disc.winning{outline:3px solid #fff9d4;outline-offset:1px}.board-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#5f7369}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tools button,.secondary,.primary{min-height:44px;padding:9px 15px;border:1px solid #d7dfd4;background:#fff;border-radius:10px;font-size:14px}.tools .primary,.primary{background:#275f56;color:#fff;border-color:#275f56}.status{min-height:45px;margin:16px 0 0;font-size:14px}.status[data-kind=error]{color:#984b35}.status[data-kind=complete]{color:#275f56}.rules-card{padding-top:8px}.rules-card img{width:100%;height:165px;object-fit:contain;margin-bottom:20px}.rules-card h2,.article h2,.about h2{font:500 27px/1.2 Georgia,serif}.rules-card ol{padding-left:20px;color:#52685d;font-size:15px}.rules-card li{padding-bottom:13px}.key-help{font-size:13px;color:#61776b}.save-problem{margin-top:14px;padding:14px;border:1px solid #dfcfaa;background:#fffbef;border-radius:12px;font-size:14px}.save-problem p{margin-top:0}.about{max-width:780px;margin:36px 0 28px;padding-top:20px;border-top:1px solid #d7dfd4;font-size:15px;color:#52685d}.footer{margin-top:30px;border-top:1px solid #d7dfd4;padding-top:22px;display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.article{max-width:720px;margin:34px auto}.article p,.article li{color:#52685d}.article li{margin-bottom:12px}.article .example{border:1px solid #d7dfd4;background:#fffefa;padding:20px;border-radius:16px}.article img{max-width:320px;width:100%;display:block;margin:auto}.skip{position:absolute;top:-80px;left:20px;background:#fff;padding:12px}.skip:focus{top:10px;z-index:2}dialog{max-width:min(430px,calc(100% - 32px));border:1px solid #d7dfd4;border-radius:18px;padding:24px;color:#233c37}dialog::backdrop{background:#203c3459}dialog h2{font:500 27px Georgia,serif;margin-top:0}dialog form{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}summary{min-height:44px;cursor:pointer}details{margin-top:10px}@media(max-width:790px){.workspace{grid-template-columns:1fr}.rules-card img{display:none}.rules-card{max-width:600px}}@media(max-width:480px){.shell{padding:18px 16px}.top nav{gap:12px;font-size:13px}.hero{padding:30px 0 22px}.game-card{padding:15px;border-radius:18px}.game-head{display:block}.game-head h2{margin-bottom:13px}.board{gap:5px;padding:10px}.columns{gap:5px}.tray{margin-top:20px}.board-meta{font-size:12px}.tools button{padding:9px 13px}.footer{gap:12px}.disc.last:after{width:5px;height:5px;inset:calc(50% - 2.5px)}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}