:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172844;background:#f3f6fc;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}h1{font-size:clamp(28px,4vw,44px);margin:0;letter-spacing:-1px}h2{font-size:19px;margin-top:0}p{line-height:1.65}.eyebrow{color:#4d5ec4;font-size:12px;letter-spacing:2px;font-weight:800;margin:0 0 8px}button,select{font:inherit;border:1px solid #b9c5da;border-radius:9px;background:#fff;color:inherit;padding:10px 13px;min-height:44px;cursor:pointer}button:hover{background:#e9eeff}button:focus-visible,select:focus-visible{outline:3px solid #a55b00;outline-offset:2px}button:disabled{opacity:.45;cursor:default}.primary{background:#344bb7;color:white;border-color:#344bb7}.primary:hover{background:#263988}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:22px 0}.badge{background:#e5eaff;color:#344bb7;padding:6px 14px;border-radius:24px;font-weight:700}.layout{display:grid;grid-template-columns:minmax(300px,560px) minmax(240px,1fr);gap:28px}.views{display:flex;gap:6px;margin-bottom:14px}.views button{flex:1;font-size:14px;padding:9px 5px}.views button[aria-pressed=true]{background:#172844;color:white}.card{background:white;padding:22px;border:1px solid #dde4f1;border-radius:16px;margin-bottom:18px;box-shadow:0 6px 24px #1d315908}.card>button{width:100%;margin:7px 0}.muted,.card p{color:#566780;font-size:14px}.subtle{background:transparent}.confirm{padding:16px;background:#fff3d9;border:1px solid #dfb550;border-radius:12px;margin-bottom:18px}#board{display:grid;grid-template-columns:repeat(9,1fr);border:3px solid #172844;background:white;aspect-ratio:1;box-shadow:0 10px 30px #17284415}#board button{border:0;border-right:1px solid #c2ccdf;border-bottom:1px solid #c2ccdf;border-radius:0;padding:0;min-height:0;aspect-ratio:1;font-size:clamp(19px,3vw,30px);font-weight:500;color:#304fc7;touch-action:manipulation}#board button.given{color:#172844;font-weight:800;background:#edf1f8}#board button.edge-r{border-right:3px solid #172844}#board button.edge-b{border-bottom:3px solid #172844}#board button.peer{background:#f0f4ff}#board button.same{background:#dce5ff}#board button.selected{background:#c8d6ff;box-shadow:inset 0 0 0 3px #344bb7}#board button.conflict{color:#b11f2f;text-decoration:underline;text-decoration-style:wavy}#board button.hinted{box-shadow:inset 0 0 0 3px #b07500;background:#fff0c9}#board button:focus-visible{outline-offset:-4px}.mini{display:grid;grid-template-columns:repeat(3,1fr);height:100%;align-items:center;font-size:clamp(9px,1.2vw,13px);line-height:1;color:#566780;font-weight:400}.digits{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.digits button{padding:8px 0;font-weight:700}.actions{display:flex;gap:8px;margin-top:12px}.actions button{flex:1;padding:9px 5px;font-size:14px}#notes[aria-pressed=true]{background:#dce5ff;border-color:#344bb7}#hintbox{border-left:4px solid #bd870c;padding:0 0 5px 12px;margin:14px 0}#progress{font-size:14px;color:#566780}[hidden]{display:none!important}@media(max-width:760px){main{padding:16px}.layout{grid-template-columns:1fr;gap:20px}.puzzle{max-width:560px;width:100%;margin:auto}header{gap:8px}header select{max-width:115px;font-size:13px}#board button{font-size:clamp(19px,5.6vw,30px)}.card{padding:18px}.toolbar{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}