:root{--navy: #043d5c;--navy-dark: #021f30;--blue: #0a6fa8;--blue-mid: #0d89ca;--blue-bg: #eef7fb;--orange: #d4492b;--orange-dark: #b83a21;--orange-bg: #fef3ef;--purple-dark: #120324;--gold: #f59e0b;--text: #1a2332;--muted: #64748b;--border: #e2e8f0;--gray-bg: #f8fafc}.wl-page{font-family:Nunito,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}.wl-page .nav{position:sticky;top:0;z-index:100;height:64px;background:var(--navy);display:flex;align-items:center;padding:0 48px;gap:24px;box-shadow:0 1px #ffffff0f}.wl-page .nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.wl-page .nav-logo img{width:36px;height:36px;object-fit:contain}.wl-page .nav-logo-text{font-family:Patrick Hand,sans-serif;font-size:23px;color:#fff;letter-spacing:-.01em}.wl-page .nav-spacer{flex:1}.wl-page .nav-link{font-size:16px;font-weight:600;color:#ffffffa6;text-decoration:none;transition:color .15s}.wl-page .nav-link:hover{color:#fff}.wl-page .nav-actions{display:flex;gap:8px}.wl-page .btn-ghost-sm{font-family:Nunito,sans-serif;font-size:16px;font-weight:700;color:#ffffffd9;background:transparent;border:1.5px solid rgba(255,255,255,.22);padding:7px 18px;border-radius:8px;cursor:pointer;transition:all .15s;text-decoration:none}.wl-page .btn-ghost-sm:hover{border-color:#ffffff80;color:#fff}.wl-page .hero{background:linear-gradient(140deg,#032e47,#054f7a 45%,#0b7ab5);padding:clamp(72px,6vw,120px) clamp(48px,8vw,160px) clamp(80px,6.5vw,120px);overflow:hidden;position:relative}.wl-page .hero-inner{display:grid;grid-template-columns:1fr clamp(420px,32%,580px);gap:clamp(48px,4.5vw,80px);align-items:center;max-width:1440px;margin:0 auto}.wl-page .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 75% 40%,rgba(255,255,255,.05) 0%,transparent 65%)}.wl-page .hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:#ffffff1c;border:1px solid rgba(255,255,255,.18);color:#ffffffe0;font-size:clamp(15px,1.15vw,18px);font-weight:700;padding:6px 14px;border-radius:50px;margin-bottom:22px;letter-spacing:.01em}.wl-page .hero-h1{font-family:Patrick Hand,sans-serif;font-size:clamp(62px,5.5vw,97px);color:#fff;line-height:1.1;margin-bottom:18px}.wl-page .hero-h1 em{color:#ffd580;font-style:normal;font-family:Patrick Hand,sans-serif}.wl-page .hero-sub{font-size:clamp(20px,1.6vw,25px);font-weight:500;color:#ffffffc7;line-height:1.7;max-width:clamp(480px,42%,640px);margin-bottom:32px}.wl-page .hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.wl-page .btn-hero-primary{font-family:Nunito,sans-serif;font-size:clamp(18px,1.4vw,23px);font-weight:800;color:#fff;background:var(--orange);border:none;padding:clamp(14px,1.2vw,18px) clamp(34px,2.5vw,46px);border-radius:50px;cursor:pointer;transition:all .15s;box-shadow:0 4px 20px #d4492b73;text-decoration:none}.wl-page .btn-hero-primary:hover{background:var(--orange-dark);transform:translateY(-1px)}.wl-page .hero-stats{display:flex;gap:clamp(24px,3vw,48px)}.wl-page .hero-stat-num{font-family:Patrick Hand,sans-serif;font-size:clamp(28px,2.3vw,39px);color:#ffd580;line-height:1}.wl-page .hero-stat-label{font-size:clamp(15px,1.15vw,18px);color:#ffffffa6;font-weight:600;margin-top:4px;letter-spacing:.01em}.wl-page .hero-visual{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wl-page .hero-mascot{width:clamp(400px,30vw,620px);height:clamp(400px,30vw,620px);object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 24px 48px rgba(0,0,0,.35))}.wl-page .hero-float{position:absolute;background:#fff;border-radius:50px;padding:9px 16px;display:flex;align-items:center;gap:9px;box-shadow:0 4px 20px #00000038;z-index:2}.wl-page .hero-float.points{top:18px;right:-18px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;color:var(--orange)}.wl-page .hero-float.points img{width:30px;height:30px;object-fit:contain}.wl-page .hero-float.streak{bottom:52px;left:-24px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;color:var(--blue)}.wl-page .hero-float.streak img{width:28px;height:28px;object-fit:contain}.wl-page .feature-strip{background:#fff;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr)}.wl-page .feature-strip-item{display:flex;align-items:center;gap:16px;padding:24px 32px;border-right:1px solid var(--border)}.wl-page .feature-strip-item:last-child{border-right:none}.wl-page .strip-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.wl-page .strip-icon.math{background:var(--orange-bg);color:var(--orange)}.wl-page .strip-icon.reading{background:var(--blue-bg);color:var(--blue)}.wl-page .strip-icon.games{background:#f3e8ff;color:#9333ea}.wl-page .strip-icon.progress{background:#fefce8;color:#d97706}.wl-page .strip-title{font-family:Patrick Hand,sans-serif;font-size:21px;color:var(--text)}.wl-page .strip-desc{font-size:16px;color:var(--muted);font-weight:600;margin-top:2px;letter-spacing:.01em}.wl-page .section{padding:88px 80px}.wl-page .section-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1200px;margin:0 auto}.wl-page .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 13px;border-radius:50px;margin-bottom:18px}.wl-page .section-h2{font-family:Patrick Hand,sans-serif;font-size:46px;line-height:1.12;font-weight:400;margin-bottom:14px}.wl-page .section-p{font-size:20px;font-weight:500;color:var(--muted);line-height:1.72;margin-bottom:26px}.wl-page .pill-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.wl-page .pill{font-size:14px;font-weight:700;padding:4px 13px;border-radius:50px}.wl-page .feature-list{list-style:none;margin-bottom:30px}.wl-page .feature-list li{display:flex;align-items:flex-start;gap:12px;font-size:17px;font-weight:600;color:var(--text);padding:10px 0;border-bottom:1px solid var(--border)}.wl-page .feature-list li:first-child{border-top:1px solid var(--border)}.wl-page .fi-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:1px}.wl-page .section-cta{font-family:Nunito,sans-serif;font-size:17px;font-weight:800;padding:12px 30px;border-radius:50px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s;text-decoration:none}.wl-page .screenshot{width:100%;display:block;border-radius:14px;box-shadow:0 2px 4px #0000000a,0 8px 24px #0000001a,0 24px 56px #00000014}.wl-page .math-visual{display:flex;align-items:center}.wl-page h1 em,.wl-page h2 em{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:normal}.wl-page .s-math{background:#fdf5f2}.wl-page .s-math .eyebrow{background:#fde0d6;color:#a83020}.wl-page .s-math .section-h2{color:var(--text)}.wl-page .s-math .section-h2 em{color:var(--orange);font-style:normal;font-family:Patrick Hand,sans-serif}.wl-page .s-math .pill{background:#fde0d6;color:#a83020;border:1px solid #f9bcac}.wl-page .s-math .fi-icon{background:#fde0d6;color:var(--orange)}.wl-page .s-math .section-cta{background:var(--orange);color:#fff;box-shadow:0 4px 16px #d4492b59}.wl-page .s-math .section-cta:hover{background:var(--orange-dark)}.wl-page .s-reading{background:var(--blue-bg)}.wl-page .s-reading .eyebrow{background:#c5e5f5;color:#035a8c}.wl-page .s-reading .section-h2{color:var(--text)}.wl-page .s-reading .section-h2 em{color:var(--blue);font-style:normal;font-family:Patrick Hand,sans-serif}.wl-page .s-reading .pill{background:#c5e5f5;color:#035a8c;border:1px solid #8dcde8}.wl-page .s-reading .fi-icon{background:#c5e5f5;color:var(--blue)}.wl-page .s-reading .section-cta{background:var(--blue);color:#fff;box-shadow:0 4px 16px #0a6fa859}.wl-page .s-reading .section-cta:hover{background:#095f96}.wl-page .s-catsino{background:var(--purple-dark);padding:88px 80px}.wl-page .s-catsino .eyebrow{background:#c461ff2e;color:#d49fff;border:1px solid rgba(196,97,255,.3)}.wl-page .s-catsino .section-h2{color:#fff}.wl-page .s-catsino .section-h2 em{color:#d49fff;font-style:normal;font-family:Patrick Hand,sans-serif}.wl-page .s-catsino .section-p{color:#fff9}.wl-page .s-catsino .feature-list li{color:#ffffffd1;border-bottom-color:#ffffff14}.wl-page .s-catsino .feature-list li:first-child{border-top-color:#ffffff14}.wl-page .game-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}.wl-page .game-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:16px;transition:background .15s}.wl-page .game-card:hover{background:#ffffff17}.wl-page .game-card-head{display:flex;align-items:center;gap:7px;margin-bottom:3px}.wl-page .game-card-name{font-family:Patrick Hand,sans-serif;font-size:17px;color:#fff}.wl-page .game-card-tag{font-size:14px;font-weight:800;color:#c084fc;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}.wl-page .game-card-desc{font-size:15px;color:#ffffff8c;line-height:1.5;font-weight:500}.wl-page .catsino-mock{background:linear-gradient(155deg,#3b0b60,#c0175c);border-radius:18px;padding:28px 24px;box-shadow:0 8px 40px #00000080}.wl-page .cm-title{font-family:Patrick Hand,sans-serif;font-size:25px;color:#fff;text-align:center;margin-bottom:4px}.wl-page .cm-sub{font-size:15px;color:#fff9;text-align:center;font-weight:600;margin-bottom:20px}.wl-page .cm-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;cursor:pointer;transition:background .15s}.wl-page .cm-btn:last-child{margin-bottom:0}.wl-page .cm-btn:hover{background:#ffffff2e}.wl-page .cm-btn-name{font-family:Patrick Hand,sans-serif;font-size:18px;color:#fff}.wl-page .cm-btn-tag{font-size:14px;font-weight:800;color:#ffffff73;letter-spacing:.07em;text-transform:uppercase}.wl-page .s-badges{background:#fff;padding:88px 80px;text-align:center}.wl-page .s-badges .eyebrow{background:#fefce8;color:#92400e;border:1px solid #fde68a}.wl-page .badges-h2{font-family:Patrick Hand,sans-serif;font-size:46px;color:var(--text);margin-bottom:12px}.wl-page .badges-h2 em{color:#d97706;font-style:normal;font-family:Patrick Hand,sans-serif}.wl-page .badges-sub{font-size:18px;color:var(--muted);font-weight:500;line-height:1.7;max-width:540px;margin:0 auto 56px}.wl-page .badges-level-label{font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.wl-page .badges-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.wl-page .badge-item{width:82px;height:82px;object-fit:contain;transition:transform .2s,filter .2s;cursor:default}.wl-page .badge-item:hover{transform:scale(1.18) rotate(-3deg)}.wl-page .badges-divider{width:80px;height:2px;background:var(--border);margin:40px auto;border-radius:2px}.wl-page .s-progress{background:var(--gray-bg)}.wl-page .s-progress .eyebrow{background:#fefce8;color:#92400e}.wl-page .s-progress .section-h2{color:var(--text)}.wl-page .s-progress .section-h2 em{color:#d97706;font-style:normal;font-family:Patrick Hand,sans-serif}.wl-page .s-progress .fi-icon{background:#fefce8;color:#d97706}.wl-page .progress-panel{background:#fff;border-radius:16px;box-shadow:0 2px 4px #0000000a,0 8px 24px #0000001a;overflow:hidden}.wl-page .pp-header{background:var(--navy);padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.wl-page .pp-header-title{font-family:Patrick Hand,sans-serif;font-size:18px;color:#fff}.wl-page .pp-level{font-size:14px;font-weight:700;background:#ffffff26;color:#ffffffd9;padding:3px 10px;border-radius:50px}.wl-page .pp-stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border)}.wl-page .pp-stat{padding:16px;text-align:center;border-right:1px solid var(--border)}.wl-page .pp-stat:last-child{border-right:none}.wl-page .pp-stat-num{font-family:Patrick Hand,sans-serif;font-size:30px;color:var(--orange)}.wl-page .pp-stat-label{font-size:14px;font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.wl-page .pp-feedback{padding:16px 20px;border-bottom:1px solid var(--border)}.wl-page .pp-feedback-label{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#d97706;margin-bottom:7px}.wl-page .pp-feedback-text{font-size:16px;font-weight:500;color:#555;line-height:1.6}.wl-page .pp-chart{padding:16px 20px}.wl-page .pp-chart-label{font-size:14px;font-weight:700;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.wl-page .pp-bars{display:flex;gap:5px;align-items:flex-end;height:60px}.wl-page .pp-bar{flex:1;border-radius:3px 3px 0 0;background:var(--orange);opacity:.75}.wl-page .s-trust{background:var(--navy);padding:80px}.wl-page .trust-h2{font-family:Patrick Hand,sans-serif;font-size:41px;color:#fff;text-align:center;margin-bottom:10px}.wl-page .trust-sub{font-size:18px;color:#fff9;font-weight:500;text-align:center;margin-bottom:48px}.wl-page .trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:0 auto}.wl-page .trust-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:28px;text-align:center}.wl-page .trust-icon{font-size:34px;color:#ffd580;margin-bottom:12px}.wl-page .trust-title{font-family:Patrick Hand,sans-serif;font-size:22px;color:#fff;margin-bottom:8px}.wl-page .trust-desc{font-size:16px;color:#ffffff94;line-height:1.65;font-weight:500}.wl-page .s-cta{background:var(--orange);padding:72px 80px;display:flex;align-items:center;justify-content:space-between;gap:48px;overflow:hidden}.wl-page .cta-content{flex:1}.wl-page .cta-h2{font-family:Patrick Hand,sans-serif;font-size:51px;color:#fff;margin-bottom:12px;line-height:1.1}.wl-page .cta-sub{font-size:20px;color:#ffffffd1;font-weight:500;margin-bottom:28px}.wl-page .btn-cta{font-family:Nunito,sans-serif;font-size:18px;font-weight:900;color:var(--orange);background:#fff;border:none;padding:14px 36px;border-radius:50px;cursor:pointer;box-shadow:0 4px 20px #0003;transition:all .15s;text-decoration:none}.wl-page .btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000040}.wl-page .cta-dog{width:200px;height:200px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25))}.wl-page .footer{background:var(--navy-dark);padding:22px 48px;display:flex;align-items:center;justify-content:space-between}.wl-page .footer-logo{display:flex;align-items:center;gap:8px}.wl-page .footer-logo img{width:26px;height:26px;object-fit:contain;opacity:.5}.wl-page .footer-logo-text{font-family:Patrick Hand,sans-serif;font-size:17px;color:#ffffff59}.wl-page .footer-copy{font-size:15px;color:#ffffff4d;font-weight:500}.wl-page .footer-links{display:flex;gap:20px}.wl-page .footer-link{font-size:15px;color:#fff6;text-decoration:none;font-weight:600;transition:color .15s}.wl-page .footer-link:hover{color:#ffffffb3}@media (max-width: 1000px){.wl-page .hero-mascot{width:320px;height:320px}.wl-page .hero-inner{grid-template-columns:1fr 340px}}@media (max-width: 768px){.wl-page .nav{padding:0 20px;gap:12px}.wl-page .nav-link{display:none}.wl-page .hero{padding:48px 24px 56px}.wl-page .hero-inner{grid-template-columns:1fr;gap:40px;text-align:center}.wl-page .hero-h1{font-size:44px}.wl-page .hero-sub{font-size:17px;max-width:100%;margin-left:auto;margin-right:auto}.wl-page .hero-eyebrow{margin-left:auto;margin-right:auto}.wl-page .hero-btns,.wl-page .hero-stats{justify-content:center}.wl-page .hero-visual{order:2}.wl-page .hero-mascot{width:280px;height:280px}.wl-page .hero-float.points{right:8px;top:8px}.wl-page .hero-float.streak{left:8px;bottom:24px}.wl-page .feature-strip{grid-template-columns:1fr 1fr}.wl-page .feature-strip-item{padding:16px}.wl-page .section{padding:56px 24px}.wl-page .section-inner{grid-template-columns:1fr;gap:36px}.wl-page .s-reading .section-inner>div:first-child{order:2}.wl-page .s-reading .section-inner>div:last-child{order:1}.wl-page .section-h2{font-size:37px}.wl-page .s-catsino{padding:56px 24px}.wl-page .game-cards{grid-template-columns:1fr}.wl-page .s-badges{padding:56px 24px}.wl-page .badge-item{width:64px;height:64px}.wl-page .s-trust{padding:56px 24px}.wl-page .trust-grid{grid-template-columns:1fr;gap:12px}.wl-page .s-cta{padding:56px 24px;flex-direction:column;text-align:center}.wl-page .cta-h2{font-size:39px}.wl-page .cta-dog{width:160px;height:160px}.wl-page .footer{padding:20px 24px;flex-direction:column;gap:12px;text-align:center}}@media (max-width: 480px){.wl-page .hero-h1{font-size:37px}.wl-page .feature-strip{grid-template-columns:1fr}.wl-page .feature-strip-item{border-right:none;border-bottom:1px solid var(--border)}.wl-page .feature-strip-item:last-child{border-bottom:none}.wl-page .hero-mascot{width:240px;height:240px}}.schoolbell-regular{font-family:Schoolbell,cursive;font-weight:400;font-style:normal}.patrick-hand-regular{font-family:Patrick Hand,cursive;font-weight:400;font-style:normal}.darumadrop-one-regular{font-family:Darumadrop One,sans-serif;font-weight:400;font-style:normal}.ribeye-regular{font-family:Ribeye,serif;font-weight:400;font-style:normal}.chicle-regular{font-family:Chicle,serif;font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:Patrick Hand;font-size:22px}.mainContainer{padding-top:70px}h4{font-size:20px}h1{font-size:30px}h2{font-size:25px}h3{font-size:22px}h5{font-size:15px}label{font-size:18px;color:#fff}a{color:#fff}p{font-size:22px}.grayText{color:#6b6a6a;font-size:16px}button{border:none;padding:3px;cursor:pointer}.buttonGrayText{color:gray;width:200px;border:1px solid lightgray;border-radius:12px;padding:3px;font-size:18px}.buttonGrayText.skip{width:150px;border-radius:12px;border:1px solid lightgray;font-size:18px;padding:3px 0;margin-top:20px}.button.login{padding:0 10px;border-radius:10px;background-image:linear-gradient(#d4492b,#ff8b71);border:2px solid #d4492b;color:#fff;font-size:25px;box-shadow:2px 2px 6px #828282}.button.signup{width:190px;background-image:linear-gradient(#d4492b,#d4492b,#e1684c);border-radius:10px;border:none;color:#fff;font-size:22px;box-shadow:2px 2px 6px #535353;padding:3px}.button.signup.welcome{width:200px;background:transparent;border-radius:10px;color:#0085bd;font-size:20px;border:1px solid #0085bd;box-shadow:2px 2px 6px #c1c1c1;margin-bottom:10px}.button.signup:hover{background:#d4492b}.button.signup.welcome:hover{background:#0085bd;color:#fff}.button.nextStory{width:200px;background:#0085bd;border-radius:10px;color:#fff;font-size:20px;box-shadow:2px 2px 6px #c1c1c1;margin-bottom:10px}.button.nextStory:hover{background:#d4492b}.button.recover{width:180px;background:#d3d3d3;border-radius:10px;color:#000;font-size:20px;border:none;padding:3px 0}.button.back{padding:0 10px;border-radius:10px;background-color:#b1b1b1;border:2px solid #9a9a9a;color:#fff;font-size:25px;box-shadow:2px 2px 6px #828282}.button.submit{width:150px;border-radius:10px;background-image:linear-gradient(#0085bd,#71afcb);color:#fff;font-size:25px;border:none;box-shadow:2px 2px 6px #c1c1c1;padding:5px 0;align-self:center}.button.StoryGenerate{border-radius:10px;background-image:linear-gradient(#d4492b,#ff8b71);color:#fff;font-size:20px;border:none;box-shadow:2px 2px 6px #828282;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px}.button.StoryGenerate:hover{background:#cb4527}.button.recover:hover{background:#a9a9a9}.button.login:hover{background:#d4492b}.button.submit:hover{background-image:linear-gradient(#006894,#006d9f)}.button.getBack{width:130px;border-radius:10px;background-image:linear-gradient(#d4492b,#ff8b71);color:#fff;font-size:22px;border:1px solid #d4492b;box-shadow:2px 2px 6px #c1c1c1;margin-top:25px;font-size:20px}.button.appSelect{width:130px;border-radius:10px;color:#000;font-size:22px;box-shadow:2px 2px 6px #c1c1c1;border:1px solid #71afcb;margin-top:25px;color:#006894;font-size:20px}.button.accountGray{width:200px;border-radius:10px;background-color:#d3d3d3;color:#000;font-size:20px;border:none;box-shadow:2px 2px 6px #c1c1c1;margin-bottom:15px;padding:3px;border:1px solid rgb(224,222,222)}.button.accountBack{width:130px;border-radius:10px;font-size:16px;box-shadow:2px 2px 6px #c1c1c1;border:1px solid #71afcb;margin-top:10px;color:#006894}.button.gameSelect{width:200px;border-radius:10px;background-image:linear-gradient(#0085bd,#71afcb);color:#fff;font-size:22px;border:none;box-shadow:2px 2px 6px #c1c1c1}.button.gameSelect-base{width:230px;border-radius:10px;padding:10px;color:#fff;font-size:28px;box-shadow:2px 2px 6px #919191}.button.gameSelect-math{background:#d4492b;border:2px solid #e6907d}.button.gameSelect-math:hover{background:#c73b1b}.button.gameSelect-reading{background:#0085bd;border:2px solid #3bacdc}.button.gameSelect-reading:hover{background:#0071a2}.appSelector-catsino-row{display:flex;justify-content:center;margin-top:20px}.button.gameSelect-catsino{background:#5a2278;border:2px solid #9b5ac7;display:flex;flex-direction:row;align-items:center;gap:8px;position:relative;text-decoration:none;width:auto;white-space:nowrap}.button.gameSelect-catsino:hover{background:#4a1a68}.gameSelect-cat-img{width:52px;animation:spin 15s linear infinite}.gameSelect-new-badge{position:absolute;top:-10px;right:-10px;background:#28a745;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:10px;letter-spacing:1px}.buttonSpacerTop{margin-top:15px}.buttonSpacerTopExtra{margin-top:50px}.welcomePageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;width:100%;background:linear-gradient(#0975a3,#7dc2e0,#dd6e55)}.welcomeTopContainer{width:90%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:10px 0 0}.welcomeLogoContainer{display:flex;align-self:center;justify-content:center;padding:30px 10px}.woofLogo-home{width:80%;max-width:550px}.welcomeContentContainer{display:flex;flex-direction:column;color:#fff;text-align:center;justify-content:center;align-items:center;gap:5px;max-width:780px}.welcomeContentContainer>h1{font-size:65px;line-height:1.1}.welcomeContentContainer>h2{font-size:50px;font-family:Darumadrop One;color:#fdddd5;text-shadow:5px 3px 3px rgb(46,46,46);line-height:1;margin:15px 0}.welcomeButtonContainer{display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:20px}.welcomeNav{width:100%;display:grid;grid-template-columns:[first] 60% [line2] 5% [line3] 35%;align-items:center;margin-bottom:30px}.welcomeNav-logo{align-items:flex-start;margin:10px 0 0 15px;display:flex;align-items:center;gap:15px}.woofBlinkLogo{width:65px}.welcomeNav-links{text-align:center;display:flex;gap:15px;justify-content:center;align-items:center;font-variant:small-caps}.welcomeNav-signup{display:flex;justify-content:flex-end;margin-right:15px}.welcomeNav-buttonLogin{width:90px;border-radius:10px;background-image:linear-gradient(#d4492b,#d4492b,#e1684c);color:#fff;font-size:22px;box-shadow:2px 2px 6px #535353;border:none}.welcomeNav-buttonLogin:hover{color:#0975a3}.woofMathLogo,.woofMathLogo-small{width:250px}.welcomeAboutContainer{width:95%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f7f7f7;border-radius:9px;padding:20px 0;margin-bottom:20px}.welcomeAboutInfoContainer{width:90%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:25px;margin:25px 0 40px}.welcomeInfoBox{padding:15px;border-radius:12px;width:90%;height:fit-content;min-height:250px;background-color:#ffffff1c;display:flex;flex-direction:column;gap:10px;overflow:visible;justify-content:center}.welcomeInfoBox-img{display:flex;align-items:center;justify-content:space-evenly;height:85px}.welcomeImg-small{transform:scale(.85)}.welcomeImg-middle{width:85px}.welcomeInfoBox-text{text-align:center;min-height:fit-content}.welcomeInfoBox-text h2{font-size:26px;color:#fee4dd}.welcomeInfoBox-text p{font-size:24px}.welcomeSubContainerBottom{display:flex;flex-direction:column;width:90%;justify-content:center;align-items:center;background-color:#ffffff1a;margin:20px 0 25px;padding:20px;border-radius:12px}.welcomeButtonMargin{margin-top:40px}.welcomeAboutContent{color:#000;width:90%}.divider{border-top:1px solid lightgray;width:70%}.welcomeWoofMathBox{color:#dd6e55;background-color:#fff;border:2px solid #dd6e55;border-radius:8px;padding:4px 10px}.welcomeWoofReadingBox{color:#0085bd;background-color:#fff;border:2px solid #0085bd;border-radius:8px;padding:4px 10px}.welcomePrivacyNotice{font-size:18px;font-style:italic;color:#000}.welcomeAboutImageBottom{width:100%;display:flex;justify-content:center;align-items:center}.welcomeVideoDemo{width:100%;max-width:500px;box-shadow:3px 0 3px #898989;border-radius:12px;margin:20px 0}.welcomeAboutContent.bottom{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:15px;width:90%;text-align:center;margin:20px 0;line-height:1.2}.welcomeAboutContent.bottom h1{font-size:55px}.welcomeAboutContent>p{font-size:24px}.welcomeAboutImage{display:flex;align-items:center;justify-content:center}.welcomeAboutImageTop{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.imageTopContainer{display:flex;flex-direction:column;padding:10px;gap:10px}.welcomeAboutImageTop_2{display:flex;justify-content:center;align-items:center}.welcomeAboutImageTop_2>img{width:100%;max-width:400px;padding-left:10px}.welcomeAboutImageTop>img{width:33%}.welcomeFooter{font-size:20px;margin-bottom:20px}.appSelector-Wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;background-color:#a6d5ea;z-index:0}.appSelector-Wrapper>*{z-index:2;position:relative}.appSelector-ContentContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.appSelector-logoContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;text-align:center}.appSelector-logoContainer>h1{font-size:29px;color:#005072}.appSelector-logo{width:250px;margin-bottom:18px}.appSelector-flexRow{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px}.appSelector-contentBox{display:flex;flex-direction:column;justify-content:center;width:350px;align-items:center;border:1px solid rgb(190,190,190);border-radius:12px;font-size:40px;margin:10px;box-shadow:2px 2px 7px gray;padding:10px;background-color:#fefefeb3}.catSecretLink{margin-top:50px}.catLink{width:40px;animation:spin 15s linear infinite}.nav-base{height:65px;width:100%;display:grid;grid-template-columns:[first] 25% [line2] 50% [line3] 25%;position:fixed;top:0;left:0;border-bottom:1px solid rgb(232,232,232);box-shadow:2px 2px 7px #d3d3d3;z-index:2}.nav-reading{background-image:linear-gradient(#04628a,#7dc2e0)}.nav-math{background-image:linear-gradient(#d4492b,#ed8d77)}.navLogo{display:flex;justify-content:start;align-items:center;padding-left:12px}.navLogo img{width:50px}.navTitle{font-size:36px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.navMenu{display:flex;justify-content:end;align-items:center;padding-right:12px;color:#fff}.scoreBarContainer,.scoreBarContainer-math{display:flex;flex-direction:column;justify-content:center;grid-template-columns:[first] 50% [line2] 50%;border-bottom:1px solid rgb(232,232,232);color:gray}.totalScore-reading{display:flex;flex-direction:column;align-items:center;justify-content:center}.totalScores-math{display:flex;flex-direction:column;justify-content:center;align-items:center}.scoresContainer-math{display:flex;justify-content:center;align-items:center;padding:5px 0;gap:5px}.scoreFont-reading{color:#d4492b;border:1px solid lightgray;border-radius:8px;font-size:60px;padding:0 15px;margin:0 10px}.scoreFont-math{color:#d4492b;border:1px solid lightgray;border-radius:8px;font-size:35px;padding:0 12px;margin:0 5px}.subScoreContainer{display:flex;justify-content:first baseline;align-items:center;gap:15px}.individualScores{display:flex;flex-direction:column;align-items:center;justify-content:center}.individualScores>h1{border:1px solid #d1d1d1;border-radius:8px;padding:0 10px;color:#939393;font-size:25px}.badgesContainer-reading{display:flex;justify-content:center;align-items:center;padding:10px 0;margin-top:2px}.badgesContainer-math{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:10px 50px;gap:2px}.badgesSubContainer{display:flex;padding:0 5px;flex-wrap:wrap;align-items:center;justify-content:center}.badgesSubContainer2{display:flex;gap:5px;margin:0 1px}.badgeEnabled{color:#4444b3}.badgeDisabled{filter:grayscale(100%);opacity:60%;z-index:1}.badgeDogDisabled{color:#d1c87d;margin:7px}.badgeDogEnabled{color:#dfbe00;margin:7px}.eachBadge{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center}.eachBadge>h3{font-size:15px}.eachBadge>img{width:55px}.gameSelectContainer-math{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 0 10px;gap:5px;text-align:center}.storySelectContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0 10px;margin:0 4px;gap:5px}.storyPromptContainer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px}.storyPrompt{padding:10px;border:2px solid #a6d5ea;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#d4492b}.storyPrompt>select{color:#d4492b}.custom-select:focus{outline:none}.nextIcon{color:#fff;background-color:#7dc2e0;border-radius:7px;padding:4px;margin-left:15px}.nextIcon:hover{background-color:#2f8cb4}.storySelectButtons{display:flex;width:70%;justify-content:space-around;padding:10px}.storySelectButtons>button{border:none;width:100px;height:26px;border-radius:4px}.gamePlayHeaders{color:#0085bd}.sliderContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7px 0 15px}.slider{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.sliderContainer-gridBox{display:grid;grid-template-columns:[first] 40px [line2] 300px [line3] 40px}.slider-infoIcon{color:#929292;padding-top:5px}.sliderBox{font-family:Patrick Hand}.gamePlayContainer-math{display:flex;justify-content:center;align-items:center;padding:10px;margin-bottom:30px}.gamePlay-math{position:relative;background-color:#f6fcff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:97%;border-radius:10px;padding:20px 0;box-shadow:2px 2px 10px #d3d3d3}.gamePlay-clock{position:absolute;z-index:1;width:95px;bottom:0;right:0;transform:translate(15%,35%)}.gamePlay-clock:hover{width:110px}.gamePlay-math>form{padding:5px 0 0}.storyContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 10px 40px}.storyContentContainer{background-color:#f6fcff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:95%;border-radius:10px;padding:10px;box-shadow:2px 2px 10px #d3d3d3;margin-top:20px;min-height:200px}.storyContentContainer>h1{margin-bottom:10px}.getStoryContainer{display:flex;align-items:center;justify-content:center}.answerInputBox{display:grid;grid-template-columns:[first] 15% [line2] 70% [line3] 15%;align-items:center;justify-content:center;width:330px;margin:3px auto 18px}.answerInputBox>input{height:50px;max-width:250px;min-width:220px;padding:8px;border:1px solid lightgray;border-radius:6px;font-family:Patrick Hand;font-size:20px;background-image:linear-gradient(#a6d5ea,#c8e8f7)}.feedback{color:red;font-size:18px}.checkIcon{color:green}.bulbIcon{color:#f9c856}.answerForm{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:3px 0 10px;text-align:center;flex-wrap:wrap;padding:5px;font-size:20px}.answerForm>p{font-size:22px}.gamePlay>form{padding:7px 0 0}.pointsHighlight{color:#d4492b}.preserve-linebreaks{white-space:pre-wrap;font-size:22px}.formContainer{width:100%}.questionContainer{display:flex;flex-direction:row;flex-wrap:wrap;margin:7px 0 20px;font-size:35px;align-items:center;justify-content:center}.questionsBox{font-size:45px}.equalSpace{margin-left:10px;margin-right:10px;font-size:35px}.answerBox{display:flex;align-items:center;justify-content:center}.answerBox>input{border:2px solid #dd6e55;border-radius:9px;padding:7px 10px;background:#fdf7f6;font-size:45px;min-width:150px;width:170px;height:70px;line-height:70px}.answerBox input::placeholder{font-size:25px;line-height:inherit;vertical-align:middle;color:#c6c6c6}.questionBox{display:flex;flex-wrap:nowrap}.rightAnswerAlert{color:#00a400;margin-top:10px;padding:10px;font-size:18px;text-align:center;background-color:#c2ffc2;border:1px solid rgb(232,232,232);border-radius:6px}.wrongAnswerAlert{color:#d73131;margin-top:10px;padding:10px;font-size:18px;background-color:#ffd7d7;border:1px solid rgb(232,232,232);border-radius:6px}.rightWrongIcon{width:35px}.answerSubmit{display:flex;justify-content:center;align-items:center}.answerSubmitChallenge{display:grid;grid-template-columns:[first] 60px [line2] 160px [line3] 60px;justify-content:center}.answerSubmitChallenge>button{align-self:center;justify-self:center}.answerSubmit-gridRight{display:flex;justify-content:flex-end;align-items:flex-start}.answerSubmit-gridRight>img{width:40px}.ai-disclaimer{font-size:16px;margin:15px 0;color:#7e7e7e;text-align:center}.ai-disclaimer.me{margin:0 0 15px}.ai-link{font-style:italic;color:inherit;font-size:inherit}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.submitButton{margin:5px;background-color:#006d9f;color:#fff}.modalOverlay-challenge{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:3;overflow-y:auto;padding:12px}.modalOverlay-challengeContentContainer{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:15px}.modalOverlay-challengeTopBar{width:100%;height:75px;display:grid;grid-template-columns:[first] 25% [line2] 50% [line3] 25%;grid-template-rows:100%;background-image:linear-gradient(#d4492b,#ed8d77);border-radius:8px;color:#fff;align-items:center;padding:0 10px;box-shadow:2px 2px 7px #d3d3d3}.modalOverlay-challengeGameplayContainer{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;margin:10px 0 15px}.modalOverlay-challengeImgContainer{display:flex;height:100%;width:auto;align-items:center;justify-content:flex-end}.modalOverlay-challengeImgContainer>img{max-height:95%;max-width:95%}.modalOverlay-challengeTitle{font-size:35px;text-align:center}.modalClock{width:120px}.buttonTopSpace{margin-top:5px}.gamePlayContainer-challenge{display:flex;justify-content:center;align-items:center;margin-bottom:20px;width:95%;max-width:800px}.gamePlay-challenge{position:relative;background-color:#f6fcff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;border-radius:10px;padding:20px 0;box-shadow:2px 2px 10px #d3d3d3;margin:15px 0}.gamePlay-challengeTimer{display:flex;flex-direction:column}.timerBox{background-color:#fff;text-align:center;font-size:60px;border:1px solid #c0bfbe;border-radius:12px;margin:0 0 15px;width:100px;color:#2f8cb4;box-shadow:2px 2px 10px #d3d3d3}.timerBox.inactive{color:#000}.button-challengeStart{width:150px;padding:5px 10px;border-radius:10px;background-image:linear-gradient(#1ca87c,#2bd49e);color:#fff;font-size:22px;border:1px solid lightgray;box-shadow:2px 2px 6px #c1c1c1;margin-bottom:10px;font-size:20px}.challengeResults{width:90%;max-width:800px;height:auto;background:#cbf7cb;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;border:2px solid rgb(116,230,116);margin-bottom:25px}.challengeResults-logoContainer{width:40%;padding:10px;display:flex;justify-content:center;align-items:center}.challengeResults-woofLogo{width:100%;max-width:180px}.challengeResults-text{display:flex;flex-direction:column;justify-content:center;width:90%;padding:10px}.challengeResults-text h3{font-size:22px;text-align:center}.challengeResults-link{text-align:center;color:#000}.challengeResults-link h4{margin-top:10px;font-size:20px}.challengeResults-text>ul{padding-left:25px}.challengeResults-text li{font-size:30px;color:green}.loginPageContainer{display:flex;justify-content:center;background-image:linear-gradient(#04628a,#7dc2e0);min-height:100vh}.loginContainer{display:flex;flex-direction:column;width:70%;padding:60px 0;justify-content:center;align-items:center;text-align:center;color:#fff}.loginForm{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:15px;text-align:center}.loginForm>input{height:50px;width:250px;padding:8px;border:1px solid lightgray;border-radius:6px;font-family:Patrick Hand;font-size:20px;margin:7px;background-image:linear-gradient(#a6d5ea,#c8e8f7)}.loginContentContainer{margin:20px}.loginContentContainer>h1{font-size:30px}.link{text-decoration:none;color:#2d779a}.link-white{text-decoration:none;color:#fff;text-decoration:underline;font-size:22px}.recoverButtonContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:10px 0 20px}.registerPageContainer{display:flex;justify-content:center;background-image:linear-gradient(#04628a,#7dc2e0);min-height:100vh}.registerContentContainer{display:flex;flex-direction:column;width:90%;padding:40px 0;justify-content:center;align-items:center;text-align:center;font-size:22px;color:#fff}.registerContentContainer p{font-size:22px}.italicRegister{font-style:italic}.registerLogo{width:200px;margin-bottom:20px}.registerForm{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;margin:10px}.registerForm>label{font-size:22px}.blackFont{color:#000}.registerForm>input{font-size:20px;margin:7px;height:50px;width:270px;padding:8px;border:1px solid lightgray;border-radius:6px;font-family:Patrick Hand;background-image:linear-gradient(#a6d5ea,#c8e8f7)}.registerForm input::placeholder{font-size:17px;color:#8c8c8c;font-style:italic}.registerForm>button{margin-top:12px;height:50px;border:1px solid gray;border-radius:6px}.registerFail,.registerNotification{font-size:20px;color:#fff;background-color:#dd6e55;padding:10px}.registerForm>h3,p{font-size:18px}.registerPrivacyNotice{font-size:18px;font-style:italic}.registerButtonContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:15px 0;gap:20px}.securityQuestionsContainer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px;gap:10px}.securityQuestionsContainer>input{height:50px;width:210px;padding:8px;border:1px solid lightgray;border-radius:6px;font-family:Patrick Hand;font-size:22px;background-image:linear-gradient(#a6d5ea,#c8e8f7)}.securitySelect{height:50px;width:280px;padding:8px;border:1px solid lightgray;border-radius:6px;font-family:Patrick Hand;font-size:22px;background-image:linear-gradient(#a6d5ea,#c8e8f7);color:#000}.securitySelect>option{font-size:18px;color:#8c8c8c}.securitySelect:invalid{color:gray}.resetModalForm{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;margin:10px}.resetModalForm>label{font-size:22px;color:#000}.resetModalForm>input{font-size:20px;margin:7px;height:50px;width:270px;padding:8px;border:1px solid lightgray;border-radius:6px;font-family:Patrick Hand;background-image:linear-gradient(#a6d5ea,#c8e8f7)}.resetModalForm input::placeholder{font-size:17px;color:#8c8c8c;font-style:italic}.avatarContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:1700px}.avatarContainer img{width:110px;cursor:pointer}.avatarHeader{color:#fff;margin-bottom:8px}.avatarSelected{animation:wiggle 3s linear}.avatarNotSelected{opacity:25%}.avatarButton{width:130px;border-radius:10px;background-image:linear-gradient(#d4492b,#ff8b71);color:#fff;font-size:22px;border:1px solid #d4492b;box-shadow:2px 2px 6px #929292;margin:20px 0;font-size:20px}.avatarModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:3;overflow-y:auto;padding:10px 0}.avatarModalContainer{width:95%;max-width:950px;min-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:linear-gradient(#04628a,#7dc2e0);border-radius:8px;border:2px solid rgb(232,231,231);padding:15px 0;margin:auto}.accountPageContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.accountList{margin:5px 0 15px}.accountContentContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:95%;max-width:900px;margin:15px 0 20px;background-color:#f7f7f7;border-radius:14px;padding:20px;gap:5px;text-align:center}.accountContentDivider{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#add8e6}.accountUserAvatar{width:200px}.accountContentContainer>h3{font-variant:small-caps;margin-top:5px;font-size:25px}.accountRowContainer{display:flex;flex-direction:column;width:92%;max-width:1500px;border:1px solid white;border-radius:10px;background-color:#fff;box-shadow:3px 3px 3px #e5e5e5;padding:10px}.accountButtonContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.accountBadges{display:inline-flexbox;flex-direction:row;flex-wrap:wrap}.reading-font{color:#0085bd;font-variant:small-caps;font-size:28px}.math-font{color:#d4492b;font-size:45px}.math-font.about{font-size:30px}.reading-font-me{color:#0085bd;font-variant:small-caps;font-size:28px}.math-font-me{color:#d4492b;font-variant:small-caps;font-size:28px}.barChart{width:100%;max-width:800px;padding:20px;border-radius:8px}.readingButtonSpacer{margin-top:10px}.accountAlert{color:#a2a2a2;font-size:20px}.badgeEnabled-me{color:#4444b3;width:55px;margin:3px}.accountFont{color:#0085bd}.accountFooter{text-align:center;color:#0085bd;margin:0 0 20px;width:100%;font-size:20px;text-decoration:underline}.helpPopupText{font-size:15px;font-style:italic;text-decoration:underline;color:#92a1c6}.modalOverlay-help{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:3;overflow-y:auto;padding:20px}.modalContent-help{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px;border-radius:5px;width:95%;color:#000;text-align:center;margin:auto;max-height:min-content;gap:15px}.modalContent-topLine{display:grid;width:100%;grid-template-columns:[first] 25% [line2] 50% [line3] 25%}.grid-firstItem{text-align:left;color:gray}.modalContent-topLine>h2{color:#d4492b}.modalContent-help>p{font-size:20px}.helpImageContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:18px}.helpImg{width:90%;max-width:350px;box-shadow:3px 3px 8px #d3d3d3;border-radius:8px}.helpImgChart{width:100%;max-width:350px;box-shadow:3px 3px 8px #d3d3d3;border-radius:8px}.resultsChallenge{margin:10px 0;display:flex;justify-content:center;align-items:center;box-shadow:3px 3px 3px #e5e5e5}.resultsChallenge.SummaryContainer{width:110%;max-width:850px;display:flex;flex-direction:column;justify-content:center;box-shadow:none}.resultsChallenge.SummaryData-split{flex-direction:row;justify-content:space-around;width:100%;box-shadow:none;margin:0 0 15px}.resultsChallenge.SummaryData{background:#fff;border-radius:8px;display:flex;flex-direction:column;width:150px;height:100px;margin:0;padding:5px}.resultsChallenge.resultsChallenge.SummaryData h4{color:#d4492b;font-size:25px}.resultsChallenge.AIContainer{width:92%;max-width:1200px;padding:20px;background:#fff;border-radius:8px;color:#000;white-space:pre-wrap;text-align:left;font-size:20px}.resultsChallenge.ChartContainer{width:100%;max-width:1500px;background-color:#fff;border-radius:8px;color:gray;display:flex;flex-direction:column;justify-content:center;align-items:center}.results-alert{background-color:#ed8d77;border:1px solid lightgray;border-radius:9px;padding:3px 8px}.resultsChallenge-selectorContainer{display:flex;justify-content:center;align-items:center;gap:25px;padding:20px}.lineChart{width:100%;min-height:350px;padding:5px;border-radius:8px}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3}.modalContent{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:20px;border-radius:5px;max-width:500px;width:100%;color:#000}.modalClose{float:right;border:1px solid lightgray;background:#e7e7e7;font-size:18px;cursor:pointer;width:100px;border-radius:7px}.login_returnedUsers>ul{list-style-type:none}.aboutContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.aboutContainer>h1{color:#0085bd;text-align:center;padding:0 10px}.aboutHeader{display:grid;grid-template-columns:[first] 25% [line2] 50% [line3] 25%;width:100%;justify-content:center;align-items:center;background-image:linear-gradient(#04628a,#7dc2e0);padding:10px;margin-bottom:40px}.aboutHeaderImg{width:130px;padding-top:5px}.aboutHeaderImgContainer{display:flex;justify-content:center;align-items:center;align-self:center}.aboutContentContainer{display:flex;flex-direction:column;width:85%;background-color:#f2f2f2;border-radius:9px;margin:20px 0;padding:30px}.aboutContentContainer h3{color:#0085bd}.aboutContentContainer p{padding:10px}.aboutContentContainer>p,ul li{font-size:20px}.aboutContentContainer>ul{padding:10px 35px}.bold{font-weight:bolder}.promptsContentContainer{display:flex;flex-direction:column;width:80%;margin-bottom:15px}.promptsContentContainer>li{font-size:18px}.promptsLinks{color:#000;font-size:20px}.badgeModalOverlay{position:fixed;height:100%;top:0;left:0;right:0;bottom:0;background-color:#989797b3;display:flex;align-items:center;justify-content:center;z-index:2;padding:20px}.badgeModalContent{display:flex;flex-direction:column;align-items:center;border:8px solid #a6d5ea;background-color:#f9fdff;padding:10px;border-radius:15px;width:90%;max-width:750px;min-height:min-content;color:#0085bd;text-align:center;margin:auto;overflow-y:auto}.badgeModalTop{width:100%;display:grid;grid-template-columns:[first] 15% [line2] 70% [line3] 15%}.badgeModalTop>img{justify-self:center;width:100px}.badgeModalClose{color:#6e6e6e;text-align:left}.badgeModalContent>img{width:80%;max-width:400px;margin:15px 0;animation:wiggle 2s linear infinite}.levelHelpModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:3;overflow-y:auto;padding:25px 12px 12px}.levelHelpModalContainer{width:95%;max-width:950px;min-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:8px;border:3px solid lightgray;padding:15px 0;gap:20px}.levelHelpModalContent{display:flex;width:90%;flex-direction:column;align-items:center;justify-content:center}.levelHelpModalContent>ul{margin-bottom:20px;padding-left:20px}.levelHelpModalContent>ul>ul{padding-left:15px}.levelHelp-TopBar{width:100%;display:grid;grid-template-columns:[first] 25% [line2] 50% [line3] 25%;border-radius:8px;align-items:center;padding:0 10px;color:gray}.levelHelp-centerBox{text-align:center}.levelHelp-fontMath{font-size:24px;color:#d4492b}.levelHelp-fontReading{font-size:24px;color:#0085bd}.levelHelpModalContent>p{color:gray;font-size:20px;font-style:italic}.blueLink{color:#0085bd}.connectContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom,#642a9a,#ec1b77,#309eb6)}.connectContainer *{font-family:Chicle}.connectHeader{color:#fff}.connectContainer>p{color:#fff;font-size:15px}.connectGameBoard{display:grid;grid-template-columns:repeat(10,33px);border:5px solid black;border-top:none;box-shadow:0 3px 8px gray;background-color:#fff}.connectSquare{aspect-ratio:1;border:1px solid rgb(213,213,213);display:flex;justify-content:center;align-items:center}.connectBlue{font-size:20px;color:#00f}.connectRed{font-size:20px;color:red}.connectGreen{color:green}.connectAlertBlue{width:250px;font-size:35px;background-color:#00f;text-align:center;padding:5px;border-radius:6px;color:#fff;border:1px solid rgb(56,66,180);margin:10px 0}.connectAlertRed{width:250px;font-size:35px;background-color:red;text-align:center;padding:5px;border-radius:6px;color:#fff;border:1px solid rgb(229,148,148);margin:10px 0}.connectNewGameButton{border:none;padding:10px;color:#fff;background:green;border:3px solid darkgreen;border-radius:7px;font-size:18px}.connectScoreboard{display:flex;width:300px;justify-content:space-around;border-radius:6px;box-shadow:0 3px 8px #b1b1b1;padding:10px 0;background-color:#fff;margin:20px 0}.connectScore{font-size:30px}.secretLink{font-size:20px;color:purple}.connectLink,.connectLinkSmall{color:#fff;font-size:24px}.connectLinkBack{position:fixed;top:0;color:#fff;width:100%;display:flex;font-size:18px;padding:10px 0 0 10px}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.modalCloseButton{float:right;border:1px solid lightgray;background:none;font-size:18px;cursor:pointer;width:100px;box-shadow:2px 2px 8px #dcdcdc}.matchContainer{position:relative;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;height:100vh;background:linear-gradient(to bottom,#642a9a,#ec1b77,#309eb6)}.matchContainer *{font-family:Chicle}.matchGameBoard{display:grid;border:1px solid lightgray;width:70%;min-width:300px;max-width:700px;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;padding:10px;box-sizing:border-box;box-shadow:0 3px 8px #d3d3d3;background-color:#fdebff}.matchCard{border:4px solid rgb(110,119,236);aspect-ratio:1;background-color:#010ca3;display:flex;justify-content:center;align-items:center;font-size:40px;border-radius:5px}.matchPickedCard{background-color:#fff}.matchWinner{background-color:green;border-radius:8px;padding:20px 40px;color:#fff;font-size:30px}.matchStartGameButton{padding:10px;border-radius:5px;border:2px solid rgb(94,159,220);background-color:#256eb2;color:#fff;font-size:20px}.matchHeader{color:#fff}.secretGamesContainer{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to bottom,#642a9a,#ec1b77,#309eb6)}.secretGamesContainer *{font-family:Chicle}.secretGamesContainer>h1{font-size:34px;text-shadow:3px 2px 5px #34aadc}.secretGameBox{width:200px;background-color:#ff0;display:flex;justify-content:center;align-items:center;padding:20px;background-color:#3a0180;border:2px solid #900280;border-radius:7px;margin-top:15px}.secretGamesCatLogo{width:60%;min-width:200px;max-width:500px;animation:spin 15s linear infinite}.secretBackButton{padding:8px;background:none;border:1px solid lightgray;color:#fff;border-radius:7px;margin-top:15px;font-size:20px}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.8)}to{transform:rotate(360deg) scale(1)}}@media screen and (min-height: 750px){.catSecretLink{position:absolute;bottom:0}}@media screen and (min-width: 550px){.eachBadge>img{width:57px}.badgesContainer-math{padding:10px 0}.storyContentContainer{width:80%;padding:10px 30px}.navTitle{font-size:40px}.navLogo>img{width:55px}.welcomeNav-signup{padding:7px}.navUser{padding-right:15px;font-size:22px}.gamePlay,.gamePlay-math{width:75%}.scoresContainer,.scoresContainer-math{gap:15px}.individualScores>h1{font-size:30px}.scoreFont-math{font-size:45px}.gamePlay-clock{transform:translate(35%,25%)}.challengeResults{flex-direction:row}.challengeResults-text{width:70%}.challengeResults-text h3,.challengeResults-link{text-align:left}.resultsChallenge.SummaryData{width:170px}.modalOverlay-challenge{align-items:center}.resultsChallenge.resultsChallenge.SummaryData h4{font-size:30px}.lineChart{padding:5px 20px 20px}.resultsChallenge.ChartContainer{width:92%}.connectGameBoard{grid-template-columns:repeat(10,50px)}.connectBlue,.connectRed{font-size:35px}.registerButtonContainer{flex-direction:row}.avatarContainer img{width:150px}}@media screen and (min-width: 900px){.scoresContainer,.scoresContainer-math{gap:2px}.accountRowContainer{display:grid;grid-template-columns:[first] 50% [line2] 50%;flex-direction:row}.helpImageContainer{flex-direction:row}.helpImg{max-width:300px}.modalContent-help{width:75%}.eachBadge>img{width:70px}.badgesContainer-reading{gap:5px}.storyContentContainer{width:80%;padding:10px 45px;max-width:1000px}.individualScores{width:80px}.individualScores>h1{font-size:30px}.welcomeAboutContainer{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcomeAboutContent{display:flex;flex-direction:column;color:#000;padding:10px}.welcomeAboutContent.bottom{width:90%}.welcomeAboutImage{display:flex;align-items:center;justify-content:center}.welcomeAboutImageTop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.welcomeAboutImageBottom{display:flex;flex-direction:column;align-items:center;justify-content:center}.welcomeAboutImageTop>img{width:100px}.imageTopContainer{display:flex;flex-direction:row;padding:0 10px}.welcomeAboutImageTop_2{display:flex;justify-content:center;align-items:center}.welcomeAboutImageTop_2>img{width:100%;max-width:400px;padding-left:10px}.gamePlay{width:70%;padding:30px 0}.gamePlay-math{width:60%;max-width:880px}.resultsChallenge.SummaryContainer{flex-direction:row}.levelHelpModalOverlay{align-items:center}.matchCard{font-size:50px}}@media screen and (min-width: 1030px){.welcomeAboutInfoContainer{flex-direction:row;margin:65px 0 40px}.welcomeInfoBox{padding:15px;border-radius:12px;width:32%;height:300px}.welcomeTopContainer{width:90%;display:grid;grid-template-columns:[first] 60% [line2] 40%;align-items:center;justify-content:center;margin:0}.welcomeLogoContainer{display:flex;align-self:flex-start;padding:20px 10px}.welcomeContentContainer{display:flex;flex-direction:column;color:#fff;text-align:left;justify-content:left;align-items:flex-start;margin:0}.woofLogo-home{min-width:480px}.welcomeLogoContainer{display:flex;align-items:center;justify-content:center;padding:0 30px}.welcomeButtonContainer{margin-top:40px}}@media screen and (min-width: 1200px){.scoreBarContainer-math{display:grid;grid-template-columns:[first] 50% [line2] 50%;border-bottom:1px solid rgb(232,232,232)}.welcomeSubContainerBottom{display:grid;grid-template-columns:[first] 50% [line2] 50%;flex-direction:row;justify-content:center;align-items:center}.welcomeSubContainerBottom.math .welcomeAboutContent.bottom{order:2}.welcomeSubContainerBottom.math .welcomeAboutImageBottom{order:1}.woofLogo-home{width:600px}}@media screen and (min-width: 2000px){.welcomeTopContainer,.welcomeAboutInfoContainer,.welcomeSubContainerBottom{width:75%}.welcomeTopContainer{margin:0}.welcomeVideoDemo{width:700px}.welcomeSubContainerBottom{padding:50px}}@keyframes resultRevealAnim{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.resultReveal{animation:resultRevealAnim .4s ease both}.hintContainer{margin:2px auto 6px;text-align:center}.hintButton{background:none;border:1px dashed #0085bd;border-radius:6px;color:#0085bd;font-family:Patrick Hand;font-size:16px;padding:3px 10px;cursor:pointer}.hintButton:hover{background-color:#f0f8ff}.hintText{font-size:15px;color:#555;font-style:italic;margin:2px 0}.hintPenaltyNote{font-size:13px;color:#999}.hintPointsWarning{font-size:13px;color:#c0773a;font-style:italic}.hintButtonDisabled{border-color:#bbb;color:#bbb;cursor:not-allowed}.hintButtonDisabled:hover{background-color:transparent}.hintLimitOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.hintLimitModal{background:#fff;border-radius:12px;padding:28px 32px;max-width:340px;text-align:center;font-family:Patrick Hand,sans-serif;font-size:18px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;gap:16px}.streakBadge{background-color:#fff8e1;border:1px solid #f9c74f;border-radius:8px;padding:6px 14px;font-size:16px;color:#7a5c00;margin-bottom:10px;display:inline-block}.streakBonus{font-size:14px;color:#d4492b;margin-left:6px}.wordScrambleContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom,#642a9a,#ec1b77,#309eb6);padding:20px;box-sizing:border-box}.wordScrambleContainer *{font-family:Chicle}.wordScrambleCard{background-color:#fff;border-radius:16px;padding:36px 48px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 4px 20px #00000059;max-width:480px;width:100%;text-align:center;box-sizing:border-box}.wordScrambleTitle{font-size:36px;color:#642a9a;margin:0}.wordScrambleSubtext{font-size:18px;color:#555;margin:0}.wordScrambleLabelText{font-size:18px;color:#0085bd;margin:0}.wordScrambleButton{background-image:linear-gradient(#d4492b,#dd6e55);color:#fff;border:none;border-radius:10px;font-size:22px;font-family:Chicle;padding:8px 28px;cursor:pointer;box-shadow:2px 2px 6px #828282;margin-top:6px}.wordScrambleButton:hover{background-image:linear-gradient(#c03d22,#d4492b)}.wordScrambleButtonSecondary{background:none;border:2px solid #bbb;border-radius:10px;color:#777;font-size:20px;font-family:Chicle;padding:8px 28px;cursor:pointer}.wordScramblePlayerHeader{font-size:32px;color:#642a9a;margin:0}.wordScrambleRoundHeader{font-size:18px;color:#0085bd;margin:0}.wordScramblePrompt{font-size:18px;color:#555;margin:0}.wordScrambleScrambledWord{font-size:52px;color:#d4492b;letter-spacing:6px;margin:4px 0}.wordScrambleTimer{font-size:36px;font-weight:700;transition:color .3s}.wordScrambleInput{border:2px solid #a6d5ea;border-radius:8px;font-size:22px;font-family:Chicle;padding:8px 16px;text-align:center;outline:none;width:100%;box-sizing:border-box}.wordScrambleInput:focus{border-color:#0085bd}.wordScrambleResultIcon{font-size:64px;line-height:1}.wordScrambleResultText{font-size:30px;color:#642a9a;margin:0}.wordScrambleCorrectWord{font-size:18px;color:#555;margin:0}.wordScramblePoints{font-size:28px;color:#0085bd;margin:0}.wordScrambleScores{display:flex;gap:28px;font-size:20px;color:#555;background-color:#f0f8ff;padding:10px 24px;border-radius:10px}.wordScrambleFinalScores{display:flex;gap:48px;margin:8px 0}.wordScrambleFinalScore{display:flex;flex-direction:column;align-items:center;gap:4px}.wordScrambleFinalScoreLabel{font-size:20px;color:#777}.wordScrambleFinalScoreValue{font-size:56px;color:#0085bd;line-height:1}.wordScrambleWinner{font-size:28px;color:#d4492b;margin:0}.wordScrambleGameOverButtons{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.bball-page{min-height:100vh;background:#1a1a2e;display:flex;flex-direction:column;align-items:center;padding:80px 16px 16px}.shooting-page{padding-top:60px}.bball-setup-card{background:#fff;border-radius:16px;padding:32px 28px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 32px #0006}.bball-logo{font-size:52px;line-height:1}.bball-title{font-size:28px;color:#d4492b;margin:0;text-align:center}.bball-subtitle{color:#666;font-size:16px;margin:0;text-align:center}.bball-field{width:100%;display:flex;flex-direction:column;gap:6px}.bball-label{font-size:15px;color:#444;font-weight:600}.bball-diff-name{color:#d4492b}.bball-input{border:2px solid #ddd;border-radius:8px;padding:10px 14px;font-size:18px;outline:none;transition:border-color .2s}.bball-input:focus{border-color:#d4492b}.bball-diff-row{display:flex;gap:8px}.bball-diff-btn{flex:1;padding:10px 0;border:2px solid #ddd;border-radius:8px;background:#f5f5f5;font-size:18px;cursor:pointer;transition:all .15s}.bball-diff-btn.active{background:#d4492b;border-color:#d4492b;color:#fff}.bball-diff-desc{font-size:13px;color:#888;margin:0}.bball-primary-btn{width:100%;padding:14px;background:#d4492b;color:#fff;border:none;border-radius:10px;font-size:20px;cursor:pointer;transition:background .15s;margin-top:4px}.bball-primary-btn:hover{background:#b83a20}.bball-back-link{color:#888;font-size:15px;text-decoration:none}.bball-back-link:hover{color:#d4492b}.bball-end-game{margin-top:12px;color:#ffffff4d;font-size:17px;text-decoration:none;letter-spacing:.5px}.bball-end-game:hover{color:#ffffffa6}.bball-scoreboard{display:flex;align-items:stretch;justify-content:space-between;width:100%;max-width:620px;background:#080808;border:2px solid #2a2a2a;border-radius:10px;padding:10px 14px;margin-bottom:10px;gap:6px;box-shadow:0 4px 20px #0009}.bball-sb-team{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:0;transition:opacity .2s;opacity:.65}.bball-sb-team.active-team{opacity:1}.bball-sb-name{font-size:11px;color:#888;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.active-team .bball-sb-name{color:#ff9500}.bball-sb-digit-box{background:#050505;border:2px solid #2a2a2a;border-radius:6px;padding:2px 10px;min-width:52px;text-align:center;box-shadow:inset 0 0 8px #000000e6;transition:border-color .2s,box-shadow .2s}.active-team .bball-sb-digit-box{border-color:#ff6800;box-shadow:inset 0 0 8px #000000e6,0 0 10px #ff780066}.bball-sb-digit{font-family:Courier New,monospace;font-size:38px;font-weight:900;color:#ff9500;text-shadow:0 0 8px #ff7000,0 0 18px rgba(255,80,0,.5);line-height:1.1;display:block}.bball-sb-attempts{font-size:14px;color:#666;letter-spacing:.5px}.active-team .bball-sb-attempts{color:#aaa}.bball-sb-wins{font-size:14px;color:#ff6800}.bball-sb-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 8px}.bball-sb-rd{font-size:18px;color:#fff;letter-spacing:1px;white-space:nowrap;font-weight:700}.bball-question-card{background:#fff;border-radius:16px;padding:28px 24px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 6px 24px #0006}.bball-whose-turn{font-size:20px;color:#d4492b;font-weight:700;margin:0}.bball-cta{font-size:15px;color:#888;margin:0}.bball-question-display{font-size:44px;font-weight:700;color:#1a1a2e;letter-spacing:1px;margin:8px 0}.bball-answer-form{display:flex;flex-wrap:wrap;gap:10px;width:100%}.bball-answer-form .bball-submit-btn{flex:1 0 100%}@media (min-width: 400px){.bball-answer-form .bball-submit-btn{flex:0 0 auto}}.bball-answer-input{flex:1;padding:12px;font-size:24px;border:2px solid #ddd;border-radius:8px;text-align:center;outline:none;transition:border-color .2s}.bball-answer-input:focus{border-color:#d4492b}.bball-submit-btn{padding:12px 20px;background:#d4492b;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer;white-space:nowrap}.bball-submit-btn:hover{background:#b83a20}.bball-feedback{font-size:20px;font-weight:600;margin:0}.bball-feedback.correct{color:#2a9d2a}.bball-feedback.wrong{color:#d4492b}.bball-shoot-label{color:#ff9040;font-size:20px;margin-bottom:8px;font-weight:600}.bball-canvas-wrap{position:relative;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.bball-canvas{width:100%;height:auto;border-radius:12px;display:block;touch-action:none;cursor:crosshair;box-shadow:0 8px 32px #0009}.bball-hint{color:#aaa;font-size:13px;margin-top:8px;text-align:center}.bball-result-overlay{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:clamp(28px,8vw,48px);font-weight:900;letter-spacing:2px;padding:12px 28px;border-radius:14px;pointer-events:none;animation:bball-pop .25s ease-out}.bball-result-overlay.made{background:#28b428eb;color:#fff;box-shadow:0 0 40px #28c82880}.bball-result-overlay.missed{background:#c82828e0;color:#fff;box-shadow:0 0 40px #c8282866}@keyframes bball-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.bball-round-card{background:#fff;border-radius:16px;padding:32px 28px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 8px 32px #0006}.bball-trophy{font-size:56px;line-height:1}.bball-round-title{font-size:24px;color:#d4492b;text-align:center;margin:0}.bball-scores{display:flex;align-items:center;gap:12px;width:100%}.bball-score-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;border-radius:10px;background:#f5f5f5;border:2px solid transparent}.bball-score-box.winner{background:#fff4f0;border-color:#d4492b}.bball-score-name{font-size:15px;color:#444;text-align:center}.bball-score-val{font-size:22px;font-weight:700;color:#1a1a2e}.bball-score-vs{color:#aaa;font-size:14px}.bball-round-note{font-size:14px;color:#888;text-align:center;margin:0}@media (max-width: 480px){.bball-page{padding:70px 10px 10px}.shooting-page{padding-top:55px}.bball-setup-card,.bball-round-card,.bball-question-card{padding:20px 16px;border-radius:12px}.bball-title{font-size:24px}.bball-question-display{font-size:36px}.bball-sb-digit{font-size:28px}.bball-sb-digit-box{min-width:40px;padding:2px 6px}.bball-sb-name{font-size:10px;max-width:80px}}