.tinyfootball-hud,.tinyfootball-menu{--ink: #16202b;--ink-2: #5f6f7e;--paper: #ffffff;--paper-2: #eaf1f7;--hair: rgba(22, 32, 43, .1);--go: #1fa85c;--go-deep: #16713f;--pop: #ff7a2f;--pop-deep: #c05617;--hot: #e23b3b;--focus: #2f8fff;--r-lg: 28px;--r-md: 18px;--r-sm: 12px;--slab: 0 8px 0 rgba(22, 32, 43, .12), 0 16px 34px rgba(22, 32, 43, .2);font-family:inherit;color:var(--ink);font-variant-numeric:tabular-nums}.tinyfootball-btn{appearance:none;border:0;margin:0;cursor:pointer;font:inherit;font-weight:900;letter-spacing:.02em;color:var(--paper);background:var(--btn, var(--go));border-radius:var(--r-md);box-shadow:0 6px 0 var(--btn-deep, var(--go-deep));transition:transform .09s ease,box-shadow .09s ease,background-color .12s ease;touch-action:manipulation}.tinyfootball-btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--btn-deep, var(--go-deep))}.tinyfootball-btn:focus-visible,.tinyfootball-swatch:focus-visible,.tinyfootball-seg button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}#ui .tinyfootball-hud{position:absolute;inset:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease}#ui .tinyfootball-hud.is-on{opacity:1;visibility:visible}body.tinyfootball-menu-open .tinyfootball-hud{opacity:0;visibility:hidden}.hud-score{position:absolute;top:calc(env(safe-area-inset-top) + clamp(8px,2.2vmin,20px));left:calc(env(safe-area-inset-left) + clamp(8px,2.2vmin,20px));display:flex;align-items:center;gap:clamp(10px,2.4vmin,20px);padding:clamp(6px,1.4vmin,11px) clamp(12px,2.6vmin,20px);background:#fffffff0;border-radius:999px;box-shadow:0 5px #16202b1a,0 10px 22px #16202b29;white-space:nowrap}.hud-corner{position:absolute;top:calc(env(safe-area-inset-top) + clamp(8px,2.2vmin,20px));right:calc(env(safe-area-inset-right) + clamp(8px,2.2vmin,20px));display:flex;align-items:center;gap:clamp(8px,1.8vmin,14px)}.hud-brand{font-weight:900;font-size:clamp(15px,3.2vmin,24px);line-height:1;letter-spacing:-.03em;color:#fff;opacity:.4;transform:rotate(-2deg);text-shadow:0 2px 0 rgba(22,32,43,.35);user-select:none}#ui .tinyfootball-hud .hud-gear{pointer-events:auto;appearance:none;border:0;margin:0;cursor:pointer;width:clamp(34px,7vmin,44px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#ffffffeb;color:var(--ink);font-size:clamp(16px,3.4vmin,22px);line-height:1;box-shadow:0 4px #16202b2e;transition:transform .09s ease,box-shadow .09s ease;touch-action:manipulation}#ui .tinyfootball-hud .hud-gear:active{transform:translateY(3px);box-shadow:0 1px #16202b2e}.hud-gear:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.hud-side{display:flex;align-items:center;gap:clamp(7px,1.4vmin,12px)}.hud-chip{width:clamp(16px,3.4vmin,26px);height:clamp(16px,3.4vmin,26px);border-radius:50%;background:var(--kit, #999);box-shadow:0 0 0 3px var(--ring, #999),inset 0 -2px #00000024;flex:none}.hud-goals{font-size:clamp(20px,4.6vmin,34px);font-weight:900;line-height:1;min-width:.72em;text-align:center}.hud-goals.is-bump{animation:goalsBump .44s cubic-bezier(.18,1.5,.4,1) both}@keyframes goalsBump{0%{transform:scale(1)}35%{transform:scale(1.55);color:var(--pop)}to{transform:scale(1)}}.hud-mid{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 clamp(2px,.8vmin,8px)}.hud-clock{font-size:clamp(19px,4.2vmin,31px);font-weight:900;line-height:1;letter-spacing:-.01em}.hud-clock.is-urgent{color:var(--hot);animation:clockTick 1s steps(1,end) infinite}@keyframes clockTick{0%,55%{transform:scale(1.06)}56%,to{transform:scale(1)}}.hud-half{font-size:clamp(8px,1.6vmin,11px);font-weight:800;letter-spacing:.14em;color:var(--ink-2)}.hud-charge{position:absolute;left:50%;bottom:max(84px,12vh);transform:translate(-50%);width:min(58vw,320px);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transition:opacity .1s ease}.hud-charge.is-on{opacity:1}.hud-charge-track{width:100%;height:clamp(12px,2.4vmin,18px);border-radius:999px;background:#ffffffe6;box-shadow:0 3px #16202b1f,inset 0 0 0 2px #16202b24;overflow:hidden}.hud-charge-fill{width:100%;height:100%;border-radius:999px;transform-origin:left center;transform:scaleX(0);background:#f5c518;transition:background-color .12s linear}.hud-charge-fill.is-mid{background:var(--pop)}.hud-charge-fill.is-hi{background:var(--hot)}.hud-charge.is-full .hud-charge-track{animation:chargePulse .34s ease-in-out infinite alternate}@keyframes chargePulse{0%{box-shadow:0 3px #16202b1f,inset 0 0 0 2px #16202b24}to{box-shadow:0 3px #16202b1f,inset 0 0 0 2px #fff,0 0 0 4px #e23b3b73}}.hud-charge-max{font-size:clamp(9px,1.7vmin,12px);font-weight:900;letter-spacing:.18em;color:var(--hot);text-shadow:0 1px 0 #fff,0 0 6px #fff;opacity:0}.hud-charge.is-full .hud-charge-max{opacity:1}.hud-count{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-weight:900;font-size:clamp(72px,26vmin,190px);line-height:1;letter-spacing:-.03em;color:#fff;text-shadow:0 8px 0 rgba(22,32,43,.4),0 20px 44px rgba(22,32,43,.5);opacity:0;transition:opacity .25s ease}.hud-count.is-on{opacity:1}.hud-count.is-go{color:#b9f7cd;text-shadow:0 8px 0 var(--go-deep),0 20px 44px rgba(22,32,43,.5)}.hud-count.is-pop{animation:countPop .4s cubic-bezier(.16,1.6,.4,1) both}@keyframes countPop{0%{transform:scale(1.55) rotate(-4deg)}to{transform:scale(1) rotate(-2deg)}}.hud-shout{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-weight:900;font-size:clamp(40px,11vw,128px);line-height:1;letter-spacing:-.02em;color:var(--tint, #fff);text-shadow:0 8px 0 rgba(22,32,43,.4),0 20px 44px rgba(22,32,43,.5);opacity:0}.hud-shout.is-on{opacity:1}.hud-shout-word{white-space:nowrap}.hud-shout.is-on:not(.is-out) .hud-shout-word{animation:shoutBreathe 1.1s ease-in-out .6s infinite alternate}.hud-shout.is-out{opacity:0;transition:opacity .38s ease}.hud-shout-letter{display:inline-block;animation:shoutLetter .42s cubic-bezier(.18,1.25,.35,1) both;animation-delay:calc((var(--n, 6) - var(--i)) * 48ms)}@keyframes shoutLetter{0%{transform:translate(2.6em) scale(.55) rotate(6deg);opacity:0}45%{opacity:1}78%{transform:translate(-.06em) scale(1.06) rotate(-3deg)}to{transform:translate(0) scale(1) rotate(-2deg);opacity:1}}@keyframes shoutBreathe{0%{transform:scale(1) rotate(0)}to{transform:scale(1.045) rotate(-1deg)}}@media(prefers-reduced-motion:reduce){.hud-shout-letter{animation:none}.hud-shout.is-on:not(.is-out){animation:none}}.hud-banner{position:absolute;inset:0;display:grid;place-items:end center;padding-bottom:calc(env(safe-area-inset-bottom) + clamp(84px,15vh,150px));opacity:0;visibility:hidden}.hud-banner.is-in,.hud-banner.is-out{visibility:visible;opacity:1}.hud-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.8vmin,8px);padding:clamp(12px,2.6vmin,24px) clamp(22px,5vmin,52px);background:var(--paper);border-radius:var(--r-lg);box-shadow:0 10px 0 var(--tint, var(--ink)),0 22px 44px #16202b4d;transform:rotate(-2deg)}.hud-banner.is-in .hud-card{animation:cardIn .46s cubic-bezier(.16,1.5,.35,1) both}.hud-banner.is-out .hud-card{animation:cardOut .3s cubic-bezier(.5,0,.9,.3) both}@keyframes cardIn{0%{transform:rotate(-9deg) scale(.55) translateY(90px);opacity:0}60%{opacity:1}to{transform:rotate(-2deg) scale(1) translateY(0);opacity:1}}@keyframes cardOut{0%{transform:rotate(-2deg) scale(1) translateY(0);opacity:1}to{transform:rotate(2deg) scale(.85) translateY(60px);opacity:0}}.hud-card-title{font-size:clamp(34px,11vmin,88px);font-weight:900;line-height:.94;letter-spacing:-.02em;color:var(--tint, var(--ink));display:flex}.hud-card-title span{display:inline-block;white-space:pre}.hud-banner--goal .hud-card{padding:clamp(14px,3.2vmin,30px) clamp(26px,6.5vmin,68px)}.hud-banner--goal .hud-card-title{font-size:clamp(48px,17vmin,138px);letter-spacing:-.03em}.hud-banner--goal.is-in .hud-card-title span{animation:letterPop .5s cubic-bezier(.16,1.8,.4,1) both;animation-delay:calc(.14s + var(--i) * 55ms)}@keyframes letterPop{0%{transform:translateY(.42em) scale(.5) rotate(-14deg);opacity:0}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.hud-card-sub{font-size:clamp(10px,2.1vmin,15px);font-weight:800;letter-spacing:.2em;color:var(--ink-2)}.hud-card-sub:empty{display:none}.hud-burst,.hud-confetti{position:absolute;inset:0;display:none;pointer-events:none}.hud-banner--goal .hud-burst,.hud-banner--goal .hud-confetti{display:block}.hud-burst{inset:72% auto auto 50%;width:118vmin;height:118vmin;margin:-59vmin 0 0 -59vmin;background:repeating-conic-gradient(from 0deg,var(--tint, var(--pop)) 0deg 9deg,transparent 9deg 22deg);-webkit-mask-image:radial-gradient(closest-side,transparent 18%,#000 32%,transparent 72%);mask-image:radial-gradient(closest-side,transparent 18%,#000 32%,transparent 72%);opacity:0}.hud-banner--goal.is-in .hud-burst{animation:burst 1.15s cubic-bezier(.1,.9,.3,1) both}@keyframes burst{0%{transform:scale(.25) rotate(-16deg);opacity:0}22%{opacity:.8}to{transform:scale(1.5) rotate(14deg);opacity:0}}.hud-confetti i{position:absolute;top:70%;left:50%;width:clamp(10px,2.2vmin,17px);height:clamp(15px,3.4vmin,26px);border-radius:4px;background:var(--c);box-shadow:0 2px #16202b29;opacity:0}.hud-banner--goal.is-in .hud-confetti i{animation:confetti 1.5s cubic-bezier(.14,.7,.3,1) both;animation-delay:calc(var(--i) * 22ms)}@keyframes confetti{0%{transform:translateZ(0) rotate(0) scale(.4);opacity:0}12%{opacity:1}to{transform:translate3d(var(--dx),var(--dy),0) rotate(var(--dr)) scale(1);opacity:0}}.hud-result{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#16202b57;opacity:0;visibility:hidden;transition:opacity .24s ease}.hud-result.is-on{opacity:1;visibility:visible;pointer-events:auto}.hud-result-card{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.8vmin,16px);padding:clamp(20px,4vmin,34px) clamp(24px,5vmin,48px);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--slab);text-align:center}.hud-result.is-on .hud-result-card{animation:resultIn .42s cubic-bezier(.16,1.5,.35,1) both}@keyframes resultIn{0%{transform:scale(.72) translateY(16px);opacity:0}to{transform:none;opacity:1}}.hud-result-eyebrow{font-size:clamp(10px,2vmin,14px);font-weight:900;letter-spacing:.24em;color:var(--ink-2)}.hud-result-score{display:flex;align-items:center;gap:clamp(8px,2vmin,16px);font-size:clamp(38px,9vmin,66px);font-weight:900;line-height:1}.hud-result-dash{color:var(--ink-2);font-size:.6em}.hud-result-verdict{font-size:clamp(15px,3.2vmin,24px);font-weight:900;letter-spacing:.06em}.hud-result-btn{margin-top:4px;padding:clamp(12px,2.4vmin,17px) clamp(28px,6vmin,46px);font-size:clamp(14px,2.8vmin,20px);letter-spacing:.1em}.hud-result.has-stats .hud-result-card{gap:clamp(5px,1.2vmin,12px);padding:clamp(12px,2.6vmin,26px) clamp(18px,4vmin,42px);max-width:min(92vw,520px);max-height:calc(100% - 8px)}.hud-result.has-stats .hud-result-score{font-size:clamp(26px,6.4vmin,48px)}.hud-result.has-stats .hud-result-verdict{font-size:clamp(12px,2.6vmin,19px)}.hud-result.has-stats .hud-result-btn{margin-top:2px;padding:clamp(9px,1.9vmin,14px) clamp(24px,5vmin,40px);font-size:clamp(12px,2.5vmin,17px)}.hud-result-stats{display:none;flex-direction:column;gap:clamp(5px,1.2vmin,10px);width:100%;min-width:clamp(230px,62vmin,400px);overflow-y:auto;overscroll-behavior:contain}.hud-result.has-stats .hud-result-stats{display:flex}.hud-fs-scorers{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(10px,2.2vmin,18px);padding-bottom:clamp(4px,1vmin,8px);border-bottom:1px solid var(--hair)}.hud-fs-col{display:flex;flex-direction:column;gap:clamp(2px,.5vmin,4px);min-width:0}.hud-fs-col--home{align-items:flex-end;border-right:1px solid var(--hair);padding-right:clamp(10px,2.2vmin,18px);margin-right:calc(-.5*clamp(10px,2.2vmin,18px))}.hud-fs-col--away{align-items:flex-start}.hud-fs-goal{display:flex;align-items:baseline;gap:clamp(4px,.9vmin,7px);max-width:100%;font-size:clamp(10px,2.2vmin,14px);font-weight:800;line-height:1.25;white-space:nowrap}.hud-fs-col--home .hud-fs-goal{flex-direction:row-reverse}.hud-fs-goal-name{overflow:hidden;text-overflow:ellipsis;min-width:0}.hud-fs-goal-min{flex:none;color:var(--ink-2);font-weight:900;font-size:.85em}.hud-fs-goal-assist{flex:none;color:var(--ink-2);font-weight:600;font-size:.85em}.hud-fs-goal-assist:before{content:"↳ "}.hud-fs-table{display:flex;flex-direction:column;gap:clamp(2px,.6vmin,5px)}.hud-fs-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;column-gap:clamp(8px,1.8vmin,14px)}.hud-fs-v{font-size:clamp(12px,2.6vmin,16px);font-weight:800;line-height:1.2;color:var(--ink-2);font-variant-numeric:tabular-nums}.hud-fs-v.is-lead{color:var(--ink);font-weight:900}.hud-fs-v--home{text-align:right}.hud-fs-v--away{text-align:left}.hud-fs-label{font-size:clamp(8px,1.7vmin,11px);font-weight:900;letter-spacing:.16em;color:var(--ink-2)}.hud-fs-bar{height:clamp(5px,1.1vmin,8px);border-radius:999px;background:var(--kit-away, var(--ink-2));overflow:hidden;margin-bottom:clamp(2px,.5vmin,4px)}.hud-fs-bar-fill{display:block;height:100%;background:var(--kit-home, var(--ink));border-radius:999px 0 0 999px}.hud-pause{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#16202b57;opacity:0;visibility:hidden;transition:opacity .2s ease}.hud-pause.is-on{opacity:1;visibility:visible;pointer-events:auto}.hud-pause-card{display:flex;flex-direction:column;align-items:stretch;gap:clamp(10px,2.2vmin,16px);min-width:min(78vw,300px);padding:clamp(20px,4vmin,34px) clamp(24px,5vmin,48px);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--slab);text-align:center}.hud-pause.is-on .hud-pause-card{animation:resultIn .34s cubic-bezier(.16,1.5,.35,1) both}.hud-pause-resume{padding:clamp(13px,2.7vmin,19px);font-size:clamp(15px,3vmin,21px);letter-spacing:.1em}.hud-pause-leave{--btn: var(--hot);--btn-deep: #a32626;padding:clamp(10px,2.2vmin,15px);font-size:clamp(12px,2.4vmin,16px);letter-spacing:.08em}#ui .tinyfootball-menu{position:absolute;top:calc(-1*env(safe-area-inset-top));right:calc(-1*env(safe-area-inset-right));bottom:calc(-1*env(safe-area-inset-bottom));left:calc(-1*env(safe-area-inset-left));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;place-items:center;background:radial-gradient(130% 100% at 50% 0%,#dff1ff59,#16202b9e);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease}#ui .tinyfootball-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-panel{width:min(560px,100%);max-height:100%;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:clamp(12px,2.4vmin,20px);padding:clamp(18px,4vmin,34px) clamp(16px,3.4vmin,28px) clamp(24px,5vmin,40px)}.tinyfootball-menu.is-open .menu-panel{animation:panelIn .4s cubic-bezier(.16,1.2,.35,1) both}@keyframes panelIn{0%{transform:translateY(26px);opacity:0}to{transform:translateY(0);opacity:1}}.menu-head{text-align:center}.menu-title{font-size:clamp(48px,15vmin,104px);font-weight:900;line-height:.9;letter-spacing:-.035em;color:var(--paper);transform:rotate(-2.5deg);text-shadow:0 7px 0 var(--go-deep),0 16px 30px rgba(22,32,43,.4)}.menu-tag{display:inline-block;margin-top:clamp(8px,1.8vmin,14px);padding:6px 14px;border-radius:999px;background:var(--pop);color:#fff;font-size:clamp(9px,1.9vmin,12px);font-weight:900;letter-spacing:.2em;box-shadow:0 4px 0 var(--pop-deep);transform:rotate(1.5deg)}.menu-card{display:flex;flex-direction:column;gap:clamp(10px,2vmin,16px);padding:clamp(14px,3vmin,22px);background:#fffffff2;border-radius:var(--r-lg);box-shadow:var(--slab)}.menu-row{display:flex;flex-direction:column;gap:8px}.menu-label{display:flex;align-items:center;gap:7px;font-size:clamp(9px,1.8vmin,12px);font-weight:900;letter-spacing:.18em;color:var(--ink-2)}.menu-dot{width:10px;height:10px;border-radius:50%;background:var(--ring);flex:none}.tinyfootball-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding:5px;background:var(--paper-2);border-radius:var(--r-md)}.tinyfootball-seg button{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:900;font-size:clamp(13px,2.6vmin,17px);color:var(--ink-2);background:transparent;border-radius:13px;padding:clamp(9px,1.9vmin,13px) 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1;transition:background-color .14s ease,color .14s ease,transform .09s ease;touch-action:manipulation}.tinyfootball-seg button:active{transform:scale(.95)}.tinyfootball-seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.seg-sub{font-size:clamp(8px,1.5vmin,10px);font-weight:900;letter-spacing:.08em;white-space:nowrap;color:var(--pop-deep)}.tinyfootball-seg button[aria-pressed=true] .seg-sub{color:var(--pop)}.menu-fmt{display:flex;align-items:center;gap:7px;min-height:2.3em;font-size:clamp(9px,1.8vmin,12px);font-weight:800;line-height:1.35;color:var(--ink-2)}.menu-fmt:before{content:"";width:9px;height:9px;border-radius:50%;flex:none;background:currentColor}.menu-fmt.has-gk{color:var(--go-deep)}.kit-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.kit-preview{width:34px;height:22px;border-radius:7px;background:linear-gradient(115deg,var(--p) 0 42%,var(--s) 42% 62%,var(--p) 62% 100%);box-shadow:0 0 0 2px #16202b24,0 3px #16202b1a;flex:none}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:clamp(4px,1vmin,8px)}.tinyfootball-swatch{appearance:none;border:0;padding:0;cursor:pointer;aspect-ratio:1;min-height:30px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px #16202b2e,0 2px #16202b24;transition:transform .12s cubic-bezier(.2,1.4,.4,1),opacity .16s ease,box-shadow .12s ease;touch-action:manipulation}.tinyfootball-swatch[aria-pressed=true]{transform:scale(1.16);box-shadow:inset 0 0 0 3px #fff,0 0 0 3px var(--ink),0 3px #16202b33}.tinyfootball-swatch.is-clash{opacity:.3}.menu-note{min-height:1.1em;font-size:clamp(10px,2vmin,13px);font-weight:800;color:var(--pop-deep);text-align:center}.menu-note.is-flash{animation:noteFlash .4s ease both}@keyframes noteFlash{0%{transform:translateY(-5px);opacity:0}to{transform:none;opacity:1}}.menu-seedrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.menu-seed{font-size:clamp(9px,1.8vmin,12px);font-weight:800;letter-spacing:.1em;color:var(--ink-2)}.menu-dice{--btn: var(--paper-2);--btn-deep: rgba(22, 32, 43, .16);color:var(--ink);padding:10px 16px;font-size:clamp(11px,2.1vmin,13px);letter-spacing:.12em;border-radius:14px}.menu-dice span{display:inline-block;margin-right:6px}.menu-dice.is-rolling span{animation:roll .5s cubic-bezier(.3,1.2,.4,1)}@keyframes roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px}.menu-hint{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#ffffffe6;font-size:clamp(9px,1.8vmin,12px);font-weight:800;color:var(--ink-2)}.menu-hint b{color:var(--ink);font-weight:900}@media(prefers-reduced-motion:reduce){.tinyfootball-hud *,.tinyfootball-menu *,.tinyfootball-hud,.tinyfootball-menu{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.1s!important}.hud-burst,.hud-confetti{display:none!important}.tinyfootball-btn:active{transform:none}}#ui .tinyfootball-pad{position:absolute;top:calc(-1*env(safe-area-inset-top));right:calc(-1*env(safe-area-inset-right));bottom:calc(-1*env(safe-area-inset-bottom));left:calc(-1*env(safe-area-inset-left));pointer-events:none;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .2s ease;font-family:inherit;font-variant-numeric:tabular-nums;--ink: #16202b;--paper: #ffffff;--a-attack: #ff4d2e;--a-attack-deep: #b02c14;--b-attack: #ffb020;--b-attack-deep: #c07a06;--a-defend: #2f8fff;--a-defend-deep: #1a5cb0;--b-defend: #12c2bd;--b-defend-deep: #0a8582;--sprint: #f4f8fb;--sprint-deep: rgba(22, 32, 43, .3)}#ui .tinyfootball-pad.is-on{opacity:1;visibility:visible}body.tinyfootball-menu-open .tinyfootball-pad{opacity:0;visibility:hidden}#ui .tinyfootball-pad.is-idle .pad-face,#ui .tinyfootball-pad.is-idle .pad-stick{opacity:.3}.pad-face,.pad-stick{transition:opacity .24s ease}.pad-face{position:absolute;inset:0}.pad-btn{--x: 0px;--y: 0px;--d: 64px;--press: 0px;--lift: clamp(4px, calc(var(--d) * .1), 8px);position:absolute;left:0;top:0;width:var(--d);height:var(--d);border-radius:50%;background:var(--btn);color:var(--paper);box-shadow:0 var(--lift) 0 var(--btn-deep),0 calc(var(--lift) + 8px) 20px #16202b42,inset 0 0 0 2px #ffffff38;transform:translate(var(--x),var(--y)) translate(-50%,-50%) translateY(var(--press));transition:transform .09s ease,box-shadow .09s ease,background-color .2s ease,filter .09s ease}.pad-btn.is-down{--press: var(--lift);box-shadow:0 1px 0 var(--btn-deep),inset 0 0 0 2px #fff6;filter:brightness(1.16)}.pad-btn--a{--btn: var(--a-attack);--btn-deep: var(--a-attack-deep)}.pad-btn--b{--btn: var(--b-attack);--btn-deep: var(--b-attack-deep)}.tinyfootball-pad[data-mode=defend] .pad-btn--a{--btn: var(--a-defend);--btn-deep: var(--a-defend-deep)}.tinyfootball-pad[data-mode=defend] .pad-btn--b{--btn: var(--b-defend);--btn-deep: var(--b-defend-deep)}.pad-btn--sprint{--btn: var(--sprint);--btn-deep: var(--sprint-deep);color:var(--ink)}.pad-label{position:absolute;inset:0;display:grid;place-items:center;padding:0 8%;font-size:clamp(9px,calc(var(--d) * .185),15px);font-weight:900;letter-spacing:.04em;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(22,32,43,.28);transition:opacity .16s ease,transform .24s cubic-bezier(.2,1.4,.4,1)}.pad-btn--sprint .pad-label{font-size:clamp(8px,calc(var(--d) * .17),13px);text-shadow:none}.pad-btn[data-slot="0"] .pad-label--1,.pad-btn[data-slot="1"] .pad-label--0{opacity:0;transform:perspective(240px) rotateX(-86deg) scale(.92)}.pad-btn[data-slot="0"] .pad-label--0,.pad-btn[data-slot="1"] .pad-label--1{opacity:1;transform:perspective(240px) rotateX(0) scale(1)}.pad-btn:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}.pad-btn.is-flip:after{animation:padFlip .45s cubic-bezier(.2,.9,.3,1)}@keyframes padFlip{0%{box-shadow:0 0 #ffffffe6}to{box-shadow:0 0 0 16px #fff0}}.pad-key{position:absolute;top:4%;left:50%;transform:translate(-50%);padding:2px 6px;border-radius:999px;background:#16202b52;color:var(--paper);font-size:clamp(7px,calc(var(--d) * .125),10px);font-weight:900;letter-spacing:.1em;opacity:0}.pad-btn--sprint .pad-key{background:#16202b1f;color:#16202b9e}@media(hover:hover)and (pointer:fine){.pad-key{opacity:1}}.pad-arc{position:absolute;inset:calc(var(--d) * -.11);overflow:visible;transform:rotate(-90deg)}.pad-arc circle{fill:none;stroke-linecap:round;stroke-dasharray:100}.pad-arc-track{stroke:#16202b38;stroke-width:7}.pad-arc-fill{stroke-width:7;stroke-dashoffset:100;transition:stroke .14s linear}.pad-arc--charge{opacity:0;transition:opacity .1s ease}.pad-btn.is-charging .pad-arc--charge{opacity:1}.pad-arc--charge .pad-arc-track{stroke:#16202b42}.pad-arc--charge .pad-arc-fill{stroke:#ffd54a}.pad-arc--charge .pad-arc-fill.is-mid{stroke:#fff}.pad-arc--charge .pad-arc-fill.is-hi{stroke:#fff;stroke-width:9}.pad-btn.is-full .pad-arc--charge{animation:padFull .34s ease-in-out infinite alternate}@keyframes padFull{0%{filter:none}to{filter:drop-shadow(0 0 6px rgba(255,255,255,.95))}}.pad-arc--stamina circle{stroke-width:9}.pad-arc--stamina .pad-arc-fill{stroke:#1fa85c}.pad-arc--stamina .pad-arc-fill.is-low{stroke:#f5a418}.pad-arc--stamina .pad-arc-fill.is-empty{stroke:#e23b3b}.pad-btn--sprint.is-empty{--btn: #e3e9ee;color:#16202b73}.pad-stick{--x: 0px;--y: 0px;--d: 110px;position:absolute;left:0;top:0;width:var(--d);height:var(--d);transform:translate(var(--x),var(--y)) translate(-50%,-50%);opacity:0;transition:opacity .13s ease}.pad-stick.is-on{opacity:1}.pad-stick.is-hint{opacity:.24}.pad-stick-ring{position:absolute;inset:0;border-radius:50%;border:clamp(3px,calc(var(--d) * .045),6px) solid rgba(255,255,255,.86);background:#16202b29;box-shadow:0 0 0 2px #16202b24;transform:scale(.7);transition:transform .16s cubic-bezier(.2,1.5,.4,1)}.pad-stick.is-on .pad-stick-ring,.pad-stick.is-hint .pad-stick-ring{transform:scale(1)}.pad-stick-knob{--kx: 0px;--ky: 0px;position:absolute;left:50%;top:50%;width:46%;height:46%;margin:-23% 0 0 -23%;border-radius:50%;background:var(--paper);box-shadow:0 4px #16202b3d,0 8px 16px #16202b38;transform:translate3d(var(--kx),var(--ky),0)}@media(prefers-reduced-motion:reduce){.tinyfootball-pad *,.tinyfootball-pad{animation:none!important;transition-duration:.12s!important}.pad-label{transition:opacity .12s ease!important}.pad-btn[data-slot="0"] .pad-label--1,.pad-btn[data-slot="1"] .pad-label--0,.pad-btn[data-slot="0"] .pad-label--0,.pad-btn[data-slot="1"] .pad-label--1{transform:none}.pad-stick-ring{transform:scale(1)}}#ui .tinyfootball-minimap{position:absolute;left:50%;bottom:clamp(6px,1.5vmin,14px);transform:translate(-50%);width:clamp(112px,20vmin,168px);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s ease}#ui .tinyfootball-minimap.is-on{opacity:.88;visibility:visible}#ui .tinyfootball-minimap.is-on.is-idle{opacity:.36}body.tinyfootball-menu-open .tinyfootball-minimap{opacity:0;visibility:hidden}.minimap-canvas{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){#ui .tinyfootball-minimap{transition-duration:.01ms}}.menu-screen{display:none}.menu-screen.is-active{display:flex;flex-direction:column;gap:clamp(12px,2.4vmin,20px)}.hub-actions{display:flex;flex-direction:column;gap:clamp(10px,2vmin,16px)}.hub-quick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:clamp(16px,3.4vmin,24px);border-radius:var(--r-lg)}.hub-quick-main{font-size:clamp(20px,4.4vmin,30px);letter-spacing:.12em;line-height:1}.hub-quick-sub{font-size:clamp(9px,1.8vmin,12px);font-weight:800;letter-spacing:.14em;opacity:.85}.hub-tile{appearance:none;border:0;margin:0;cursor:pointer;font:inherit;text-align:left;position:relative;display:flex;align-items:center;gap:clamp(10px,2.2vmin,16px);padding:clamp(12px,2.6vmin,18px) clamp(30px,6vmin,44px) clamp(12px,2.6vmin,18px) clamp(14px,2.8vmin,20px);background:#fffffff2;color:var(--ink);border-radius:var(--r-md);box-shadow:0 6px #16202b29,0 14px 26px #16202b2e;transition:transform .09s ease,box-shadow .09s ease;touch-action:manipulation}.hub-tile:active{transform:translateY(5px);box-shadow:0 1px #16202b29}.hub-tile:after{content:"›";position:absolute;right:clamp(12px,2.4vmin,18px);top:50%;transform:translateY(-54%);font-size:clamp(18px,3.6vmin,26px);font-weight:900;color:var(--ink-2)}.hub-tile-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.hub-tile-name{font-size:clamp(14px,2.9vmin,19px);font-weight:900;letter-spacing:.04em}.hub-tile-sub{display:flex;align-items:center;gap:6px;font-size:clamp(8px,1.7vmin,11px);font-weight:800;letter-spacing:.1em;color:var(--ink-2);white-space:nowrap;overflow:hidden}.hub-tile-pitch{position:relative;flex:none;width:clamp(58px,13vmin,78px);aspect-ratio:26 / 23;border-radius:6px 6px 26% 26%/6px 6px 30% 30%;background:repeating-linear-gradient(180deg,#43b45f 0 25%,#3aa854 25% 50%);box-shadow:inset 0 0 0 2px #16202b59}.hub-tile-dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff;box-shadow:0 1px #00000040}.hub-tile-dot:first-child{background:var(--pop)}.hub-kit-dot{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px #16202b2e;flex:none}.screen-head{display:flex;align-items:center;gap:clamp(10px,2.2vmin,16px)}#ui .tinyfootball-menu .screen-back{--btn: var(--paper-2);--btn-deep: rgba(22, 32, 43, .16);color:var(--ink);flex:none;padding:10px 14px;font-size:clamp(11px,2.1vmin,13px);letter-spacing:.1em;border-radius:14px}.screen-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.screen-title{font-size:clamp(20px,4.6vmin,30px);font-weight:900;line-height:1;letter-spacing:-.01em;color:var(--paper);text-shadow:0 3px 0 rgba(22,32,43,.35)}.screen-sub{font-size:clamp(8px,1.7vmin,11px);font-weight:800;letter-spacing:.16em;color:#ffffffd1}.preset-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.4vmin,10px)}.preset-chip{appearance:none;border:0;margin:0;cursor:pointer;font:inherit;font-weight:900;font-size:clamp(9px,1.9vmin,12px);letter-spacing:.05em;color:var(--ink);background:#ffffffeb;padding:clamp(9px,1.9vmin,12px) 4px;border-radius:999px;box-shadow:0 4px #16202b24;transition:transform .09s ease,box-shadow .09s ease,background-color .14s ease,color .14s ease;touch-action:manipulation;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.preset-chip:active{transform:translateY(3px);box-shadow:0 1px #16202b24}.preset-chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pitch{position:relative;width:100%;max-width:430px;margin:0 auto;background:repeating-linear-gradient(180deg,#43b45f 0 12.5%,#3aa854 12.5% 25%);border-radius:10px 10px 29% 29%/10px 10px 33% 33%;box-shadow:inset 0 0 0 clamp(3px,.8vmin,5px) #2b3947,0 8px #16202b38,0 18px 34px #16202b42}.pitch-halfway{position:absolute;top:clamp(3px,.8vmin,5px);left:clamp(3px,.8vmin,5px);right:clamp(3px,.8vmin,5px);height:2.5px;background:#ffffffd9}.pitch-arc{position:absolute;top:clamp(3px,.8vmin,5px);left:50%;transform:translate(-50%);width:24%;aspect-ratio:2 / 1;border:2.5px solid rgba(255,255,255,.85);border-top:0;border-radius:0 0 999px 999px}.pitch-goal{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:clamp(5px,1.2vmin,8px);background:#f4f8fb;border-radius:3px 3px 0 0;box-shadow:0 0 0 2px #16202b66}.pitch-field{position:absolute;inset:7% 6% 8%}.puck{appearance:none;border:0;margin:0;padding:4px;background:transparent;cursor:pointer;position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;touch-action:manipulation}.puck-shirt{width:calc(clamp(30px,7vmin,42px) * var(--scale, 1));aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--kit, var(--ink));color:var(--trim, #fff);font-weight:900;font-size:calc(clamp(13px,2.9vmin,18px) * var(--scale, 1));box-shadow:inset 0 -3px #0000002e,0 0 0 2.5px #ffffffe6,0 3px #16202b4d;transition:transform .12s cubic-bezier(.2,1.4,.4,1),box-shadow .12s ease}.puck[aria-pressed=true] .puck-shirt{transform:scale(1.12);box-shadow:inset 0 -3px #0000002e,0 0 0 3px #fff,0 0 0 6px var(--focus),0 3px #16202b4d}.puck.is-gk .puck-shirt{box-shadow:inset 0 -3px #0000002e,0 0 0 2.5px var(--pop),0 3px #16202b4d}.puck.is-gk[aria-pressed=true] .puck-shirt{box-shadow:inset 0 -3px #0000002e,0 0 0 3px var(--pop),0 0 0 6px var(--focus),0 3px #16202b4d}.puck-name{padding:2px 7px;border-radius:999px;background:#ffffffeb;color:var(--ink);font-size:clamp(8px,1.7vmin,10px);font-weight:900;white-space:nowrap;box-shadow:0 2px #16202b29}.puck-arch{font-size:clamp(7px,1.4vmin,9px);font-weight:900;letter-spacing:.06em;color:#fffffff2;text-shadow:0 1px 0 rgba(22,32,43,.55);white-space:nowrap}.tac-strip{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(5px,1.2vmin,8px);padding:clamp(8px,1.7vmin,11px) clamp(10px,2.1vmin,14px);background:#ffffff9e;border-radius:var(--r-md);box-shadow:0 4px #16202b1a}.tac-shape{padding:4px 9px;border-radius:8px;background:var(--ink);color:var(--paper);font-size:clamp(9px,1.8vmin,11px);font-weight:900;letter-spacing:.08em}.tac-chip{padding:4px 9px;border-radius:999px;background:#16202b14;color:var(--ink-2);font-size:clamp(7px,1.5vmin,9px);font-weight:900;letter-spacing:.1em}.tactics-pill{margin-left:auto;padding:4px 10px;border-radius:999px;background:var(--pop);color:#fff;font-size:clamp(7px,1.5vmin,9px);font-weight:900;letter-spacing:.14em;box-shadow:0 3px 0 var(--pop-deep);transform:rotate(1.5deg)}.detail{display:none}.detail.is-open{display:block;animation:detailIn .32s cubic-bezier(.16,1.3,.4,1) both}@keyframes detailIn{0%{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}.detail-card{display:flex;flex-direction:column;gap:clamp(7px,1.5vmin,11px);padding:clamp(12px,2.6vmin,18px);background:#fffffff2;border-radius:var(--r-md);box-shadow:0 6px #16202b24,0 14px 26px #16202b2e}.detail-id{display:flex;align-items:center;gap:clamp(10px,2.2vmin,14px)}.detail-names{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-namerow{display:flex;align-items:center;gap:8px;min-width:0}.detail-name{font-size:clamp(14px,3vmin,19px);font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-full{font-size:clamp(9px,1.9vmin,12px);font-weight:800;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-arch{font-size:clamp(9px,1.8vmin,11px);font-weight:900;letter-spacing:.08em;color:var(--ink-2)}.detail-reads{font-size:clamp(9px,1.9vmin,12px);font-weight:800;line-height:1.4;color:var(--ink-2)}.squad-num{flex:none;width:clamp(34px,7.4vmin,46px);height:clamp(34px,7.4vmin,46px);display:grid;place-items:center;border-radius:12px;background:var(--kit, var(--ink));color:var(--trim, #fff);font-size:clamp(15px,3.2vmin,21px);font-weight:900;box-shadow:inset 0 -3px #00000029,0 3px #16202b24}.squad-slot{flex:none;padding:3px 8px;border-radius:999px;background:var(--paper-2);font-size:clamp(7px,1.5vmin,9px);font-weight:900;letter-spacing:.1em;color:var(--ink-2)}.rack-label{margin-top:2px}.rack{display:flex;gap:clamp(6px,1.4vmin,10px);overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch}.rack-card{appearance:none;border:0;margin:0;cursor:pointer;font:inherit;text-align:left;flex:0 0 clamp(122px,36vw,156px);scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;padding:clamp(8px,1.8vmin,12px);background:var(--paper-2);color:var(--ink);border-radius:var(--r-sm);box-shadow:0 4px #16202b1f;transition:transform .09s ease,box-shadow .09s ease,background-color .14s ease,color .14s ease;touch-action:manipulation}.rack-card:active{transform:translateY(3px);box-shadow:0 1px #16202b1f}.rack-card[aria-pressed=true]{background:var(--ink);color:var(--paper)}.rack-name{font-size:clamp(9px,2vmin,12px);font-weight:900;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rack-body{font-size:clamp(7px,1.4vmin,8px);font-weight:900;letter-spacing:.1em;color:var(--ink-2)}.rack-card[aria-pressed=true] .rack-body{color:#ffffffb3}.rack-card .stat-bars{grid-template-columns:1fr;gap:2px}.rack-card .stat-val{display:none}.rack-card .stat-lab{width:2.4em;font-size:7px}.rack-card .stat-track{height:4px}.rack-card[aria-pressed=true] .stat-lab{color:#ffffffa6}.rack-card[aria-pressed=true] .stat-track{background:#ffffff2e}.stat-bars{display:grid;grid-template-columns:1fr 1fr;gap:3px clamp(8px,1.8vmin,14px)}.stat-row{display:flex;align-items:center;gap:5px;min-width:0}.stat-lab{flex:none;width:2.6em;font-size:clamp(7px,1.5vmin,9px);font-weight:900;letter-spacing:.08em;color:var(--ink-2)}.stat-track{flex:1;height:clamp(5px,1.1vmin,7px);border-radius:999px;background:#16202b1f;overflow:hidden}.stat-fill{display:block;height:100%;border-radius:999px}.stat-fill.is-hi{background:var(--go)}.stat-fill.is-mid{background:var(--pop)}.stat-fill.is-lo{background:var(--hot)}.stat-val{flex:none;width:1.8em;text-align:right;font-size:clamp(8px,1.6vmin,10px);font-weight:900;color:var(--ink)}.setup-opp{text-align:center;font-size:clamp(8px,1.7vmin,11px);font-weight:800;letter-spacing:.08em;color:#ffffffd9;text-shadow:0 1px 0 rgba(22,32,43,.3)}.setup-kickoff{display:flex;flex-direction:column;align-items:center;gap:4px;padding:clamp(14px,3vmin,22px);border-radius:var(--r-lg)}.kickoff-main{font-size:clamp(18px,4vmin,27px);letter-spacing:.12em;line-height:1}.kickoff-sub{font-size:clamp(8px,1.7vmin,11px);font-weight:800;letter-spacing:.14em;opacity:.85}.wx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.4vmin,10px)}.wx-chip{appearance:none;border:0;margin:0;padding:0;background:transparent;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:stretch;gap:4px;touch-action:manipulation}.wx-swatch{width:100%;aspect-ratio:7 / 4;border-radius:10px;background:linear-gradient(180deg,var(--top, #9db2c4),var(--bottom, #dfe7ec));box-shadow:inset 0 0 0 2px #16202b29,0 3px #16202b1f;display:grid;place-items:center;font-size:clamp(14px,3vmin,19px);color:var(--ink-2);transition:transform .12s cubic-bezier(.2,1.4,.4,1),box-shadow .12s ease}.wx-chip:active .wx-swatch{transform:scale(.96)}.wx-chip[aria-pressed=true] .wx-swatch{box-shadow:inset 0 0 0 2px #fff,0 0 0 3px var(--ink),0 3px #16202b33}.wx-name{text-align:center;font-size:clamp(7px,1.5vmin,9px);font-weight:900;letter-spacing:.08em;color:var(--ink-2)}.wx-chip[aria-pressed=true] .wx-name{color:var(--ink)}.wx-chip--auto .wx-swatch{background:var(--paper-2)}.wx-chip--noon .wx-swatch{background:radial-gradient(circle at 68% 24%,rgba(255,255,255,.95) 0 9%,transparent 30%),linear-gradient(180deg,var(--top),var(--bottom))}.wx-chip--golden .wx-swatch{background:radial-gradient(circle at 70% 58%,rgba(255,250,235,.95) 0 10%,transparent 32%),linear-gradient(180deg,var(--top),var(--bottom))}.wx-chip--sunset .wx-swatch{background:radial-gradient(circle at 50% 82%,rgba(255,226,178,.95) 0 10%,transparent 34%),linear-gradient(180deg,var(--top),var(--bottom))}.wx-chip--night .wx-swatch{background:radial-gradient(circle at 12% 92%,rgba(255,242,220,.85) 0 5%,transparent 22%),radial-gradient(circle at 88% 92%,rgba(255,242,220,.85) 0 5%,transparent 22%),linear-gradient(180deg,var(--top),var(--bottom))}.wx-chip--rain .wx-swatch{background:repeating-linear-gradient(115deg,transparent 0 7px,rgba(255,255,255,.45) 7px 8.5px),linear-gradient(180deg,var(--top),var(--bottom))}.wx-chip--snow .wx-swatch{background:radial-gradient(circle at 22% 30%,#fff 1.6px,transparent 2.8px),radial-gradient(circle at 58% 62%,#fff 1.6px,transparent 2.8px),radial-gradient(circle at 82% 26%,#fff 1.6px,transparent 2.8px),radial-gradient(circle at 38% 82%,#fff 1.6px,transparent 2.8px),radial-gradient(circle at 72% 84%,#fff 1.4px,transparent 2.6px),radial-gradient(circle at 10% 64%,#fff 1.4px,transparent 2.6px),linear-gradient(180deg,var(--top),var(--bottom))}.hub-tile:focus-visible,.preset-chip:focus-visible,.puck:focus-visible,.rack-card:focus-visible,.wx-chip:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(orientation:landscape)and (max-height:540px){.menu-panel{width:min(880px,100%);height:100%;overflow:hidden}.menu-screen.is-active{height:100%;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.hub-screen.is-active{display:grid;grid-template-areas:"head actions" "hints actions";grid-template-columns:.85fr 1.15fr;grid-template-rows:1fr auto;align-items:center;column-gap:clamp(16px,3vmin,30px);overflow:hidden}.hub-screen .menu-head{grid-area:head;align-self:end}.hub-screen .menu-hints{grid-area:hints;align-self:start;margin-top:clamp(10px,2.4vmin,18px)}.hub-actions{grid-area:actions;max-height:100%;overflow-y:auto;touch-action:pan-y;padding:4px}.menu-title{font-size:clamp(40px,11vmin,72px)}.pitch{max-width:360px}}.hud-replay{position:absolute;right:calc(env(safe-area-inset-right) + clamp(10px,2.2vmin,22px));bottom:calc(env(safe-area-inset-bottom) + clamp(10px,2.2vmin,22px));width:clamp(150px,21vw,240px);border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.85);box-shadow:0 10px 30px #16202b73;opacity:0;transform:translateY(14px) scale(.96) rotate(-2.5deg);transform-origin:bottom right;pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.16,1.3,.4,1)}.hud-replay.is-on{opacity:1;transform:translateY(0) scale(1) rotate(-2.5deg)}.hud-replay-screen{display:block;width:100%;height:auto}.hud-replay-tag{position:absolute;top:6px;left:8px;z-index:1;padding:2px 8px;border-radius:999px;background:#e23737eb;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;animation:replayBlink 1.2s steps(2,jump-none) infinite}.hud-replay-name{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;display:flex;flex-direction:column;gap:1px;pointer-events:none}.hud-replay-name-who{align-self:flex-start;max-width:100%;overflow:hidden;padding:3px 8px;border-radius:6px;background:#101822e0;color:#fff;font-size:12px;font-weight:800;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis}.hud-replay-name-who:empty{display:none}.hud-replay-name-assist{align-self:flex-start;max-width:100%;overflow:hidden;padding:2px 8px;border-radius:6px;background:#ffffffdb;color:#16202b;font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis}.hud-replay-name-assist:empty{display:none}.hud-replay-toggle{position:absolute;top:4px;right:6px;z-index:1;padding:6px 10px;min-height:28px;border:0;border-radius:999px;background:#101822d1;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;cursor:pointer;pointer-events:auto}@keyframes replayBlink{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.hud-replay-tag{animation:none}}.hl-chip{position:absolute;left:calc(env(safe-area-inset-left) + clamp(10px,2.2vmin,22px));bottom:calc(env(safe-area-inset-bottom) + clamp(10px,2.2vmin,22px));padding:10px 16px;min-height:44px;border:2px solid rgba(255,255,255,.85);border-radius:999px;background:#16202be0;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.hl-chip.is-on{opacity:1;transform:translateY(0);pointer-events:auto}.hl-panel{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0a1016d1;z-index:30;pointer-events:auto}.hl-panel.is-on{display:flex}.hl-head{display:flex;align-items:center;justify-content:space-between;width:min(420px,88vw)}.hl-title{color:#fff;font-size:14px;font-weight:800;letter-spacing:.12em}.hl-close{width:44px;height:44px;border:0;border-radius:10px;background:#ffffff1f;color:#fff;font-size:22px;line-height:1;cursor:pointer}.hl-list{display:flex;flex-direction:column;gap:8px;width:min(420px,88vw);max-height:62vh;overflow-y:auto}.hl-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;min-height:44px;border:0;border-radius:12px;background:#ffffff1a;color:#fff;text-align:left;cursor:pointer}.hl-row:hover{background:#ffffff2e}.hl-row-who{font-size:14px;font-weight:800;letter-spacing:.04em}.hl-row-sub{font-size:11px;font-weight:600;opacity:.75;white-space:nowrap}.hl-empty{padding:18px 14px;border-radius:12px;background:#ffffff14;color:#fffc;font-size:13px}.hl-player{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a0eeb;z-index:31;pointer-events:auto}.hl-player.is-on{display:flex}.hl-player-frame{display:flex;flex-direction:column;gap:8px;width:min(40vh,86vw)}.hl-player-title{color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em}.hl-video{width:100%;aspect-ratio:9 / 16;border-radius:14px;background:#000;object-fit:contain}.hl-actions{display:flex;gap:8px}.hl-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;min-height:44px;border:0;border-radius:10px;background:#ffffffeb;color:#16202b;font-size:12px;font-weight:800;letter-spacing:.08em;text-decoration:none;cursor:pointer}.hl-btn-quiet{background:#ffffff24;color:#fff}#ui .tinyfootball-scorer{--ink: #16202b;--ink-2: #5f6f7e;--paper: #ffffff;--paper-2: #eaf1f7;--hot: #e23b3b;--r-lg: 22px;--r-md: 14px;position:absolute;left:calc(env(safe-area-inset-left) + clamp(8px,2.2vmin,20px));top:calc(env(safe-area-inset-top) + clamp(8px,2.2vmin,20px) + 2*clamp(6px,1.4vmin,11px) + clamp(19px,4.2vmin,31px) + 1px + 1.45*clamp(8px,1.6vmin,11px) + clamp(6px,1.5vmin,12px));z-index:-1;max-width:min(60vw,380px);pointer-events:none;color:var(--ink);font-variant-numeric:tabular-nums;opacity:0;visibility:hidden}#ui .tinyfootball-scorer.is-in,#ui .tinyfootball-scorer.is-out{opacity:1;visibility:visible}body.tinyfootball-menu-open .tinyfootball-scorer{opacity:0;visibility:hidden}.scorer-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--paper);box-shadow:0 7px 0 var(--tint, var(--ink)),0 14px 28px #16202b47;overflow:hidden}.scorer-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:clamp(5px,1.1vmin,8px);background:var(--tint, var(--ink))}.scorer-main{display:flex;align-items:center;gap:clamp(8px,1.8vmin,14px);padding:clamp(7px,1.5vmin,12px) clamp(12px,2.6vmin,20px) clamp(6px,1.3vmin,10px) clamp(14px,3vmin,24px)}.scorer-face{display:none;flex:none;width:clamp(38px,8vmin,58px);height:clamp(38px,8vmin,58px);border-radius:var(--r-md);background:var(--paper-2)}#ui .tinyfootball-scorer.has-face .scorer-face{display:block}.scorer-num{flex:none;min-width:1.75em;padding:clamp(3px,.7vmin,6px) clamp(4px,.9vmin,7px);border-radius:var(--r-md);background:var(--tint, var(--ink));box-shadow:inset 0 -3px #00000029;color:#fff;font-size:clamp(15px,3.2vmin,22px);font-weight:900;line-height:1;text-align:center;text-shadow:0 1px 2px rgba(22,32,43,.45)}.scorer-id{min-width:0;display:flex;flex-direction:column;gap:clamp(1px,.4vmin,4px)}.scorer-eyebrow{display:flex;align-items:baseline;gap:clamp(5px,1.1vmin,9px);font-size:clamp(9px,1.8vmin,12px);font-weight:900;letter-spacing:.16em;line-height:1;white-space:nowrap}.scorer-kind{color:var(--tint, var(--ink))}.scorer-card.is-own .scorer-kind{color:var(--hot)}.scorer-first{color:var(--ink-2);letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;min-width:0}.scorer-first:empty{display:none}.scorer-time{margin-left:auto;padding:3px clamp(5px,1.1vmin,8px);border-radius:999px;background:var(--paper-2);color:var(--ink);font-size:clamp(10px,2vmin,13px);letter-spacing:.04em}.scorer-name{font-size:clamp(21px,5.4vmin,34px);font-weight:900;line-height:1;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scorer-assist{font-size:clamp(10px,2vmin,13px);font-weight:700;letter-spacing:.03em;color:var(--ink-2);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scorer-assist:empty{display:none}.scorer-line{display:flex;align-items:center;gap:clamp(5px,1.2vmin,10px);padding:clamp(4px,1vmin,8px) clamp(12px,2.6vmin,20px) clamp(5px,1.1vmin,9px) clamp(14px,3vmin,24px);background:var(--paper-2)}.scorer-dot{width:clamp(9px,1.9vmin,14px);height:clamp(9px,1.9vmin,14px);border-radius:50%;flex:none;background:var(--kit, #999);box-shadow:0 0 0 2px var(--ring, #999)}.scorer-goals{font-size:clamp(13px,2.8vmin,20px);font-weight:900;line-height:1;min-width:.7em;text-align:center}.scorer-dash{color:var(--ink-2);font-size:clamp(10px,2vmin,14px);font-weight:900}.tinyfootball-scorer.is-in .scorer-card{animation:scorerIn .42s cubic-bezier(.16,1.35,.35,1) both}.tinyfootball-scorer.is-out .scorer-card{animation:scorerOut .34s cubic-bezier(.5,0,.9,.3) both}@keyframes scorerIn{0%{transform:translate(-118%);opacity:0}70%{opacity:1}to{transform:translate(0);opacity:1}}@keyframes scorerOut{0%{transform:translate(0);opacity:1}to{transform:translate(-118%);opacity:0}}.tinyfootball-scorer.is-in .scorer-num{animation:scorerPop .4s cubic-bezier(.16,1.8,.4,1) both;animation-delay:.16s}.tinyfootball-scorer.is-in .scorer-face{animation:scorerPop .4s cubic-bezier(.16,1.8,.4,1) both;animation-delay:.1s}.tinyfootball-scorer.is-in .scorer-line{animation:scorerLine .34s cubic-bezier(.2,1.2,.4,1) both;animation-delay:.22s}@keyframes scorerPop{0%{transform:scale(.3) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes scorerLine{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:900px)and (min-height:560px){#ui .tinyfootball-scorer{max-width:min(42vw,460px)}}@media(orientation:portrait){#ui .tinyfootball-scorer{max-width:min(88vw,380px)}}@media(prefers-reduced-motion:reduce){.tinyfootball-scorer,.tinyfootball-scorer *{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}}#ui .tinyfootball-rotate{--ink: #16202b;--ink-2: #5f6f7e;--paper: #ffffff;--pop: #ff7a2f;--pop-deep: #c05617;--pitch: #5ec83a;--pitch-alt: #54bb33;--ph: clamp(112px, 36vmin, 210px);z-index:50;position:absolute;top:calc(-1*env(safe-area-inset-top));right:calc(-1*env(safe-area-inset-right));bottom:calc(-1*env(safe-area-inset-bottom));left:calc(-1*env(safe-area-inset-left));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;place-items:center;background:radial-gradient(125% 95% at 50% 0%,#f6fbff,#dff1ff 52%,#bfe3fb);color:var(--ink);font-family:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease}#ui .tinyfootball-rotate.is-on{opacity:1;visibility:visible;pointer-events:auto}.rotate-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3.4vmin,26px);padding:clamp(16px,5vmin,40px);text-align:center}.rotate-stage{position:relative;width:var(--ph);height:var(--ph);display:grid;place-items:center}.rotate-phone{position:relative;width:calc(var(--ph) * .52);height:var(--ph);border-radius:calc(var(--ph) * .115);background:var(--ink);box-shadow:0 calc(var(--ph) * .05) 0 #16202b47,0 calc(var(--ph) * .1) calc(var(--ph) * .16) #16202b3d;display:grid;place-items:center;animation:rotatePhone 3s cubic-bezier(.5,.05,.2,1) infinite}.rotate-phone:before{content:"";position:absolute;top:calc(var(--ph) * .032);left:50%;width:calc(var(--ph) * .13);height:calc(var(--ph) * .018);margin-left:calc(var(--ph) * -.065);border-radius:999px;background:#ffffff59}.rotate-screen{width:calc(100% - var(--ph) * .07);height:calc(100% - var(--ph) * .11);margin-top:calc(var(--ph) * .018);border-radius:calc(var(--ph) * .08);position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,var(--pitch) 0 14%,var(--pitch-alt) 14% 28%);animation:rotateScreen 3s cubic-bezier(.5,.05,.2,1) infinite}.rotate-screen:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#fffc}.rotate-screen:after{content:"";position:absolute;inset:0 32%;border-top:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85)}.rotate-ball{position:absolute;left:50%;top:50%;width:calc(var(--ph) * .055);height:calc(var(--ph) * .055);margin:calc(var(--ph) * -.0275) 0 0 calc(var(--ph) * -.0275);border-radius:50%;background:#fff;box-shadow:0 1px #16202b4d}.rotate-arc{position:absolute;inset:-14%;overflow:visible;pointer-events:none;color:var(--pop);animation:rotateArc 3s cubic-bezier(.5,.05,.2,1) infinite}.rotate-arc path{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round}.rotate-arc polygon{fill:currentColor}.rotate-title{font-size:clamp(24px,6.6vmin,46px);font-weight:900;line-height:.95;letter-spacing:-.025em;transform:rotate(-2deg);text-shadow:0 3px 0 rgba(255,255,255,.8)}.rotate-copy{font-size:clamp(12px,2.9vmin,18px);font-weight:800;letter-spacing:.02em;color:var(--ink-2);max-width:22ch}.rotate-install{display:none;align-items:center;gap:8px;max-width:34ch;padding:clamp(8px,1.8vmin,12px) clamp(12px,2.6vmin,18px);border-radius:999px;background:#ffffffeb;box-shadow:0 4px #16202b1a,0 9px 20px #16202b24;font-size:clamp(10px,2.2vmin,13px);font-weight:800;line-height:1.35;color:var(--ink-2);text-align:left}.tinyfootball-rotate[data-install=ios] .rotate-install{display:inline-flex}.rotate-install b{color:var(--ink);font-weight:900}.rotate-share{flex:none;width:clamp(13px,2.6vmin,17px);height:auto;fill:none;stroke:var(--pop-deep);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}@keyframes rotatePhone{0%,22%{transform:rotate(0)}46%,84%{transform:rotate(-90deg)}96%,to{transform:rotate(0)}}@keyframes rotateScreen{0%,30%{filter:saturate(.3) brightness(.86)}50%,84%{filter:none}96%,to{filter:saturate(.3) brightness(.86)}}@keyframes rotateArc{0%,8%{opacity:0;transform:scale(.9)}20%,44%{opacity:1;transform:scale(1)}60%,to{opacity:0;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}.rotate-screen{animation:none}.rotate-arc{animation:none;opacity:1}#ui .tinyfootball-rotate{transition-duration:.1s}}.dbg-root{--bg: #121a22;--surface: #1b2733;--surface-2: #24333f;--line: rgba(255, 255, 255, .09);--text: #dbe6ef;--text-2: #7f95a7;--accent: #ff7a2f;--accent-deep: #b8510f;--live: #1fa85c;--focus: #2f8fff;position:absolute;inset:0;font-family:inherit;color:var(--text);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.dbg-bar,.dbg-panel,.dbg-blurb,.dbg-gallery{pointer-events:auto}.dbg-root button:not(.dialkit-root *){appearance:none;border:0;margin:0;font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.dbg-root button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dbg-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:stretch;gap:8px;height:38px;padding:4px 8px;background:#121a22f0;box-shadow:0 2px #0000004d}.dbg-brand{flex:none;align-self:center;padding:6px 10px;border-radius:10px;background:var(--accent);color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;box-shadow:0 3px 0 var(--accent-deep)}.dbg-brand:active{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-deep)}.dbg-tabs{flex:1 1 auto;display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-x}.dbg-tabs::-webkit-scrollbar{display:none}.dbg-tab{flex:none;padding:7px 12px;border-radius:10px;background:var(--surface);color:var(--text-2);font-size:11px;font-weight:900;letter-spacing:.08em;transition:background-color .14s ease,color .14s ease}.dbg-tab[aria-pressed=true]{background:var(--text);color:var(--bg)}.dbg-stats{flex:none;display:flex;align-items:center;gap:10px;padding:0 4px 0 10px;border-left:1px solid var(--line)}.dbg-stat{display:flex;flex-direction:column;align-items:flex-end;line-height:1;gap:2px}.dbg-stat-label{font-size:8px;font-weight:800;letter-spacing:.12em;color:var(--text-2)}.dbg-stat-value{font-size:14px;font-weight:900;color:var(--live)}.dbg-blurb{position:absolute;top:38px;left:0;right:0;padding:5px 10px;background:#121a22b8;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbg-panel{position:absolute;top:62px;bottom:0;left:0;width:clamp(200px,26vw,280px);display:flex;flex-direction:column;background:#121a22eb;border-right:1px solid var(--line)}.dbg-panel-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 6px 7px 10px;border-bottom:1px solid var(--line)}.dbg-panel-title{font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--text-2)}.dbg-collapse{width:26px;height:26px;border-radius:8px;background:var(--surface);color:var(--text-2);font-size:15px;font-weight:900;line-height:1}.dbg-dials{flex:1 1 auto;min-height:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:6px 6px 20px;scrollbar-width:thin}.dbg-dials-mount{-webkit-user-select:auto;user-select:auto}.dbg-dials-facts{margin-top:10px;padding:0 2px}.dbg-section-head{padding:6px 2px 4px;font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--accent)}.dbg-note{margin:2px 2px 4px;font-size:9.5px;font-weight:600;line-height:1.4;color:var(--text-2)}.dbg-readout{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 8px;border-radius:8px;background:#ffffff08;font-size:10px}.dbg-readout-label{font-weight:700;color:var(--text-2)}.dbg-readout-value{font-weight:900}.dbg-root.is-panel-shut .dbg-panel{width:auto}.dbg-root.is-panel-shut .dbg-dials,.dbg-root.is-panel-shut .dbg-panel-title,.dbg-root.is-hidden .dbg-tabs,.dbg-root.is-hidden .dbg-stats,.dbg-root.is-hidden .dbg-blurb,.dbg-root.is-hidden .dbg-panel{display:none}.dbg-root.is-hidden .dbg-bar{height:auto;background:transparent;box-shadow:none}.dbg-overlay{position:absolute;inset:0;pointer-events:none}.dbg-gallery{position:absolute;top:62px;right:0;bottom:0;left:clamp(178px,24vw,232px);overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:10px;padding:10px;background:#0d141b}.dbg-root.is-panel-shut .dbg-gallery,.dbg-root.is-hidden .dbg-gallery{left:0}.dbg-root.is-hidden .dbg-gallery{top:0}.dbg-plate{display:flex;flex-direction:column;min-height:248px;border-radius:14px;overflow:hidden;background:var(--surface);box-shadow:0 4px #00000059}.dbg-plate--wide{grid-column:1 / -1;min-height:320px}.dbg-plate-head{display:flex;align-items:baseline;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line)}.dbg-plate-title{flex:none;font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--accent)}.dbg-plate-caption{flex:1 1 auto;min-width:0;font-size:9px;font-weight:600;color:var(--text-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dbg-stage{position:relative;flex:1 1 auto;overflow:hidden;background:#cfd8de}.dbg-gallery[data-backdrop="1"] .dbg-stage{background:#5ec83a}.dbg-gallery[data-backdrop="2"] .dbg-stage{background:#16202b}.dbg-gallery[data-backdrop="3"] .dbg-stage{background-color:#e6edf2;background-image:linear-gradient(45deg,#b9c6d0 25%,transparent 25%,transparent 75%,#b9c6d0 75%),linear-gradient(45deg,#b9c6d0 25%,transparent 25%,transparent 75%,#b9c6d0 75%);background-size:24px 24px;background-position:0 0,12px 12px}.dbg-tile-ui .tinyfootball-hud,.dbg-tile-ui .tinyfootball-pad,.dbg-tile-ui .tinyfootball-menu{position:absolute!important;inset:0!important;padding:0!important;opacity:1!important;visibility:visible!important}.dbg-tile-ui .tinyfootball-menu{pointer-events:auto!important}.dbg-tile-ui .tinyfootball-minimap{position:absolute!important;left:50%!important;bottom:12px!important;transform:translate(-50%)!important;width:min(78%,260px)!important;opacity:1!important;visibility:visible!important}.dbg-toast{position:absolute;left:50%;bottom:10px;transform:translate(-50%);padding:6px 12px;border-radius:999px;background:#121a22e6;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;opacity:0;pointer-events:none}.dbg-toast.is-in{animation:dbgToast 2.4s ease both}@keyframes dbgToast{0%{opacity:0;transform:translate(-50%) translateY(8px)}10%,75%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0}}@media(max-height:400px){.dbg-blurb{display:none}.dbg-panel,.dbg-gallery{top:38px}}@media(prefers-reduced-motion:reduce){.dbg-root *,.dbg-root{animation-duration:.01ms!important;transition-duration:.01ms!important}}