.fnc-interactive-field{--fnc-field-grass:#17633f;--fnc-field-line:#edf8ee;--fnc-field-offense:#155da2;--fnc-field-defense:#b72938;--fnc-field-officials:#55419a;--fnc-field-control:#f4f7fa;--fnc-field-text:#16222c;box-sizing:border-box;max-width:100%;margin:1.5rem 0;color:var(--fnc-field-text);font:inherit}.fnc-interactive-field *{box-sizing:border-box}.fnc-interactive-field [hidden]{display:none!important}.fnc-field-tabs,.fnc-field-groups,.fnc-field-scenarios{display:flex;flex-wrap:wrap;gap:.45rem;margin:.55rem 0}.fnc-interactive-field button{font:inherit;cursor:pointer}.fnc-field-tabs button,.fnc-field-groups button,.fnc-field-scenarios button{padding:.5rem .75rem;min-height:2.75rem;border:1px solid #778795;border-radius:.4rem;background:var(--fnc-field-control);color:var(--fnc-field-text)}.fnc-field-tabs button[aria-pressed=true],.fnc-field-groups button[aria-pressed=true],.fnc-field-scenarios button[aria-pressed=true]{background:#153a61;color:#fff;border-color:#153a61}.fnc-interactive-field button:focus-visible{outline:3px solid #f7b928;outline-offset:2px}.fnc-field-canvas{position:relative;max-width:100%;aspect-ratio:5/3;min-height:230px;border:2px solid #cbd6dc;border-radius:.55rem;overflow:hidden;background:var(--fnc-field-grass)}.fnc-field-canvas svg{display:block;width:100%;height:100%}.fnc-field-grass{fill:var(--fnc-field-grass)}.fnc-field-endzone{fill:rgb(0 0 0 / .22)}.fnc-field-line{stroke:var(--fnc-field-line);stroke-width:5;fill:none}.fnc-field-yard{stroke:var(--fnc-field-line);stroke-opacity:.5;stroke-width:3;fill:none}.fnc-field-los{stroke:#ffd047;stroke-width:8}.fnc-field-first{stroke:#f16b40;stroke-width:8}.fnc-field-marker{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:2.35rem;height:2.35rem;padding:0;border:2px solid #fff;color:#fff;font-size:.78rem;font-weight:700;line-height:1;text-align:center;box-shadow:0 2px 5px #0008}.fnc-field-offense{border-radius:50%;background:var(--fnc-field-offense)}.fnc-field-defense{border-radius:.25rem;background:var(--fnc-field-defense)}.fnc-field-officials{border-radius:50% 50% 15% 15%;background:var(--fnc-field-officials)}.fnc-field-marker[aria-pressed=true]{outline:3px solid #ffd047;outline-offset:2px}.fnc-field-explanation{min-height:2.5rem;margin:.8rem 0;padding:.7rem .9rem;border-left:4px solid #2e658c;background:#edf3f7;color:#16222c}.fnc-field-list{display:none;gap:.4rem;margin:.7rem 0}.fnc-field-list button{min-height:2.75rem;padding:.45rem .65rem;border:1px solid #778795;border-radius:.3rem;background:#f4f7fa;color:#16222c;text-align:left}.fnc-field-elements{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0}.fnc-field-elements button{min-height:2.5rem;padding:.35rem .6rem;border:1px solid #8b9ba7;border-radius:.3rem;background:#f4f7fa;color:#16222c}.fnc-field-editor-marker{padding:.7rem;border-top:1px solid #dcdcde;margin:.5rem 0}@media(max-width:600px){.fnc-field-canvas{min-height:190px}.fnc-field-marker{display:none}.fnc-field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fnc-field-list button{overflow-wrap:anywhere}}@media(max-width:360px){.fnc-field-list{grid-template-columns:1fr}}.fnc-interactive-field{color:inherit}.fnc-field-los{stroke:var(--fnc-learning-los,#70c9ff)}.fnc-field-first{stroke:var(--fnc-learning-target,#ffe082)}.fnc-learning-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.875rem;line-height:1.5;margin:.7rem 0}.fnc-learning-legend span{display:inline-flex;align-items:center;gap:.35rem}.fnc-learning-legend i{display:inline-block;width:1.25rem;height:4px}.fnc-key-los{background:var(--fnc-learning-los,#70c9ff)}.fnc-key-target{background:var(--fnc-learning-target,#ffe082)}.fnc-field-canvas .fnc-marker-map{position:absolute;inset:0;pointer-events:none;display:none}.fnc-marker-map .fnc-marker-dot{stroke:#fff;stroke-width:3;fill:var(--fnc-field-offense)}.fnc-marker-map text{fill:#fff;font-size:22px;font-weight:700;font-family:system-ui,sans-serif}.fnc-marker-map .fnc-visual-defense .fnc-marker-dot{fill:var(--fnc-field-defense)}.fnc-marker-map .fnc-visual-officials .fnc-marker-dot{fill:var(--fnc-field-officials)}.fnc-marker-map .is-selected .fnc-marker-dot{stroke:#ffe082;stroke-width:9}.fnc-field-list [aria-pressed=true],.fnc-formation-mobile-list [aria-pressed=true]{border-color:#153a61;background:#153a61;color:#fff;box-shadow:inset 0 0 0 2px #ffe082}.fnc-field-elements button{min-height:44px}@media(max-width:600px){.fnc-field-canvas .fnc-marker-map{display:block}.fnc-field-canvas{min-height:0;aspect-ratio:5/3}.fnc-field-list{grid-template-columns:1fr}.fnc-field-list button{font-size:.9rem}}