:root{--ink:#171513;--paper:#e9dfc7;--blue:#0e4b98;--pink:#d75d81;--yellow:#e7b729;--muted:#807766}*{box-sizing:border-box}body{margin:0;background:#1b1a18;color:var(--ink);font-family:'DM Sans',sans-serif}.numbers-page{min-height:100vh;padding:0 clamp(12px,5vw,96px);position:relative;overflow:hidden;background:radial-gradient(circle at 52% 38%,#37332b 0,#1c1b18 57%,#121210 100%)}.numbers-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.numbers-topbar{height:88px;display:flex;align-items:center;gap:clamp(20px,3vw,54px);position:relative;z-index:2;color:#f0e5cc}.numbers-logo{display:block;transform:rotate(-2deg);background:#f1e5cb;padding:8px 16px;clip-path:polygon(2% 7%,100% 0,96% 97%,0 91%)}.numbers-logo img{display:block;width:170px;height:auto}.numbers-topbar nav{display:flex;gap:clamp(15px,2.5vw,39px);align-items:center}.numbers-topbar nav a{color:#f0e5cc;text-decoration:none;font:600 13px 'DM Mono',monospace;letter-spacing:.4px}.numbers-topbar nav a.active{color:#201a18;background:var(--pink);padding:10px 18px;clip-path:polygon(4% 5%,98% 0,94% 95%,0 100%)}.top-motto{margin-left:auto;font:16px/.85 'Permanent Marker',cursive;transform:rotate(-6deg);text-align:center}.learner-chip{color:#f0e5cc;text-decoration:none;font:12px 'DM Mono',monospace;white-space:nowrap}.numbers-board{max-width:1300px;margin:0 auto 28px;background-color:var(--paper);background-image:radial-gradient(rgba(66,50,31,.14) .65px,transparent .8px);background-size:5px 5px;position:relative;z-index:1;padding:22px clamp(18px,3vw,52px) 0;box-shadow:0 15px 25px #080807;clip-path:polygon(.3% .7%,99.7% 0,100% 99.7%,0 100%)}.numbers-board:before{content:"";position:absolute;inset:8px;border:1px solid rgba(60,45,29,.22);pointer-events:none}.numbers-intro{min-height:134px;display:grid;grid-template-columns:92px 1fr 150px;gap:18px;align-items:center;border-bottom:1px solid #5d574e;position:relative}.intro-tag{color:var(--pink);font:600 13px/1 'DM Mono',monospace;transform:rotate(-7deg)}.intro-tag span{display:block;font:38px sans-serif;text-align:right}.numbers-heading{display:grid;grid-template-columns:minmax(280px,430px) 1fr;column-gap:22px;align-items:center}.numbers-heading h1{grid-row:span 2;margin:0;font:700 clamp(58px,8vw,122px)/.74 'Oswald',sans-serif;letter-spacing:-3px;border-bottom:6px solid var(--pink);padding-bottom:7px;text-shadow:1px 1px 0 #766955}.numbers-heading p{margin:0;font-size:16px;line-height:1.45}.numbers-heading small{font:600 9px 'DM Mono',monospace;letter-spacing:.35px}.read-stamp{justify-self:end;margin:0;border:2px solid #28221c;padding:10px 8px;font:700 22px/.95 'Oswald',sans-serif;transform:rotate(-8deg);text-align:center}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0 12px}.mode-tab{min-height:94px;display:flex;align-items:start;gap:14px;text-align:left;background:transparent;border:1px solid #b3a58b;padding:13px 16px;cursor:pointer;color:var(--ink);font-family:inherit;transition:transform .18s ease,background .18s ease}.mode-tab b{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:50%;background:#211f1b;color:#f3e8d0;font:700 23px 'Oswald',sans-serif}.mode-tab span{display:grid;gap:9px}.mode-tab strong{font:700 20px/1 'Oswald',sans-serif;letter-spacing:.6px}.mode-tab small{font-size:12px;line-height:1.25}.mode-tab:hover{transform:translateY(-2px)}.mode-tab.active{background:var(--blue);color:#f6ead1;border-color:#0d407e;position:relative}.mode-tab.active:after{content:"";position:absolute;bottom:-14px;left:50%;border:7px solid transparent;border-top-color:var(--blue)}.mode-tab[data-mode=write].active{background:var(--pink);border-color:var(--pink)}.round-status{display:grid;grid-template-columns:1fr auto;gap:4px;padding:15px 0 17px;font:600 14px 'DM Mono',monospace}.round-status p{margin:0}.progress-track{grid-column:1/-1;height:16px;border-radius:12px;background:#c9c2b2;box-shadow:inset 0 2px 4px rgba(0,0,0,.22);overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:var(--blue);border-radius:inherit;transition:width .3s ease}.activity-panel{min-height:300px;display:grid;grid-template-columns:230px minmax(230px,1fr) minmax(260px,1fr);gap:26px;align-items:center;position:relative;border:1px solid #b5a68a;padding:22px clamp(16px,3vw,42px);background:rgba(255,251,237,.17)}.activity-side{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.activity-label{align-self:flex-start;margin:0 0 16px;padding:11px 14px;background:var(--blue);color:#f8ead0;font:700 26px/.9 'Oswald',sans-serif;transform:rotate(-4deg);box-shadow:-8px -7px 0 rgba(210,170,77,.38)}.activity-icon{font:50px/1 serif;margin:8px 0}.activity-hint{max-width:190px;font-size:15px;line-height:1.25}.question-stage{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:3px double #51493d;background:rgba(239,228,201,.65);box-shadow:3px 4px 0 rgba(40,30,20,.2)}.stage-kicker{position:absolute;top:10px;margin:0;font:500 9px 'DM Mono',monospace}.number-display{margin:12px 0 0;font:700 clamp(86px,11vw,150px)/.8 'Oswald',sans-serif;letter-spacing:-5px}.prompt-text{margin:15px 18px 0;text-align:center;font:600 14px 'DM Mono',monospace}.audio-button{display:flex;align-items:center;gap:13px;max-width:275px;width:84%;padding:12px;border:0;border-radius:36px;background:#f7ecd4;box-shadow:0 2px 0 #777061,inset 0 0 0 1px #d5c8a9;cursor:pointer;color:var(--blue);font-family:inherit}.audio-button span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#f9efd9;font-size:18px}.audio-button i{height:18px;flex:1;background:repeating-linear-gradient(90deg,var(--blue) 0 3px,transparent 3px 7px);clip-path:polygon(0 48%,8% 18%,16% 78%,25% 5%,35% 92%,45% 29%,56% 75%,66% 8%,77% 88%,88% 20%,100% 53%,100% 60%,88% 25%,77% 94%,66% 13%,56% 82%,45% 36%,35% 98%,25% 10%,16% 85%,8% 25%,0 55%)}.audio-button em{display:none}.audio-button:hover{transform:rotate(-1deg);background:#fff4dc}.listening-prompt{margin:11px 0 0;font:22px/1 'Permanent Marker',cursive;text-align:center;transform:rotate(-5deg)}.answer-area{width:100%}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice{min-height:77px;border:1px solid #a99d86;background:#f6edda;color:#171513;font:700 clamp(34px,4vw,52px) 'Oswald',sans-serif;cursor:pointer;transition:background .15s ease,transform .15s ease}.choice.word-choice{font:600 17px/1.1 'DM Mono',monospace;padding:8px}.choice:hover:not(:disabled){background:var(--yellow);transform:rotate(-1deg)}.choice:disabled{cursor:default}.choice.correct{background:#9dc482}.choice.wrong{background:#e68c93}.write-answer{display:grid;gap:12px;font:600 11px 'DM Mono',monospace}.write-answer input{width:100%;border:2px solid #4b453b;background:#fff5df;padding:17px;font:600 19px 'DM Mono',monospace;color:#171513}.write-answer button,.round-result button,.round-result a{border:0;background:var(--blue);color:#f9ebd0;padding:13px 16px;text-decoration:none;font:600 12px 'DM Mono',monospace;cursor:pointer;clip-path:polygon(2% 0,99% 4%,96% 97%,0 100%)}.feedback{position:absolute;z-index:3;bottom:-13px;left:50%;transform:translateX(-50%);margin:0;min-width:260px;padding:8px 13px;text-align:center;background:#221f1a;color:#f7ead1;font:600 12px 'DM Mono',monospace;opacity:0;transition:opacity .15s ease}.feedback.show{opacity:1}.feedback.correct{background:#356f4c}.feedback.wrong{background:#a83f54}.real-life-strip{display:flex;align-items:center;gap:15px;padding:22px 4px 20px}.real-life-strip>div{display:flex;align-items:center;gap:9px;padding-right:16px;border-right:1px solid #b5a68a}.real-life-strip b{font-size:31px;font-weight:400}.real-life-strip span{font:600 10px 'DM Mono',monospace}.real-life-strip small{display:block;margin-top:5px;color:#51493d;font-size:10px}.real-life-strip p{margin:0 0 0 auto;background:#f0c84d;padding:10px;transform:rotate(-5deg);font:18px/.9 'Permanent Marker',cursive}.round-result{position:absolute;z-index:6;inset:198px 3% 72px;display:grid;place-content:center;text-align:center;background:rgba(238,225,196,.98);border:2px solid #40392e;box-shadow:6px 8px 0 rgba(20,16,12,.48)}.round-result h2{margin:10px 0;font:700 clamp(35px,6vw,70px)/.9 'Oswald',sans-serif}.round-result p{font:16px 'DM Mono',monospace}.round-result .result-stamp{justify-self:center;background:var(--pink);padding:8px 12px;transform:rotate(-3deg);font-weight:600}.round-result>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.round-result [data-change-mode]{background:var(--pink);color:#211b17}.round-result a{background:#221f1a}.scribble{position:absolute;z-index:1;color:#eee2c7;font:29px/1.02 'Permanent Marker',cursive;opacity:.9}.scribble-left{top:136px;left:clamp(6px,2vw,34px);transform:rotate(-8deg)}.scribble-left i{display:block;width:120px;border-bottom:5px solid var(--pink);margin:16px 0 0;transform:rotate(-17deg)}.scribble-right{top:8px;right:clamp(5px,1vw,20px);background:var(--pink);color:#221d18;padding:20px 10px;font:21px/1.45 'Permanent Marker',cursive;transform:rotate(-4deg)}.left-note{position:absolute;z-index:1;left:clamp(8px,2vw,42px);top:530px;width:143px;padding:26px 20px;background:var(--pink);font:26px/1.08 'Permanent Marker',cursive;transform:rotate(-6deg)}.kat-corner{position:absolute;z-index:2;right:clamp(6px,2vw,38px);bottom:77px;width:260px;text-align:center}.kat-corner p{margin:0 0 -2px;background:var(--pink);padding:10px;transform:rotate(-8deg);font:19px/1 'Permanent Marker',cursive}.kat-corner img{display:block;width:210px;height:220px;object-fit:contain;object-position:bottom;margin:0 auto -30px;filter:drop-shadow(3px 4px 1px rgba(0,0,0,.4))}.kat-corner small{display:inline-block;position:relative;background:#eee4c8;padding:7px 9px;font:600 10px/1.1 'DM Mono',monospace}.numbers-footer{min-height:72px;margin:0 calc(clamp(12px,5vw,96px) * -1);padding:12px clamp(12px,5vw,96px);display:flex;justify-content:space-between;align-items:center;color:#dcd0b7;font:13px/1.1 'DM Mono',monospace}.numbers-footer b{font:700 39px 'Oswald',sans-serif}.numbers-footer span:last-child{text-align:right}@media(max-width:1120px){.left-note,.kat-corner{display:none}.numbers-heading{grid-template-columns:1fr}.numbers-heading h1{grid-row:auto;width:max-content}.numbers-heading small{margin-top:8px}.real-life-strip{gap:8px}.real-life-strip>div{padding-right:8px}}@media(max-width:780px){.numbers-page{padding:0 10px}.numbers-topbar{height:auto;min-height:74px;padding:8px 0}.numbers-logo img{width:124px}.numbers-logo{padding:6px 9px}.numbers-topbar nav{display:none}.top-motto{font-size:12px;margin-left:auto}.learner-chip{font-size:9px}.scribble{display:none}.numbers-board{padding:14px 15px 0;margin-bottom:10px}.numbers-intro{grid-template-columns:1fr 73px;min-height:180px}.intro-tag{display:none}.numbers-heading h1{font-size:64px;border-width:4px}.numbers-heading p{font-size:13px}.numbers-heading small{font-size:7px}.read-stamp{font-size:14px;padding:6px;grid-column:2;grid-row:1}.mode-selector{grid-template-columns:1fr;gap:7px}.mode-tab{min-height:65px;padding:9px}.mode-tab strong{font-size:17px}.mode-tab small{font-size:10px}.mode-tab.active:after{display:none}.round-status{padding:12px 0;font-size:11px}.activity-panel{grid-template-columns:1fr;gap:12px;padding:18px;min-height:540px}.activity-side{display:block}.activity-label{font-size:22px;margin:0 0 8px}.activity-icon{display:none}.activity-hint{margin:0;max-width:none}.question-stage{min-height:170px}.choices{gap:8px}.choice{min-height:65px}.real-life-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 0}.real-life-strip>div{border:0;padding:0}.real-life-strip b{font-size:22px}.real-life-strip p{grid-column:2/4;margin:0}.round-result{inset:257px 4% 80px}.numbers-footer{margin:0 -10px;padding:12px 10px;font-size:8px}.numbers-footer b{font-size:27px}}