.sudoku-page{background:var(--cream);min-height:100vh}.project-head{max-width:var(--maxw);margin:60px auto 0;padding:0 var(--pad-x)}.meta-row{display:flex;gap:16px;align-items:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.meta-row .cat{padding:4px 10px;background:var(--terracotta);color:var(--cream);border-radius:999px;font-weight:700}.project-head h1{font-family:var(--font-sans);font-weight:800;letter-spacing:-.045em;font-size:clamp(64px,10vw,140px);line-height:.92;margin:12px 0 24px}.project-head h1 em{font-family:var(--font-italic);font-style:italic;font-weight:400;color:var(--terracotta)}.project-head .tagline{font-size:22px;line-height:1.4;color:var(--ink-soft);max-width:720px;margin:0 0 32px}.info-grid{max-width:var(--maxw);margin:80px auto 0;padding:0 var(--pad-x);display:grid;grid-template-columns:1.6fr 1fr;grid-gap:60px;gap:60px;align-items:start}.info-grid .desc p{font-size:17px;line-height:1.65;color:var(--ink-soft);margin:0 0 20px;text-wrap:pretty}.meta-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;gap:16px}.meta-card .l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.meta-card .deliverables{display:flex;flex-wrap:wrap;gap:6px}.meta-card .deliverables span{font-size:12px;padding:5px 10px;background:var(--terracotta-3);color:var(--ink);font-weight:600;letter-spacing:.02em;border-radius:999px}.meta-card a.gh{display:inline-flex;align-items:center;gap:8px;color:var(--terracotta);font-weight:600;font-size:14px;word-break:break-all}.demo{max-width:var(--maxw);margin:140px auto 0;padding:0 var(--pad-x)}.demo-head h2{font-family:var(--font-sans);font-weight:700;font-size:40px;letter-spacing:-.03em;line-height:1;margin:14px 0 12px}.demo-head h2 em{font-family:var(--font-italic);font-style:italic;font-weight:400;color:var(--terracotta)}.demo-head p{font-size:15px;line-height:1.55;color:var(--ink-soft);max-width:720px;margin:0}.demo-card{margin-top:48px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:40px;display:grid;grid-template-columns:1fr 280px;grid-gap:40px;gap:40px;align-items:start}.grid-board{aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);background:var(--ink-soft);grid-gap:1px;gap:1px;padding:3px;border-radius:8px;border:2px solid var(--ink)}.cell{background:var(--cream);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:600;font-size:22px;letter-spacing:-.02em;color:var(--ink);cursor:text;outline:none;transition:background .12s ease,color .12s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cell[contenteditable=true]:focus{background:var(--terracotta-3)}.cell.given{color:var(--ink);font-weight:700}.cell.trying{background:var(--terracotta);color:var(--cream)}.cell.solved{background:rgba(201,255,58,.25);color:var(--ink)}.cell:nth-child(3n):not(:nth-child(9n)){box-shadow:2px 0 0 var(--ink)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){box-shadow:0 2px 0 var(--ink)}.cell:nth-child(3n):not(:nth-child(9n)):is(:nth-child(n+19):nth-child(-n+27),:nth-child(n+46):nth-child(-n+54)){box-shadow:2px 0 0 var(--ink),0 2px 0 var(--ink)}.controls{display:flex;flex-direction:column;gap:16px}.controls .row{display:flex;gap:8px;flex-wrap:wrap}.btn-ctl{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--cream);color:var(--ink);padding:10px 16px;border-radius:999px;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:all .15s ease}.btn-ctl:hover{border-color:var(--terracotta);color:var(--terracotta)}.btn-ctl.primary{background:var(--terracotta);color:var(--cream);border-color:var(--terracotta)}.btn-ctl.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}.btn-ctl.stop{background:var(--error);border-color:var(--error);color:var(--cream)}.btn-ctl[disabled]{opacity:.5;cursor:not-allowed}.speed{display:flex;flex-direction:column;gap:8px}.speed label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.speed input[type=range]{width:100%;accent-color:var(--terracotta)}.legend{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.legend .item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-soft)}.legend .item .sw{width:14px;height:14px;border-radius:3px}.legend .item .sw.given{background:var(--cream);border:1px solid var(--ink)}.legend .item .sw.trying{background:var(--terracotta)}.legend .item .sw.solved{background:rgba(201,255,58,.5);border:1px solid var(--chart)}.status{padding:14px 16px;background:var(--cream);border:1px solid var(--line);border-radius:8px;font-family:var(--font-mono),monospace;font-size:13px;color:var(--ink-soft)}@media (max-width:960px){.info-grid{gap:28px}.demo-card,.info-grid{grid-template-columns:1fr}}