.logic-rule{color:#617477;font-size:14px;line-height:1.6;margin:22px 0}.logic-metrics{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#087b6e}.logic-feedback{min-height:26px;margin:18px 0;color:#087b6e;font-weight:600}.logic-prompt{margin:28px 0;font-size:clamp(24px,4vw,36px)}.number-board{display:grid;margin:28px auto;gap:0;width:100%;border:2px solid #087b6e}.sudoku-board{grid-template-columns:repeat(9,minmax(0,1fr));max-width:450px}.number-board input{width:100%;min-width:0;aspect-ratio:1;height:auto;text-align:center;font-weight:600;font-size:clamp(16px,3vw,24px);border:1px solid #d9e2e4;border-radius:0;padding:0;background:#fff;color:#087b6e}.number-board input.given{background:#edf3f4;color:#182f38;font-weight:800}.number-board input.invalid{background:#ffe5e5;color:#ba3245}.sudoku-board input:nth-child(9n+3),.sudoku-board input:nth-child(9n+6){border-right:2px solid #087b6e}.sudoku-board input:nth-child(n+19):nth-child(-n+27),.sudoku-board input:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #087b6e}.magic-board{grid-template-columns:repeat(3,minmax(0,1fr));max-width:270px}.magic-board input{font-size:32px}.number-tokens{display:flex;justify-content:center;gap:12px;margin:26px 0}.number-tokens span{padding:14px 24px;border-radius:16px;background:#edf7f5;font-size:32px;font-weight:800;color:#087b6e}.code-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.code-inputs input{text-align:center;font-size:26px;padding:14px;width:100%;min-width:0}.compare-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.compare-actions button{justify-content:center;font-size:32px}.code-form .primary{margin-bottom:10px}@media(max-width:600px){.number-tokens span{padding:12px 18px}.logic-metrics{gap:12px}.code-inputs{gap:8px}}