/* Numbers Academy — scoped to the existing Copa Club design system. */
.numbers-shell{max-width:1080px;margin:auto;padding:20px 28px 40px}.numbers-back{display:flex;align-items:center;gap:8px;border:0;background:none;color:#35594d;font-size:14px;font-weight:700;padding:8px 0 20px}.numbers-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:32px;border-radius:24px;background:radial-gradient(ellipse at 94% 0,#35554866,transparent 60%),#103d35;color:#f5f1e2;overflow:hidden}.numbers-hero .eyebrow{color:#d8c382;font-size:11px;letter-spacing:.16em}.numbers-hero h1{margin:12px 0 14px;font-size:clamp(27px,3vw,39px);line-height:1.15;letter-spacing:-.04em}.numbers-hero h1 em{font-style:normal;color:#d9c58a}.numbers-hero p{max-width:380px;line-height:1.6;color:#d7e1d4;font-size:14px}.numbers-hero-mark{display:grid;grid-template-columns:repeat(2,65px);gap:8px;transform:rotate(8deg);flex:0 0 auto}.numbers-hero-mark span,.numbers-hero-mark strong{display:grid;place-items:center;border:1px solid #d6c58855;border-radius:14px;background:#fcfae50b;height:63px;font-size:29px;font-weight:800}.numbers-hero-mark strong{grid-column:span 2;height:82px;background:#dec98d;color:#113b31;font-size:48px;box-shadow:0 8px 20px #00180f33}.numbers-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 24px;background:#fffdf6;border:1px solid #dce2d4;border-radius:18px}.numbers-summary>span{display:grid;text-align:center;gap:4px;font-size:12px;color:#58705d;padding:19px 6px}.numbers-summary>span+span{border-left:1px solid #e1e5d9}.numbers-summary strong{color:#133e33;font-size:26px;font-weight:850}.numbers-summary strong small{font-size:13px;color:#667a61}.numbers-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#e9eee2;border-radius:14px;gap:5px;margin:18px 0 25px}.numbers-tabs button{border:0;display:flex;justify-content:center;align-items:center;gap:8px;background:transparent;color:#4c6754;min-height:46px;border-radius:10px;font-size:14px;font-weight:750;padding:10px}.numbers-tabs button.active{color:#153e34;background:#fffdf8;box-shadow:0 3px 9px #143d3210}.numbers-range-section h2,.numbers-practice h2,.numbers-explore h2,.numbers-coach h2{font-size:19px;letter-spacing:-.02em;margin:0 0 12px}.numbers-ranges{display:flex;flex-wrap:wrap;gap:8px}.numbers-ranges button{border:1px solid #cfd8c9;min-height:42px;padding:10px 15px;border-radius:999px;background:#fffdf7;font-size:13px;font-weight:750;color:#335541}.numbers-ranges button.selected{background:#183f34;color:#fffdf1;border-color:#183f34}.numbers-range-note{display:flex;justify-content:space-between;gap:10px;color:#47654b;margin:14px 0 20px;font-size:13px}.numbers-range-note span{font-weight:750}.numbers-range-note small{font-size:12px}.numbers-learn-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.numbers-flash{background:#fffefa;border:1px solid #dce3d3;border-radius:23px;padding:20px;text-align:center;box-shadow:0 10px 24px #233c2510}.numbers-flash-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.numbers-flash-top .eyebrow{font-size:9px;letter-spacing:.08em;text-align:left;color:#677c5c}.numbers-state{background:#edf2e7;border-radius:99px;font-size:10px;white-space:nowrap;padding:5px 9px;color:#496240}.numbers-large{display:block;color:#143e34;font-variant-numeric:tabular-nums;font-size:88px;line-height:1.2;margin:16px 0 3px;letter-spacing:-.05em}.numbers-word{color:#214a36;font-size:25px;line-height:1.25;min-height:64px;font-weight:800;display:grid;place-items:center;overflow-wrap:anywhere}.numbers-word>span{color:#acb6a5;letter-spacing:.2em}.numbers-flash-actions{display:flex;justify-content:center;gap:8px}.numbers-flash-actions .club-btn{padding:10px 12px;min-height:44px;font-size:12px;border-radius:12px}.numbers-live{margin:14px 0;font-size:12px;color:#6c7e62;min-height:32px;line-height:1.4}.numbers-next-row{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:16px;border-top:1px solid #e4e9dc}.numbers-next-row .club-btn{font-size:12px;padding:10px 12px;min-height:44px}.numbers-next-row>span{font-size:11px;color:#63725a}.numbers-count-along{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:18px 0}.numbers-count-along label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}.numbers-count-along select{max-width:90px;padding:10px 8px;background:#fffdfa;border:1px solid #d3dccb;border-radius:10px;color:#204330;font:inherit;min-height:44px}.numbers-count-along .club-btn{font-size:12px;padding:10px 15px;min-height:44px}.numbers-count-along small{flex-basis:100%;font-size:11px;line-height:1.5;color:#738366;text-align:center}.numbers-ball-panel{padding:20px 16px;background:linear-gradient(125deg,#dce8d5,#eef2e6);border:1px solid #ccd9c1;border-radius:17px}.numbers-ball-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;max-width:340px;margin:auto}.numbers-count-ball{display:block;width:100%;aspect-ratio:1;border:1px solid #aab9a3;border-radius:50%;background:radial-gradient(circle at 50% 50%,#274e3a 0 26%,transparent 29%),radial-gradient(circle at 0% 23%,#345540 0 16%,transparent 19%),radial-gradient(circle at 93% 14%,#345540 0 17%,transparent 20%),radial-gradient(circle at 80% 95%,#345540 0 14%,transparent 18%),#fffdf2;box-shadow:0 2px 3px #12342018}.numbers-ball-panel p{font-size:12px;color:#4d6747;text-align:center;margin:15px 0 0}.numbers-learn-side{display:grid;gap:18px}.numbers-coach{background:#f1e9d2;border:1px solid #e3d7b1;border-radius:18px;padding:22px;color:#514c30}.numbers-coach .eyebrow{font-size:10px;color:#887542}.numbers-coach h2{margin-top:10px}.numbers-coach p{font-size:14px;line-height:1.7}.numbers-coach strong{display:block;padding-top:12px;border-top:1px solid #d9cfae;margin-top:14px;font-size:13px;line-height:1.6}.numbers-explore{padding:20px;background:#fffefa;border:1px solid #dce2d2;border-radius:18px}.numbers-explore p{font-size:12px;line-height:1.6;margin:0 0 15px;color:#6d7a62}.numbers-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.numbers-grid button{position:relative;min-height:45px;background:#f6f7ef;border:1px solid #dce3d1;color:#244a34;border-radius:10px;font-size:16px;font-weight:750}.numbers-grid button.current{background:#1a4437;color:#fff8e5;border-color:#1a4437}.numbers-grid button.recalled:not(.current){border-color:#6a9370;background:#edf4e7}.numbers-grid small{position:absolute;right:4px;top:2px;font-size:9px}.numbers-practice{background:#fffefa;border:1px solid #dce2d4;border-radius:22px;padding:24px}.numbers-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.numbers-mode-grid>button{display:grid;grid-template-columns:28px 1fr;gap:4px 10px;text-align:left;border:1px solid #dce2d3;border-radius:14px;background:#fafbf5;padding:16px;color:#214836;min-height:96px}.numbers-mode-grid>button.selected{border:2px solid #28583f;background:#edf4e6;padding:15px}.numbers-mode-grid>button>span{grid-row:span 2;align-self:center;color:#3a6543}.numbers-mode-grid strong{font-size:14px;line-height:1.35}.numbers-mode-grid small{font-size:12px;line-height:1.5;color:#6b795e}.numbers-mode-grid>button:first-child{grid-column:1/-1}.numbers-start{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:23px;border-top:1px solid #e0e6d6;padding-top:23px}.numbers-start strong{font-size:14px}.numbers-start p{font-size:12px;color:#6b7b60;margin:5px 0 0}.numbers-footer{font-size:11px;line-height:1.7;color:#6d7a61;margin:24px 6px 0}.numbers-entry{position:relative;background:linear-gradient(135deg,#e2eacf,#f8f6e9)!important}.numbers-entry-art{display:flex;gap:6px;margin-bottom:23px}.numbers-entry-art span{height:43px;min-width:43px;padding:0 8px;display:grid;place-items:center;background:#173f32;color:#eee6c5;border-radius:11px;font-size:20px;font-weight:850;transform:rotate(-5deg)}.numbers-entry-art span:nth-child(2){transform:rotate(4deg);background:#6a8050}.numbers-entry-art span:nth-child(3){transform:rotate(-3deg);background:#d6c184;color:#203f2c}.numbers-question-digit{font-size:70px;font-weight:850;color:#214c39;line-height:1.2;text-align:center;background:#eef3e5;padding:20px;border-radius:18px;margin:20px 0}.numbers-task .numbers-ball-panel{margin:18px 0}.numbers-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.numbers-sequence>div{display:grid;place-items:center;min-height:105px;text-align:center;padding:14px 10px;border:1px solid #d8e1cd;border-radius:16px;font-size:17px;font-weight:750;line-height:1.4;color:#3e603e;background:#f1f5e9;overflow-wrap:anywhere}.numbers-sequence .missing{border:2px dashed #b59a52;background:#faf3dc;font-size:37px;color:#927334}.numbers-accent-note{display:block;margin-top:6px}.numbers-shell button:focus-visible,.numbers-entry:focus-visible{outline:3px solid #a88d38;outline-offset:3px}.numbers-shell button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.numbers-shell{padding:14px 18px 30px}.numbers-hero{padding:25px 22px}.numbers-hero-mark{grid-template-columns:repeat(2,40px);gap:5px}.numbers-hero-mark span{height:42px;font-size:21px}.numbers-hero-mark strong{height:60px;font-size:35px}.numbers-hero h1{font-size:29px}.numbers-hero p{font-size:12px}.numbers-learn-layout{grid-template-columns:1fr;gap:18px}.numbers-learn-side{grid-template-columns:1fr}.numbers-practice{padding:18px}.numbers-mode-grid>button{padding:13px;gap:5px 7px;grid-template-columns:23px 1fr}.numbers-mode-grid>button.selected{padding:12px}.numbers-mode-grid strong{font-size:13px}.numbers-mode-grid small{font-size:11px}.numbers-start{flex-direction:column;align-items:stretch}.numbers-start .club-btn{width:100%}.numbers-ranges{gap:6px}.numbers-ranges button{padding:10px 12px}.numbers-ball-grid{gap:7px}.numbers-summary strong{font-size:23px}}
@media(max-width:380px){.numbers-shell{padding-left:12px;padding-right:12px}.numbers-hero{padding:22px 17px;gap:12px}.numbers-hero-mark{display:none}.numbers-tabs button{font-size:12px;gap:6px}.numbers-flash{padding:16px}.numbers-flash-actions .club-btn{padding:10px;font-size:11px}.numbers-mode-grid{grid-template-columns:1fr}.numbers-sequence>div{font-size:14px;padding:10px 7px}.numbers-sequence .missing{font-size:30px}.numbers-range-note small{font-size:11px}.numbers-count-along{gap:8px}}
@media(prefers-reduced-motion:reduce){.numbers-shell *{scroll-behavior:auto!important;animation:none!important}}
@media(max-width:700px){.numbers-hero-mark{display:none}.numbers-hero{padding:22px}.numbers-hero h1{font-size:28px}.numbers-summary>span{padding:12px 4px;font-size:11px}.numbers-hero .eyebrow{font-size:10px;letter-spacing:.12em}}