@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&family=Oswald:wght@500;600;700&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#f9fffb;background:#071f3d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#071f3d}button{font:inherit;cursor:pointer;border:0}.app{position:relative;margin:auto;min-height:100dvh;max-width:560px;padding:max(18px,env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#296bb4 0,#103f75 31%,#123956 50%,#146624)}.app:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 25%,#fff2 0 1px,transparent 2px 25px),linear-gradient(165deg,transparent 0 45%,#7cca3630 45% 47%,transparent 47%);opacity:.55}header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between}.brand{padding:0;background:none;color:#fff;letter-spacing:.3px;font-size:16px;font-weight:900;text-shadow:0 2px 2px #061e40}.brand span{color:#c6f345}.sound{border:2px solid #bbddff;border-radius:50%;background:linear-gradient(#72baff,#2261a4);box-shadow:0 3px #0a315f;width:38px;height:38px;color:#fff}.home{display:flex;flex-direction:column}.home-hero{position:relative;z-index:2;margin:auto 0;text-align:center}.hero-ball{font-size:82px;filter:drop-shadow(0 10px 0 #072a39);animation:bob 3s ease-in-out infinite}.eyebrow{color:#d4f568;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;margin:6px 0;text-shadow:0 2px #0d3e69}h1{font:900 clamp(48px,15vw,72px)/.86 Oswald,sans-serif;letter-spacing:1px;margin:11px 0 20px;color:#fff;text-shadow:-3px 0 #062a5b,0 4px #062a5b,3px 0 #062a5b}h1 em{color:#b8ed4a;font-style:normal}.home-hero>p:not(.eyebrow){font-size:18px;line-height:1.4;margin:0 auto 30px;max-width:330px;color:#fff;text-shadow:0 2px #10345e}.primary,.secondary{position:relative;z-index:2;display:block;width:min(100%,340px);margin:12px auto;border-radius:18px;padding:16px;font-size:18px;font-weight:900;transition:transform .15s}.primary{background:linear-gradient(#69d634,#168c20);border:2px solid #a8fa70;color:#fff;text-shadow:0 2px #0d6016;box-shadow:0 5px #075b23}.primary:active{transform:translateY(3px);box-shadow:0 2px #075b23}.secondary{background:linear-gradient(#78b8ec,#315f91);color:#fff;border:2px solid #abd8ff;box-shadow:0 4px #183b68;text-shadow:0 2px #1c426e}.field-lines{position:absolute;z-index:1;inset:auto -30% -20%;height:43%;border:3px solid #d5f69b77;border-radius:50% 50% 0 0;transform:perspective(350px) rotateX(52deg)}.game{background:linear-gradient(#0e4b91 0,#0e4b91 10%,#0f70a1 30%,#239332 54%,#11621d)}.scoreboard{position:relative;z-index:2;display:flex;justify-content:space-between;background:linear-gradient(#1e6db6,#124b88);border:2px solid #74bdff;border-radius:14px;padding:8px 14px;margin-top:17px;font:700 18px Oswald,sans-serif;color:#fff;box-shadow:0 3px #092e64}.stadium{position:relative;margin:28px auto 16px;width:min(100%,490px);padding-top:36px}.stadium:after{content:"";position:absolute;z-index:0;left:-18px;right:-18px;bottom:-18px;height:45%;background:repeating-linear-gradient(0deg,#d8ff9d22 0 2px,transparent 2px 24px);border:2px solid #eaffc255;border-radius:0 0 50% 50%}.goal{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);border:5px solid #f5fbff;border-bottom-width:8px;border-radius:8px 8px 2px 2px;box-shadow:0 8px #07523b,0 0 0 2px #183e6e,inset 0 0 20px #002c4e;background:repeating-linear-gradient(90deg,#ffffff14 0 1px,transparent 1px 20%);overflow:hidden}.target{position:relative;min-height:71px;padding:6px 3px;border-right:2px solid #11395d;border-bottom:2px solid #11395d;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 75%,#f1f4ce),color-mix(in srgb,var(--accent) 62%,#22506e));color:#102137;font-size:10px;font-weight:900;text-align:center;line-height:1.08;transition:filter .2s,transform .2s;box-shadow:inset 0 1px #fff9}.target:nth-child(5n){border-right:0}.target:nth-child(n+6){border-bottom:0}.target span{display:block;font-size:10px}.target:not(:disabled):active{filter:brightness(1.2);transform:scale(.96)}.target.right{background:#8ae33f!important;animation:pulse .5s}.keeper{position:absolute;z-index:3;top:2px;left:46%;font-size:48px;filter:drop-shadow(0 4px 1px #082a2c);transition:transform .65s ease}.keeper.miss{transform:translate(-100px) rotate(-25deg)}.keeper.save{transform:translate(66px) rotate(23deg) scale(1.14)}.ball-flight{position:absolute;z-index:4;font-size:38px;bottom:-16px;left:48%;filter:drop-shadow(0 3px 1px #062a2f);animation:shoot 1s ease-in forwards}.save-flight{animation-name:saveball}.word-card{position:relative;z-index:2;background:linear-gradient(150deg,#fff,#e7eef1);color:#102441;border-radius:17px;padding:11px 15px 15px;text-align:center;box-shadow:0 6px #124a4b,0 0 0 2px #d4ecff;margin:22px auto 12px;max-width:300px;border:4px solid #fff}.word-card p{margin:0;color:#527180;font:700 10px Oswald,sans-serif;letter-spacing:1.4px}.word-card strong{display:block;font:800 clamp(36px,11vw,48px)/1.1 Oswald,sans-serif;text-transform:uppercase}.hint{position:relative;z-index:2;text-align:center;color:#fff;font-size:14px;margin:8px;text-shadow:0 2px #155126}.feedback{position:absolute;z-index:10;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-3deg);min-width:230px;border-radius:14px;padding:13px;text-align:center;box-shadow:0 5px #053846;color:#fff;animation:pop .28s}.feedback b{display:block;font:800 30px Oswald,sans-serif;text-shadow:0 3px #064f18}.feedback span{font-size:14px;font-weight:800}.win{background:#8fd92d}.lose{background:#d93138}.panel{background:linear-gradient(160deg,#16569a,#0a356d 38%,#166c27);padding-top:22px}.panel h2{font:800 38px Oswald,sans-serif;color:#fff;text-align:center;margin:9px 0;text-shadow:0 3px #0c366d}.panel h3{color:#18375b;font:700 16px Oswald,sans-serif;letter-spacing:1px;margin:30px 0 12px}.result{text-align:center;padding-top:45px}.result:after{content:"";position:absolute;z-index:0;left:15px;right:15px;top:120px;bottom:24px;background:linear-gradient(#fff,#e8f2f6);border-radius:18px;box-shadow:0 5px #123c5a}.result>*{position:relative;z-index:1}.big-icon{font-size:60px;margin:0}.accuracy{display:block;color:#18375b;font-family:Oswald,sans-serif;letter-spacing:1px}.scoreline{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:26px 0;color:#18375b;font-size:14px}.scoreline span{background:#e8f5f7;border:1px solid #c6dfe6;padding:10px;border-radius:10px}.rematch,.review{background:#fff0ad;border:1px solid #f0d46e;border-radius:15px;padding:17px;margin:18px 0;color:#18375b}.rematch b{color:#49337a;font-size:20px}.rematch p{margin:8px 0 0}.celebrate{font-size:18px;color:#12651e;margin:26px 0}.review h3{margin:0 0 9px}.review span{display:inline-block;margin:3px 5px;padding:5px 10px;border-radius:99px;background:#ffdc4270}.stat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.stat-cards div{padding:14px 8px;border-radius:13px;background:#eaf4f7;border:1px solid #c2e0e6;text-align:center;color:#193959}.stat-cards b{display:block;font:700 27px Oswald,sans-serif;color:#17643d}.stat-cards span{font-size:12px}.category-stats{margin:24px 0}.category-stats>div{display:grid;grid-template-columns:148px 1fr;align-items:center;gap:10px;margin:8px 0;color:#18375b;font-size:12px;text-align:left}.category-stats label{font-weight:800}.category-stats span{height:18px;padding-right:5px;text-align:right;background:#dbe8ec;border-radius:99px;overflow:hidden;position:relative;line-height:18px;font-size:11px;font-weight:900}.category-stats i{position:absolute;z-index:0;left:0;top:0;bottom:0;background:#45b7dd;border-radius:99px}.category-stats span{isolation:isolate}.category-stats span:first-line{position:relative}.review-list{color:#18375b;background:#f7fbfc;border:1px solid #cee1e6;border-radius:14px;margin-bottom:20px}.review-list p{display:flex;justify-content:space-between;padding:10px 13px;margin:0;border-bottom:1px solid #d7e4e7}.review-list p:last-child{border:0}@keyframes bob{50%{transform:translateY(-9px) rotate(6deg)}}@keyframes shoot{to{bottom:49%;left:50%;transform:scale(.35) rotate(400deg)}}@keyframes saveball{to{bottom:25%;left:79%;transform:scale(.55) rotate(260deg)}}@keyframes pulse{50%{filter:brightness(1.7)}}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5)}to{transform:translate(-50%,-50%) scale(1)}}@media (max-width:380px){.target{min-height:63px;font-size:9px}.target span{font-size:9px}.stadium{margin-top:21px}.word-card{margin-top:15px}.feedback{top:39%}}@media (min-width:600px){body{padding:20px}.app{min-height:calc(100dvh - 40px);border-radius:24px;box-shadow:0 20px 70px #0008}}.target.wrong{background:#ed5a57!important;color:#fff}