.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-scorewrap{position:absolute;top:calc(env(safe-area-inset-top) + clamp(8px,2vmin,18px));left:50%;transform:translate(-50%);width:clamp(300px,52vw,620px);font-size:clamp(11px,2.2vmin,17px)}.hud-scorewrap:before{content:"";position:absolute;inset:14% -.4% -10% .6%;background:var(--zn-paper-2);transform:rotate(-1deg);z-index:-1;box-shadow:var(--zn-shadow)}.hud-score{display:flex;flex-direction:column;align-items:stretch;padding:.42em .5em;gap:0}.hud-score-row{display:flex;align-items:stretch;white-space:nowrap}.hud-score-goal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,1.1,.3,1)}.hud-score-goal-in{overflow:hidden;min-height:0}.hud-scorewrap.is-goal .hud-score-goal{grid-template-rows:1fr}.hud-scorewrap.is-open .hud-score-goal-in{overflow:visible}@media(prefers-reduced-motion:reduce){.hud-score-goal{transition:none}}.hud-scorewrap .hud-score{clip-path:polygon(.4% 5%,7% .5%,29% 3%,51% 0%,73% 3.5%,95% .5%,99.7% 9%,99.2% 38%,100% 63%,99.4% 90%,96.5% 100%,77% 97%,54% 100%,33% 97.5%,12% 100%,1.2% 96%,0% 68%,.7% 38%)}.hud-team{flex:1 1 0;min-width:0;overflow:hidden;font-size:clamp(17px,3.6vmin,31px);padding:.48em .3em;letter-spacing:.02em}.hud-team.zn-panel--skew-r{transform:rotate(-.5deg)}.hud-team.zn-panel--skew-l{transform:rotate(.6deg)}.hud-mid{flex:0 0 auto;display:flex;align-items:center;gap:.4em;padding:0 .65em;font-family:var(--zn-font)}.hud-dash{font-size:clamp(17px,3.8vmin,30px);transform:translateY(-.1em)}.hud-score-dots{left:30%;bottom:-.7em;width:5em;height:2.6em;--dot-fade: 115deg;z-index:1}.hud-score-dots--goal{right:-1.5em;top:38%;width:3.4em;height:4.4em;--dot-ink: var(--zn-team, var(--zn-blue));--dot-fade: 200deg;display:none;z-index:1}.hud-scorewrap.is-goal .hud-score-dots--goal{display:block}.hud-score-reg{position:absolute;width:2.8em;height:1.9em;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,rgba(20,20,20,.4) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(20,20,20,.4) 0 1px,transparent 1px 5px);-webkit-mask-image:radial-gradient(ellipse at 35% 35%,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse at 35% 35%,#000 25%,transparent 72%);z-index:2}.hud-score-reg--l{top:-.45em;left:.7em}.hud-score-reg--r{top:-.35em;right:.6em;opacity:.38}.hud-score-stroke{position:absolute;background:var(--zn-yellow);pointer-events:none;z-index:2}.hud-score-stroke--top{top:-.14em;left:27%;width:2.6em;height:.16em;transform:rotate(-.8deg);box-shadow:3.6em .3em 0 var(--zn-yellow)}.hud-score-stroke--right{right:17%;bottom:-.28em;width:2.3em;height:.2em;transform:rotate(1.4deg)}.hud-score-blot{position:absolute;left:-.55em;bottom:30%;width:.45em;height:.65em;background:var(--zn-ink);border-radius:.06em .28em .06em .32em;transform:rotate(7deg)}.hud-score-blot:after{content:"";position:absolute;left:.06em;bottom:-.38em;width:.24em;height:.26em;background:var(--zn-ink)}.hud-score-underline{position:absolute;left:2%;bottom:-.28em;width:34%;height:.32em;transform:rotate(-.5deg);z-index:-1}.hud-scorewrap .hud-score-tab{width:1.5em;height:1.5em;top:-.6em;left:-.5em;transform:rotate(-8deg);font-size:inherit;z-index:0}.hud-scorewrap .hud-clock{position:absolute;left:50%;bottom:0;transform:translate(-50%,62%) rotate(-.6deg);z-index:1}.hud-scorewrap .hud-half{position:absolute;top:-1.05em;left:50%;transform:translate(-50%) rotate(.8deg);padding:.16em .55em .5em;font-size:clamp(8px,1.5vmin,11px);letter-spacing:.12em;z-index:-1}.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)}.tifo-crest{display:block}.tifo-crest svg{display:block;width:100%;height:100%}#ui .tinyfootball-hud .hud-crest{pointer-events:auto;appearance:none;border:0;margin:0;padding:0;cursor:pointer;background:transparent;min-width:44px;min-height:44px;display:grid;place-items:center;touch-action:manipulation}.hud-crest .tifo-crest{width:clamp(26px,5.6vmin,38px);aspect-ratio:364 / 458;opacity:.45;transform:rotate(-2deg);filter:drop-shadow(0 2px 0 rgba(22,32,43,.35));transition:opacity .12s ease,transform .09s ease}.hud-crest:hover .tifo-crest,.hud-crest:focus-visible .tifo-crest{opacity:.85}#ui .tinyfootball-hud .hud-crest:active .tifo-crest{transform:rotate(-2deg) translateY(3px);opacity:1;filter:drop-shadow(0 0 0 rgba(22,32,43,.35))}.hud-crest:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.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(30px,6.4vmin,54px);font-weight:400;line-height:1;min-width:.72em;text-align:center;letter-spacing:-.03em}.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-clock{font-size:clamp(14px,2.9vmin,21px);line-height:1.25;letter-spacing:.03em}.hud-clock.is-urgent .hud-clock-text{color:var(--hot);display:inline-block;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-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-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-confetti{position:absolute;inset:0;display:none;pointer-events:none}.hud-confetti.is-burst{display:block}.hud-confetti i{position:absolute;top:46%;left:50%;width:clamp(9px,2vmin,15px);height:clamp(14px,3.2vmin,24px);background:var(--c);opacity:0}.hud-confetti.is-burst i{animation:confettiX 1.5s cubic-bezier(.14,.7,.3,1) both;animation-delay:calc(var(--i) * 22ms)}.hud-confetti.is-burst i:nth-child(2n){animation-name:confettiY}@keyframes confettiX{0%{transform:translateZ(0) rotateX(0) scale(.4);opacity:0}12%{opacity:1}to{transform:translate3d(var(--dx),var(--dy),0) rotateX(var(--dr)) scale(1);opacity:0}}@keyframes confettiY{0%{transform:translateZ(0) rotateY(0) scale(.4);opacity:0}12%{opacity:1}to{transform:translate3d(var(--dx),var(--dy),0) rotateY(var(--dr)) scale(1);opacity:0}}.hud-sting{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;visibility:hidden;z-index:40;background:transparent;transition:background-color .12s ease}.hud-sting.is-in,.hud-sting.is-out{visibility:visible}.hud-sting.is-dim.is-in{background:#14141438}.hud-sting-crest{width:min(38vmin,300px);aspect-ratio:364 / 458;filter:drop-shadow(0 .3em 0 rgba(20,20,20,.35));opacity:0}.hud-sting.is-in .hud-sting-crest{animation:stingPop .12s cubic-bezier(.2,1.4,.4,1) both}@keyframes stingPop{0%{transform:scale(1.35) rotate(-3deg);opacity:0}40%{opacity:1}to{transform:scale(1) rotate(-1deg);opacity:1}}.hud-sting.is-out .hud-sting-crest{animation:stingOff .16s ease-out both}@keyframes stingOff{0%{transform:scale(1) rotate(-1deg);opacity:1}to{transform:scale(1.18) rotate(-1deg);opacity:0}}@keyframes stingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stingFadeOut{to{opacity:0}}#ui .hud-nameplate{position:absolute;top:0;left:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .12s ease;will-change:transform;font-size:clamp(10px,2vmin,14px);font-variant-numeric:tabular-nums}.hud-nameplate.is-on{opacity:1}.hud-nameplate.is-on.is-swap,body.tinyfootball-menu-open .hud-nameplate{opacity:0}.hud-nameplate-tab{font-size:inherit}.hud-nameplate-card{padding:.35em .55em .45em;min-width:6.5em}.hud-nameplate-name{font-size:.85em;line-height:1.1;letter-spacing:.01em;white-space:nowrap;margin-bottom:.35em}.hud-nameplate .hud-nameplate-meter{height:.45em}.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-confetti.is-burst i{animation-duration:1.5s!important}.hud-confetti i:nth-child(2n){display:none}.hud-sting.is-in .hud-sting-crest,.hud-sting.is-out .hud-sting-crest{animation-duration:80ms!important;animation-name:stingFadeIn!important}.hud-sting.is-out .hud-sting-crest{animation-name:stingFadeOut!important}.tinyfootball-btn:active{transform:none}}#ui,.tinyfootball-hud{--zn-paper: #f4f1ea;--zn-paper-2: #e9e4d8;--zn-ink: #141414;--zn-yellow: #f5c935;--zn-blue: #4fa0e0;--zn-red: #e04b3f;--zn-shadow: 0 .45em 0 rgba(0, 0, 0, .18);--zn-font: "Archivo Black", Impact, "HelveticaNeue-CondensedBlack", "Arial Narrow", system-ui, sans-serif}.zn-sheet{position:relative;background:var(--zn-paper);color:var(--zn-ink);box-shadow:var(--zn-shadow);transform:rotate(var(--zn-rot, .6deg));font-family:var(--zn-font);text-transform:uppercase;letter-spacing:.01em}.zn-torn-r{clip-path:polygon(0 0,100% 0,calc(100% - 2px) 12%,100% 26%,calc(100% - 3px) 41%,calc(100% - 1px) 57%,calc(100% - 3px) 72%,100% 86%,calc(100% - 2px) 100%,0 100%)}.zn-torn-l{clip-path:polygon(2px 0,100% 0,100% 100%,1px 100%,3px 84%,0 70%,2px 55%,0 40%,3px 24%,1px 11%)}.zn-torn-b{clip-path:polygon(0 0,100% 0,100% calc(100% - 2px),88% 100%,74% calc(100% - 3px),60% calc(100% - 1px),45% calc(100% - 3px),30% 100%,14% calc(100% - 2px),0 calc(100% - 3px))}.zn-stack:before,.zn-stack:after{content:"";position:absolute;inset:0;z-index:-1}.zn-stack:before{background:var(--zn-stack-a, var(--zn-blue));transform:translate(-.5em,.55em) rotate(-1.1deg)}.zn-stack:after{background:var(--zn-paper-2);transform:translate(.4em,-.3em) rotate(.8deg)}.zn-tab{position:absolute;width:.9em;height:.9em;background:var(--zn-yellow);top:-.35em;left:-.3em;z-index:-1;transform:rotate(-3deg)}.zn-tab--red{background:var(--zn-red)}.zn-marks:before,.zn-marks:after{position:absolute;color:color-mix(in srgb,var(--zn-ink) 65%,transparent);font-family:var(--zn-font);font-size:.8em;font-weight:400;line-height:1;pointer-events:none}.zn-marks:before{content:"+";top:.18em;left:.3em}.zn-marks:after{content:"+";bottom:.18em;right:.3em}.zn-dots{position:absolute;width:5em;height:3em;pointer-events:none;background-image:radial-gradient(var(--dot-ink, var(--zn-ink)) 34%,transparent 36%);background-size:.42em .42em;-webkit-mask-image:linear-gradient(var(--dot-fade, 105deg),#000 20%,transparent 85%);mask-image:linear-gradient(var(--dot-fade, 105deg),#000 20%,transparent 85%)}.zn-panel{background:color-mix(in srgb,var(--zn-team, var(--zn-blue)) 84%,var(--zn-paper));color:var(--zn-ink);font-family:var(--zn-font);text-transform:uppercase;display:flex;align-items:center;justify-content:center}.zn-panel--skew-r{clip-path:polygon(0 0,100% 0,calc(100% - .55em) 100%,0 100%)}.zn-panel--skew-l{clip-path:polygon(.55em 0,100% 0,100% 100%,0 100%)}.zn-panel--paper-ink{color:var(--zn-paper)}.zn-chip{background:var(--zn-ink);color:var(--zn-paper);font-family:var(--zn-font);text-transform:uppercase;padding:.2em .7em;line-height:1.25;transform:rotate(var(--zn-rot, -.5deg));box-shadow:0 .3em #00000026}.zn-meter{position:relative;height:.5em;background:var(--zn-paper-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--zn-ink) 25%,transparent);overflow:hidden}.zn-meter>i{position:absolute;inset:0 auto 0 0;width:50%;background:var(--zn-team, var(--zn-blue));transition:width 90ms linear}.zn-meter.is-charge>i{box-shadow:inset 0 0 0 1px var(--zn-yellow)}@keyframes znSlam{0%{transform:scale(1.12) rotate(-2.2deg);box-shadow:0 .1em #0000001a}to{transform:scale(1) rotate(var(--zn-rot, .6deg));box-shadow:var(--zn-shadow)}}.zn-slam{animation:znSlam .16s cubic-bezier(.2,1.4,.4,1) both}@keyframes znTearOut{to{transform:translateY(-8vh) rotate(calc(var(--zn-rot, .6deg) + 2deg));opacity:0}}.zn-tear-out{animation:znTearOut .18s ease-in both}@media(prefers-reduced-motion:reduce){.zn-slam{animation:none}.zn-tear-out{animation-duration:80ms;animation-name:znFadeOut}@keyframes znFadeOut{to{opacity:0}}}#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}.scorer-body{position:relative;display:flex;align-items:stretch;gap:.75em;margin-top:.14em;padding:.55em .85em .6em;background:color-mix(in srgb,var(--zn-team, var(--zn-blue)) 84%,var(--zn-paper));color:var(--zn-ink);font-family:var(--zn-font);text-transform:uppercase}.hud-scorewrap.is-goal-dark .scorer-body{color:var(--zn-paper)}.scorer-plate{flex:0 0 32%;align-self:flex-end;margin-top:-2.3em;margin-bottom:-.1em;padding:.22em .22em 0;--zn-rot: 1.4deg}.scorer-face{display:block;width:100%;height:auto}.scorer-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:.5em 0}.scorer-goal{font-size:clamp(28px,6.2vmin,52px);line-height:.95;letter-spacing:-.01em}.scorer-name{font-size:clamp(15px,3.2vmin,26px);margin-top:.28em;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scorer-body.is-plain .scorer-plate{display:none}#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;--gut: 10px;--menu-w: 116px;--panel-w: min(clamp(236px, 30vw, 300px), calc(100vw - var(--menu-w) - 4 * var(--gut) - 40px));position:absolute;inset:0;font-family:inherit;color:var(--text);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.dbg-menu,.dbg-panel,.dbg-gallery{pointer-events:auto}.dbg-root button:not(.dialkit-root *){appearance:none;border:0;margin:0;font-family:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.dbg-root button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dbg-blurb{position:absolute;bottom:var(--gut);left:calc(var(--menu-w) + 2 * var(--gut));right:calc(var(--panel-w) + 2 * var(--gut));display:flex;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--text);white-space:nowrap;overflow:hidden}.dbg-blurb:before{content:attr(data-text);max-width:100%;padding:4px 12px;border-radius:999px;background:#121a229e;overflow:hidden;text-overflow:ellipsis}.dbg-menu{position:absolute;top:var(--gut);bottom:var(--gut);left:var(--gut);width:var(--menu-w);display:flex}.dbg-menu-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding:8px 7px;border-radius:14px;background:#121a22e6;border:1px solid var(--line);box-shadow:0 6px 22px #0006;overflow:hidden}.dbg-brand{flex:none;padding:7px 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;text-align:center;box-shadow:0 3px 0 var(--accent-deep)}.dbg-brand:active{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-deep)}.dbg-scenes{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:3px;overflow-y:auto;scrollbar-width:none;touch-action:pan-y}.dbg-scenes::-webkit-scrollbar{display:none}.dbg-scene{flex:none;padding:8px 9px;border-radius:9px;background:var(--surface);color:var(--text-2);font-size:10px;font-weight:900;letter-spacing:.09em;text-align:left;transition:background-color .14s ease,color .14s ease}.dbg-root .dbg-scene[aria-pressed=true]{background:var(--text);color:var(--bg)}.dbg-stats{flex:none;display:flex;justify-content:space-between;gap:4px;padding-top:7px;border-top:1px solid var(--line)}.dbg-stat{display:flex;flex-direction:column;align-items:center;line-height:1;gap:3px}.dbg-stat-label{font-size:7px;font-weight:800;letter-spacing:.1em;color:var(--text-2)}.dbg-stat-value{font-size:12px;font-weight:900;color:var(--live)}.dbg-panel{position:absolute;top:var(--gut);bottom:var(--gut);right:var(--gut);width:var(--panel-w);display:flex}.dbg-dials{flex:1 1 auto;min-width:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-bottom:14px;border-radius:14px;background:#121a22e6;border:1px solid var(--line);box-shadow:0 6px 22px #0006;scrollbar-width:thin}.dbg-dials-mount{-webkit-user-select:auto;user-select:auto}.dbg-dials-tuning,.dbg-dials-facts{padding:0 12px}.dbg-dials-facts{margin-top:10px}.dbg-tune-row{display:flex;gap:6px}.dbg-tune-btn{flex:1 1 0;padding:8px 6px;border-radius:9px;background:var(--surface-2);color:var(--text);font-size:10px;font-weight:900;letter-spacing:.1em}.dbg-tune-btn--save{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-deep)}.dbg-tune-btn--save:active{transform:translateY(2px);box-shadow:0 1px 0 var(--accent-deep)}.dbg-tune-status:not(:empty){margin-top:6px;padding:4px 8px;border-radius:8px;background:#1fa85c24;font-size:9.5px;font-weight:700;line-height:1.35;color:var(--text);overflow-wrap:anywhere}.dbg-fold{position:absolute;top:0;width:24px;height:24px;border-radius:8px;background:#121a22e6;border:1px solid var(--line);color:var(--text-2);font-size:14px;font-weight:900;line-height:1;z-index:1}.dbg-menu .dbg-fold{right:-30px}.dbg-panel .dbg-fold{left:-30px}.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,.dbg-root.is-menu-shut .dbg-menu{width:0}.dbg-root.is-panel-shut .dbg-dials,.dbg-root.is-menu-shut .dbg-menu-card,.dbg-root.is-hidden .dbg-scenes,.dbg-root.is-hidden .dbg-stats,.dbg-root.is-hidden .dbg-blurb,.dbg-root.is-hidden .dbg-fold,.dbg-root.is-hidden .dbg-panel{display:none}.dbg-root.is-hidden .dbg-menu{width:auto;bottom:auto}.dbg-root.is-hidden .dbg-menu-card{display:flex;padding:4px;background:transparent;border-color:transparent;box-shadow:none}.dbg-overlay{position:absolute;inset:0;pointer-events:none}.dbg-gallery{position:absolute;top:var(--gut);bottom:calc(var(--gut) + 24px);left:calc(var(--menu-w) + 2 * var(--gut));right:calc(var(--panel-w) + 2 * var(--gut));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;border-radius:14px;background:#0d141b}.dbg-root.is-panel-shut .dbg-gallery{right:var(--gut)}.dbg-root.is-menu-shut .dbg-gallery{left:var(--gut)}.dbg-root.is-hidden .dbg-gallery{inset:0;border-radius: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-gallery{bottom:var(--gut)}}@media(max-width:720px){.dbg-root{--gut: 6px;--menu-w: 92px}.dbg-scene{padding:7px;font-size:9px;letter-spacing:.06em}}@media(prefers-reduced-motion:reduce){.dbg-root *,.dbg-root{animation-duration:.01ms!important;transition-duration:.01ms!important}}
