:root{color-scheme:dark;--bg:#0a1e23;--ink:#f5edda;--dim:#aac2bd;--mint:#bbdfc7;--copper:#efaa75}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 10%,#25423c 0,transparent 50%),var(--bg);color:var(--ink);font:16px/1.6 ui-sans-serif,system-ui,sans-serif}main{max-width:1020px;margin:auto;padding:32px 36px}header{display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-weight:800;letter-spacing:.2em;text-decoration:none;font-size:19px}.brand span{display:block;font-size:9px;letter-spacing:.25em;color:var(--dim)}button,summary{cursor:pointer}button{font:inherit;font-size:13px;border:1px solid #49605b;border-radius:8px;background:#203d3e;color:var(--ink);padding:10px 16px;transition:background .15s,transform .15s}button:hover{background:#345851}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ffd09a;outline-offset:4px}.intro{position:relative;padding:55px 0 36px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.2em;color:var(--mint);margin:0 0 8px}h1{font:clamp(44px,7vw,78px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:16px 0}h1 em{color:var(--copper);font-weight:400}h2{font:27px/1.2 Georgia,serif;margin:5px 0}.intro>p:last-child{color:var(--dim);position:absolute;right:10px;bottom:45px}.workbench{background:#142f33;border:1px solid #3b5651;border-radius:18px;padding:24px;box-shadow:0 24px 70px #0004}.jobbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.counter{text-align:right;color:var(--dim);font-size:11px}.counter strong{display:block;color:var(--copper);font:32px Georgia,serif}.boardwrap{position:relative;max-width:680px;margin:auto;border:1px solid #425652;border-radius:16px;overflow:hidden;background:#0b2128}canvas{display:block;width:100%;height:auto;touch-action:manipulation}.status{font-size:14px;color:var(--mint);text-align:center;min-height:51px;padding:16px 4px 8px}.tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}#hint{background:#c8dabc;color:#112b2b;border-color:transparent}details{margin-top:20px;color:var(--dim);font-size:13px}summary{color:var(--ink)}#ends{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#ends button{font-size:12px;padding:7px 4px}#complete{position:absolute;inset:0;background:#102b30ec;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;backdrop-filter:blur(4px)}[hidden]{display:none!important}#complete h2{font:clamp(32px,6vw,56px) Georgia,serif}#complete p{max-width:340px;color:var(--dim)}#next{margin-top:12px;background:var(--mint);color:#183333;font-weight:700}.seal{font:80px Georgia;color:var(--copper)}.collection{padding:38px 6px 0}.collection nav{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:22px}.collection button{padding:12px 0;position:relative}.collection button.active{border-color:var(--copper);background:#3e5148}.collection button.done:after{content:'•';position:absolute;bottom:-4px;left:45%;color:#e6b879}.collection>p{font-size:12px;color:var(--dim)}footer{border-top:1px solid #314c48;margin-top:35px;padding:20px 0;font-size:11px;color:var(--dim);max-width:760px}footer a{color:var(--mint)}@media(min-width:900px){.workbench{width:760px;margin-left:auto}.intro{padding-bottom:42px}}@media(max-width:620px){main{padding:22px 14px}.intro{padding:34px 6px 22px}.intro>p:last-child{position:static;font-size:14px;margin-top:20px}h1{font-size:52px}.workbench{padding:14px 10px;border-radius:12px}.jobbar{padding:0 7px}h2{font-size:23px}.status{font-size:12px}.tools button{padding:9px 12px;font-size:12px}.brand{font-size:15px}#ends{grid-template-columns:repeat(2,1fr)}.collection nav{gap:5px}.collection button{padding:10px 0}.counter strong{font-size:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}