@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}:root{background:#04162c}.app{isolation:isolate;background:linear-gradient(180deg,#0212302e,#0212304d 38%,#022119b3),url(/images/stadium-lowpoly.jpg) center / cover no-repeat,#06316d}.app:before{background:linear-gradient(180deg,rgb(0 8 28 / 8%),transparent 28%,rgb(0 20 14 / 30%) 100%),repeating-linear-gradient(90deg,transparent 0 48%,rgb(255 255 255 / 4%) 48% 49%,transparent 49% 100%);opacity:1}.home .home-hero{padding:20px 12px 24px;border:1px solid rgb(190 234 255 / 20%);border-radius:28px;background:linear-gradient(180deg,#04183e38,#04183e8c);box-shadow:0 24px 70px #00051259,inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tournament-path{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:315px;margin:0 auto 10px}.tournament-path span{display:grid;gap:3px;color:#eaf7ff;font:700 11px/1 Oswald,sans-serif;letter-spacing:.3px}.tournament-path b{display:grid;place-items:center;width:22px;height:22px;margin:auto;border:1px solid #c9fa76;border-radius:50%;background:#176c42;box-shadow:0 3px 6px #000c1c6b;color:#fff}.points-rule{margin:0 0 14px!important;color:#dff98d!important;font-size:12px!important}.hero-ball{filter:drop-shadow(0 10px 12px rgb(0 10 30 / 65%))}.game,.panel{background:linear-gradient(180deg,#01174547,#02331fb8),url(/images/stadium-lowpoly.jpg) center / cover no-repeat,#06316d}.scoreboard{border-color:#a3e0ffe0;background:linear-gradient(120deg,#081c47f5,#0d5799e5);box-shadow:0 7px 20px #000c2875,inset 0 1px #fff3}.tournament-banner{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;margin:14px 7px -8px;color:#f7fcff;font:700 11px/1 Oswald,sans-serif;letter-spacing:1.1px;text-shadow:0 2px 4px #03142e}.tournament-banner b{padding:5px 8px;border:1px solid rgb(222 248 134 / 65%);border-radius:99px;background:#0c432ebd;color:#dff98d;font-size:10px}.stadium{padding-top:56px;filter:drop-shadow(0 18px 20px rgb(0 9 20 / 35%))}.stadium:after{background:linear-gradient(180deg,transparent,rgb(30 152 56 / 24%)),repeating-linear-gradient(0deg,rgb(218 255 157 / 20%) 0 2px,transparent 2px 24px)}.goal{border-color:#f7fcff;box-shadow:0 11px #063d39,0 0 0 3px #031f4beb,0 15px 28px #00081b85,inset 0 0 28px #002c4e}.goal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgb(255 255 255 / 20%) 0 1px,transparent 1px 20%),repeating-linear-gradient(0deg,rgb(255 255 255 / 15%) 0 1px,transparent 1px 50%);mix-blend-mode:screen}.target{min-height:76px;text-shadow:0 1px rgb(255 255 255 / 42%);box-shadow:inset 0 1px #ffffffe5,inset 0 -9px 18px #0025452b}.target:not(:disabled):hover{filter:brightness(1.12) saturate(1.18)}.keeper{z-index:1;top:-7px;left:50%;width:min(43vw,178px);height:auto;pointer-events:none;filter:drop-shadow(0 10px 9px rgb(0 8 20 / 60%));transform:translate(-50%)}.keeper.miss{transform:translate(-150%) rotate(-25deg)}.keeper.save{transform:translate(36%) rotate(20deg) scale(1.05)}.penalty-runup{position:relative;z-index:2;height:166px;margin:7px auto 0;overflow:visible}.striker{position:absolute;z-index:1;bottom:-13px;left:-19px;width:min(53vw,232px);opacity:0;pointer-events:none;filter:drop-shadow(0 12px 9px rgb(0 8 20 / 68%));transform:translate(-34px) scale(.93)}.striker.kicking{opacity:1;animation:striker-kick .82s cubic-bezier(.2,.7,.25,1) both}.word-ball{position:absolute;z-index:2;right:18%;bottom:28px;display:grid;place-items:center;width:clamp(96px,29vw,124px);aspect-ratio:1;padding:15px;overflow:hidden;border:3px solid #f7fcff;border-radius:50%;background:url(/images/word-ball.svg) center / cover no-repeat,#f8fbfd;box-shadow:0 8px 16px #0008198c,inset 0 0 0 5px #fff3}.word-ball:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:inherit;background:radial-gradient(circle at 32% 22%,rgb(255 255 255 / 90%),transparent 19%);pointer-events:none}.word-ball span{position:relative;z-index:1;max-width:calc(100% - 4px);padding:4px 6px;border:1px solid rgb(8 32 61 / 18%);border-radius:10px;background:#fafdfff0;box-shadow:0 2px 5px #000f272e;color:#092045;font:900 clamp(11px,3.8vw,16px)/.96 Oswald,sans-serif;letter-spacing:.1px;overflow-wrap:anywhere;text-align:center;text-shadow:0 1px rgb(255 255 255 / 82%)}.word-ball.shot{animation:word-shot .98s cubic-bezier(.15,.68,.28,1) forwards}.word-ball.save-shot{animation-name:word-save}.word-card,.result:after{box-shadow:0 8px 22px #000d2559,0 0 0 2px #d4ecffd1}.primary{box-shadow:0 6px #075b23,0 11px 22px #0018065c,inset 0 1px #ffffff61}.secondary{box-shadow:0 5px #183b68,0 10px 20px #000d2659,inset 0 1px #ffffff4d}@keyframes striker-kick{0%{opacity:0;transform:translate(-44px) scale(.84)}32%{opacity:1;transform:translate(0) scale(1)}to{opacity:1;transform:translate(15px) scale(1.02)}}@keyframes word-shot{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(var(--shot-x),-270px) scale(.36) rotate(540deg)}}@keyframes word-save{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(calc(var(--shot-x) + 84px),-185px) scale(.5) rotate(360deg)}}@media (max-width: 380px){.stadium{padding-top:46px}.keeper{width:152px;top:-4px}.target{min-height:66px}.penalty-runup{height:143px}.striker{width:194px;left:-21px}.word-ball{bottom:22px;right:16%}}