.rec-page{padding:58px 0 96px}.rec-hero{max-width:900px;padding:28px 0 50px}.rec-back{display:inline-block;margin-bottom:30px;color:#625e58;font-size:14px;font-weight:800}.rec-back:hover{color:var(--graphite)}.magic-bank-label,.rec-kicker,.rec-section-number{color:#765b00;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.rec-hero h1{max-width:850px;margin:11px 0 17px;font-size:clamp(43px,7vw,72px);line-height:.98;letter-spacing:-.058em}.rec-hero p{max-width:750px;margin:0;color:#5d5851;font-size:19px;line-height:1.65}.magic-game{overflow:hidden;border:1px solid #d8d1c6;border-radius:28px;background:#fff;box-shadow:0 20px 54px rgba(47,47,47,.1)}.magic-controls{display:grid;grid-template-columns:.8fr 1.5fr;gap:36px;align-items:end;padding:clamp(25px,5vw,46px);border-bottom:1px solid #ded8cf;background:linear-gradient(135deg,#fffdf6,#f3eee5)}.magic-controls-copy h2{margin:8px 0 5px;font-size:clamp(31px,4vw,43px);letter-spacing:-.045em}.magic-controls-copy p{margin:0;color:#6a645c}.magic-options{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(290px,1.6fr) auto;gap:12px;align-items:end}.magic-difficulty,.magic-select-label{display:grid;gap:8px;margin:0;padding:0;border:0;color:#5c5750;font-size:12px;font-weight:850}.magic-difficulty legend{margin-bottom:8px;padding:0}.magic-select-label select{min-height:58px;padding:0 38px 0 14px;border:1px solid #cfc7bb;border-radius:13px;background:#fff;color:var(--graphite);font:inherit;font-size:16px;font-weight:800}.magic-difficulty>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.magic-difficulty button{display:grid;gap:2px;min-height:58px;padding:10px 11px;border:1px solid #cfc7bb;border-radius:12px;background:#fff;color:#625d56;cursor:pointer;font:inherit;text-align:left}.magic-difficulty button strong{color:var(--graphite);font-size:14px}.magic-difficulty button span{font-size:10px}.magic-difficulty button.selected,.magic-difficulty button:hover{border-color:var(--graphite);background:var(--graphite);color:#fff}.magic-difficulty button.selected strong,.magic-difficulty button:hover strong{color:var(--pencil-yellow)}.magic-new{min-height:58px;padding:0 16px;border:1px solid #c9c1b5;border-radius:13px;background:#fff;color:var(--graphite);cursor:pointer;font:inherit;font-size:13px;font-weight:850;white-space:nowrap}.magic-new:hover{background:#fff6d5}.magic-actions button:focus-visible,.magic-difficulty button:focus-visible,.magic-entry:focus-visible,.magic-new:focus-visible,.magic-select-label select:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.magic-workspace{padding:clamp(25px,5vw,50px)}.magic-target{display:flex;align-items:baseline;justify-content:center;gap:10px;width:fit-content;margin:0 auto 24px;padding:10px 17px;border:1px solid #d6bd5e;border-radius:999px;background:#fff7d5;color:#67500a}.magic-target span{font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.magic-target strong{color:var(--graphite);font-size:28px;line-height:1}.magic-target small{color:#766b4d;font-size:12px}.magic-board-area{width:min(100%,620px);margin:0 auto}.magic-column-sums{display:grid;grid-template-columns:repeat(var(--magic-size),minmax(0,1fr));gap:5px;margin-right:74px;margin-bottom:7px}.magic-column-sums span,.magic-row-sums span{display:grid;place-items:center;color:#8a8176;font-size:11px;font-weight:850;transition:color .15s ease}.magic-board-row{display:grid;grid-template-columns:minmax(0,1fr) 67px;gap:7px}.magic-board{display:grid;grid-template-columns:repeat(var(--magic-size),minmax(0,1fr));gap:5px;padding:7px;border:2px solid var(--graphite);border-radius:17px;background:var(--graphite)}.magic-cell{display:grid;width:100%;min-width:0;aspect-ratio:1;place-items:center;border:0;border-radius:9px;font:inherit;font-size:clamp(18px,4.3vw,29px);font-weight:850}.magic-given{background:#e8e3da;color:#504b45}.magic-entry{padding:0;background:#fff;color:#1e5d49;text-align:center;appearance:textfield}.magic-entry::-webkit-inner-spin-button,.magic-entry::-webkit-outer-spin-button{margin:0;appearance:none}.magic-entry:hover{background:#fff9e5}.magic-entry.is-duplicate{background:#fff0f1;color:#a01828;box-shadow:inset 0 0 0 3px #d85d6c}.magic-row-sums{display:grid;grid-template-rows:repeat(var(--magic-size),minmax(0,1fr));gap:5px}.magic-column-sums span.is-right,.magic-diagonal-sums span.is-right,.magic-row-sums span.is-right{color:#24713d}.magic-column-sums span.is-wrong,.magic-diagonal-sums span.is-wrong,.magic-row-sums span.is-wrong{color:#b12638}.magic-diagonal-sums{display:flex;justify-content:center;gap:22px;margin:11px 74px 0 0;color:#8a8176;font-size:11px;font-weight:850}.magic-number-bank{max-width:620px;margin:30px auto 0;padding:20px;border:1px solid #ded8cf;border-radius:16px;background:#faf8f4}.magic-number-bank>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.magic-number-bank>div span{display:grid;width:34px;height:34px;place-items:center;border:1px solid #cfc7bb;border-radius:9px;background:#fff;color:#3d3935;font-size:13px;font-weight:850}.magic-number-bank>div span.used{border-color:transparent;background:#ebe6de;color:#a0988e;text-decoration:line-through}.magic-feedback{display:flex;align-items:center;gap:11px;max-width:620px;min-height:53px;margin:16px auto 0;padding:12px 15px;border-radius:13px;background:#f4f1ec;color:#625d56}.magic-feedback>span{display:grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border-radius:50%;background:#fff;font-weight:900}.magic-feedback p{margin:0;font-size:14px;font-weight:750;line-height:1.4}.magic-feedback.error{background:#fff0f1;color:#9b2634}.magic-feedback.success{background:#e9f6ec;color:#24652b}.magic-feedback.success>span{background:#2d7b41;color:#fff}.magic-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px}.magic-actions button{min-height:45px;padding:0 16px;border:1px solid #cfc8bd;border-radius:11px;background:#fff;color:var(--graphite);cursor:pointer;font:inherit;font-size:13px;font-weight:850}.magic-actions button:hover{background:#f4f1ec}.magic-actions .magic-check{border-color:var(--graphite);background:var(--graphite);color:#fff}.magic-actions .magic-check:hover{color:var(--pencil-yellow)}.rec-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,8vw,90px);margin-top:76px;padding:44px 0 16px;border-top:1px solid #d8d1c6}.rec-story h2{max-width:460px;margin:10px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.045em}.rec-story-copy p{margin:0;color:#5f5a53;font-size:17px;line-height:1.72}.rec-story-copy p+p{margin-top:17px}@media (max-width:900px){.magic-controls{grid-template-columns:1fr}.magic-options{grid-template-columns:minmax(120px,.6fr) minmax(290px,1.5fr) auto}}@media (max-width:700px){.rec-page{padding:38px 0 70px}.rec-hero{padding:20px 0 38px}.magic-options{grid-template-columns:1fr}.magic-new{width:100%}.rec-story{grid-template-columns:1fr;gap:25px;margin-top:55px}}@media (max-width:480px){.magic-workspace{padding-right:14px;padding-left:14px}.magic-column-sums{margin-right:48px}.magic-board-row{grid-template-columns:minmax(0,1fr) 41px;gap:4px}.magic-board{gap:3px;padding:4px;border-radius:13px}.magic-cell{border-radius:6px;font-size:clamp(15px,6vw,23px)}.magic-diagonal-sums{gap:10px;margin-right:48px;font-size:10px}.magic-target small{display:none}.magic-actions{display:grid}}