.field-stack{display:grid;gap:0;margin:0 calc(-1 * var(--space-md))}.field-stack--with-toggle{gap:.5rem}.field-stack__toggle-row{display:flex;justify-content:center}.field-stack__toggle-row--placeholder{pointer-events:none}.field-stack__toggle-skeleton{position:relative;display:block;overflow:hidden;width:5.8rem;height:1.55rem;border-radius:999px;background:color-mix(in srgb,var(--color-text-muted) 14%,var(--color-secondary-soft))}.field-stack__toggle-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,white 40%,transparent) 50%,transparent 100%);animation:field-toggle-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes field-toggle-skeleton-shimmer{to{transform:translate(100%)}}.field{--field-line-color: color-mix(in srgb, #ffffff 18%, transparent);--field-marking-color: color-mix(in srgb, #ffffff 13%, transparent);--field-surface-main: #1d5628;--field-surface-alt: #225f2e;position:relative;container-type:inline-size;container-name:field;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:color-mix(in srgb,var(--field-surface-main) 88%,#0e1c12);border:1px solid color-mix(in srgb,var(--field-line-color) 42%,transparent)}:root[data-theme=light] .field{--field-surface-main: #2a7a3b;--field-surface-alt: #2f8541}.field__scene{position:absolute;inset:0}.field[data-field-restricted=true] .field__scene:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,#020617 22%,transparent);z-index:3;pointer-events:none}@media (prefers-reduced-motion: reduce){.field-stack__toggle-skeleton:after{animation:none}}.field__pitch{position:absolute;inset:0;background:repeating-linear-gradient(to right,color-mix(in srgb,var(--field-surface-main) 86%,#0f2315) 0 12.5%,color-mix(in srgb,var(--field-surface-alt) 84%,#122818) 12.5% 25%)}.field__center-line,.field__center-circle,.field__center-spot,.field__penalty-area,.field__goal-area,.field__penalty-spot,.field__penalty-arc{position:absolute;pointer-events:none}.field__center-line{top:0;bottom:0;left:50%;width:2px;background:var(--field-line-color);transform:translate(-50%)}.field__center-circle{top:50%;left:50%;width:19.5%;aspect-ratio:1;border:2px solid var(--field-marking-color);border-radius:999px;transform:translate(-50%,-50%)}.field__center-spot{top:50%;left:50%;width:.36%;min-width:3px;aspect-ratio:1;border-radius:999px;background:color-mix(in srgb,#ffffff 38%,transparent);transform:translate(-50%,-50%)}.field__penalty-area{top:20%;width:17%;height:60%;border:2px solid var(--field-marking-color)}.field__penalty-area--left{left:0;border-left:0}.field__penalty-area--right{right:0;border-right:0}.field__goal-area{top:33%;width:7%;height:34%;border:2px solid var(--field-marking-color)}.field__goal-area--left{left:0;border-left:0}.field__goal-area--right{right:0;border-right:0}.field__penalty-spot{top:50%;width:.36%;min-width:3px;aspect-ratio:1;border-radius:999px;background:color-mix(in srgb,#ffffff 30%,transparent);transform:translateY(-50%)}.field__penalty-spot--left{left:11.5%}.field__penalty-spot--right{right:11.5%}.field__penalty-arc{top:50%;width:10%;aspect-ratio:1;border:2px solid var(--field-marking-color);border-radius:999px;transform:translateY(-50%)}.field__penalty-arc--left{left:12%;clip-path:inset(0 0 0 50%)}.field__penalty-arc--right{right:12%;clip-path:inset(0 50% 0 0)}.field__lineup{position:absolute;z-index:2;top:0;bottom:0;width:50%;display:grid;align-content:stretch;pointer-events:none}.field__lineup--home{left:0}.field__lineup--away{right:0}.field__lineup *{pointer-events:auto}.field__overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:.85rem;pointer-events:none;text-align:center}.field__overlay>*{pointer-events:auto}.field__side-fallback{display:grid;place-items:center;padding:.85rem;text-align:center}.field__side-fallback>*{pointer-events:auto}.field__overlay-content{max-width:min(100%,30rem);padding:.4rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,#ffffff 28%,transparent);background:color-mix(in srgb,#09160e 72%,transparent);color:color-mix(in srgb,#ffffff 95%,#e2e8f0);font-size:clamp(.8rem,2.4cqw,.93rem);line-height:1.3;font-weight:600;text-shadow:0 1px 2px color-mix(in srgb,#000000 42%,transparent)}.field[data-field-view=half-home] .field__lineup--home,.field[data-field-view=half-away] .field__lineup--away{width:100%}.field[data-field-view=half-home] .field__lineup--away,.field[data-field-view=half-away] .field__lineup--home{display:none}.field[data-field-view=half-home] .field__side-fallback,.field[data-field-view=half-away] .field__side-fallback{width:100%}.field[data-field-view=half-home] .field__center-line{left:100%}.field[data-field-view=half-away] .field__center-line{left:0}.field[data-field-view=half-home] .field__center-circle{left:100%;clip-path:inset(0 50% 0 0)}.field[data-field-view=half-away] .field__center-circle{left:0;clip-path:inset(0 0 0 50%)}.field[data-field-view=half-home] .field__center-spot{left:100%}.field[data-field-view=half-away] .field__center-spot{left:0}.field[data-field-view=half-home] .field__penalty-area--right,.field[data-field-view=half-home] .field__goal-area--right,.field[data-field-view=half-home] .field__penalty-spot--right,.field[data-field-view=half-home] .field__penalty-arc--right,.field[data-field-view=half-home] .field__team-badge--away,.field[data-field-view=half-away] .field__penalty-area--left,.field[data-field-view=half-away] .field__goal-area--left,.field[data-field-view=half-away] .field__penalty-spot--left,.field[data-field-view=half-away] .field__penalty-arc--left,.field[data-field-view=half-away] .field__team-badge--home{display:none}.field__team-badge{position:absolute;z-index:5;width:1.6rem;height:1.6rem;overflow:hidden;pointer-events:none}.field__team-badge img{width:100%;height:100%;object-fit:cover;display:block}.field__team-badge--muted{opacity:.6}.field__team-badge--home{left:.45rem;bottom:.45rem}.field__team-badge--away{right:.45rem;bottom:.45rem}.field__lineup-status{position:absolute;z-index:1;pointer-events:none}.field__lineup-status--global{top:.45rem;right:.45rem}.field__lineup-status--home{top:.45rem;left:.45rem}.field__lineup-status--away{top:.45rem;right:.45rem}.field[data-field-view=half-home] .field__lineup-status--away,.field[data-field-view=half-away] .field__lineup-status--home{display:none}@media (max-width: 40rem){.field{aspect-ratio:9 / 16}.field__scene{top:50%;left:50%;width:177.7778%;height:56.25%;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}.field .lineup-position{transform:rotate(-90deg);transform-origin:center}.field__overlay{padding:.65rem}.field__overlay-content{font-size:clamp(.76rem,2.2cqw,.88rem)}.field__team-badge{width:1.48rem;height:1.48rem}.field__team-badge--home{left:.4rem;top:.4rem;bottom:auto}.field__team-badge--away{left:.4rem;right:auto;bottom:.4rem}.field__lineup-status{top:.4rem}.field__lineup-status--global{right:.4rem}.field__lineup-status--home{left:auto;right:.4rem}.field__lineup-status--away{top:auto;right:.4rem;bottom:.4rem;left:auto}.field[data-field-view=half-home],.field[data-field-view=half-away]{aspect-ratio:4 / 3}.field[data-field-view=half-home] .field__scene,.field[data-field-view=half-away] .field__scene{top:0;left:0;width:100%;height:100%;transform:none}.field[data-field-view=half-home] .lineup-position,.field[data-field-view=half-away] .lineup-position{transform:none}}