*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.relative{position:relative}.left-1\/2{left:50%}.z-\[70\]{z-index:70}.inline{display:inline}.flex{display:flex}.w-full{width:100%}.max-w-md{max-width:28rem}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.uppercase{text-transform:uppercase}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--paper: #f3eee2;--paper-2: #ebe4d3;--card: #fbf8f1;--card-2: #f6f1e5;--line: rgba(31, 42, 34, .12);--line-strong: rgba(31, 42, 34, .24);--ink: #1f2a22;--ink-2: #4f5e54;--ink-3: #8a9389;--green: #1f5c3a;--green-2: #2f7a4d;--green-soft: rgba(31, 92, 58, .1);--claret: #8c2f39;--claret-soft: rgba(140, 47, 57, .1);--gold: #c9a227;--gold-soft: rgba(201, 162, 39, .16);--ok: #2f7a4d;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--hud-h: 48px;--dock-w: 336px;--radius: 12px;--radius-sm: 8px;--shadow-card: 0 1px 2px rgba(31, 42, 34, .06), 0 12px 32px -18px rgba(31, 42, 34, .35);--ease-out: cubic-bezier(.16, 1, .3, 1);--grass-0: #6db35a;--grass-1: #4f9a47;--grass-2: #3a7d37;--wash-0: rgba(255, 255, 220, .18);--wash-1: rgba(255, 255, 220, 0);--wash-2: rgba(20, 50, 30, .12);--stripe: rgba(255, 255, 255, .07);--stripe-dark: rgba(0, 40, 0, .06);--mow: rgba(255, 255, 255, .05);--stand: #ddd6c4;--stand-line: rgba(31, 42, 34, .16);--crowd: rgba(31, 42, 34, .1);--crowd-dim: rgba(31, 42, 34, .07);--board-ivory: #f6f1e5;--board-claret: #8c2f39;--rope: #ffffff;--paint: rgba(255, 255, 255, .9);--paint-soft: rgba(255, 255, 255, .35);--paint-fill: rgba(255, 255, 255, .03);--close-ring: rgba(255, 244, 200, .55);--pitch-0: #c7ad6c;--pitch-1: #e2cf98;--pitch-2: #ddc88e;--pitch-3: #c2a763;--pitch-edge: rgba(90, 68, 22, .5);--pitch-roll: rgba(255, 255, 255, .12);--stump: #fff7dd;--stump-edge: #5a4416;--kit-white: #ffffff;--umpire: #f0ead8;--person-edge: rgba(31, 42, 34, .6);--person-shadow: rgba(0, 0, 0, .28);--bat: #d9b56e;--sightscreen: #ffffff;--sightscreen-edge: rgba(31, 42, 34, .45);--field-label: rgba(255, 255, 255, .72);--field-label-soft: rgba(255, 255, 255, .6);--field-endlabel: rgba(31, 42, 34, .55);--field-minilabel: rgba(31, 42, 34, .5);--token-edge: #ffffff;--token-bowler: #fbf8f1;--token-ink: #ffffff;--token-ink-role: #1f2a22;--token-shadow: rgba(0, 0, 0, .3);--token-pill: rgba(251, 248, 241, .94);--token-pill-edge: rgba(31, 42, 34, .25);--token-pill-ink: #1f2a22;--token-leader: rgba(255, 255, 255, .75);--ghost-fill: rgba(255, 255, 255, .1);--ghost-edge: rgba(255, 255, 255, .7);--ghost-ink: rgba(255, 255, 255, .92);--hot: #f2c94c;--hot-fill: rgba(242, 201, 76, .45);--hot-ink: #1f2a22;--reach-fill: rgba(255, 255, 255, .14);--reach-edge: rgba(255, 255, 255, .55);--heat-blend: multiply;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.16 0 0 0 0 0.13 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=dark]{--paper: #12181a;--paper-2: #1b2325;--card: #171f21;--card-2: #1d2628;--line: rgba(233, 240, 236, .12);--line-strong: rgba(233, 240, 236, .22);--ink: #e9f0ec;--ink-2: #a7b6ae;--ink-3: #74837b;--green: #4fae74;--green-2: #6ec78f;--green-soft: rgba(79, 174, 116, .14);--claret: #e2707c;--claret-soft: rgba(226, 112, 124, .14);--gold: #e8c14f;--gold-soft: rgba(232, 193, 79, .16);--ok: #4fae74;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -18px rgba(0, 0, 0, .8);--grass-0: #2a6b41;--grass-1: #1d5231;--grass-2: #123b24;--wash-0: rgba(226, 240, 255, .12);--wash-1: rgba(226, 240, 255, .015);--wash-2: rgba(0, 10, 5, .42);--stripe: rgba(255, 255, 255, .045);--stripe-dark: rgba(0, 0, 0, .12);--mow: rgba(255, 255, 255, .035);--stand: #1e2729;--stand-line: rgba(0, 0, 0, .45);--crowd: rgba(233, 240, 236, .07);--crowd-dim: rgba(233, 240, 236, .04);--board-ivory: #e3e6da;--board-claret: #9e3540;--rope: #f4f8f5;--paint: rgba(255, 255, 255, .82);--paint-soft: rgba(255, 255, 255, .3);--paint-fill: rgba(255, 255, 255, .025);--close-ring: rgba(255, 236, 170, .4);--pitch-0: #8d7746;--pitch-1: #b89f68;--pitch-2: #b09760;--pitch-3: #86713f;--pitch-edge: rgba(0, 0, 0, .55);--pitch-roll: rgba(255, 255, 255, .08);--stump: #fff4cf;--stump-edge: #3a2c0e;--kit-white: #f4f8f5;--umpire: #cdd6cd;--person-edge: rgba(0, 0, 0, .65);--person-shadow: rgba(0, 0, 0, .45);--bat: #c2a06a;--sightscreen: #e6ebe5;--sightscreen-edge: rgba(0, 0, 0, .5);--field-label: rgba(255, 255, 255, .62);--field-label-soft: rgba(255, 255, 255, .5);--field-endlabel: rgba(233, 240, 236, .5);--field-minilabel: rgba(233, 240, 236, .45);--token-edge: rgba(255, 255, 255, .92);--token-bowler: #e9f0ec;--token-shadow: rgba(0, 0, 0, .5);--token-pill: rgba(18, 24, 26, .9);--token-pill-edge: rgba(233, 240, 236, .28);--token-pill-ink: #e9f0ec;--token-leader: rgba(255, 255, 255, .6);--ghost-fill: rgba(255, 255, 255, .08);--ghost-edge: rgba(255, 255, 255, .55);--ghost-ink: rgba(255, 255, 255, .85);--reach-fill: rgba(255, 255, 255, .1);--reach-edge: rgba(255, 255, 255, .4);--heat-blend: screen;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}input,select,textarea{font:inherit;color:inherit}::-moz-selection{background:var(--gold-soft)}::selection{background:var(--gold-soft)}.app{height:100dvh;display:grid;grid-template-rows:var(--hud-h) 1fr;overflow:hidden;background-color:var(--paper);background-image:var(--grain)}.stage{display:grid;grid-template-columns:minmax(0,1fr) var(--dock-w);min-height:0}.field-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.field-canvas{flex:1;min-height:0;display:grid;place-items:center}.cricket-field{display:block;max-width:100%;max-height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.field-sidelabel{font-family:var(--font-body);font-weight:600;letter-spacing:.2em;fill:var(--field-label)}.field-sidelabel.is-soft{font-weight:500;letter-spacing:.06em;fill:var(--field-label-soft)}.field-endlabel{font-family:var(--font-body);font-weight:600;letter-spacing:.2em;fill:var(--field-endlabel)}.field-minilabel{font-family:var(--font-body);font-weight:500;fill:var(--field-minilabel);letter-spacing:.06em}.token-number{font-family:var(--font-body);letter-spacing:0;fill:var(--token-ink)}.token-number.is-role{fill:var(--token-ink-role)}.token-label{font:600 9px var(--font-body);letter-spacing:.02em;fill:var(--token-pill-ink)}.token-label.is-custom{fill:var(--claret)}.ghost-label{font:700 8.5px var(--font-body);letter-spacing:.04em;fill:var(--ghost-ink)}.ghost.is-hot .ghost-label{fill:var(--hot-ink)}.f-stand{fill:var(--stand)}.f-stand-line{stroke:var(--stand-line)}.f-crowd{fill:var(--crowd)}.f-crowd.is-dim{fill:var(--crowd-dim)}.f-board-frame{fill:none;stroke:var(--green)}.f-board-ivory{fill:none;stroke:var(--board-ivory)}.f-board-claret{fill:none;stroke:var(--board-claret)}.f-stripe{fill:var(--stripe)}.f-stripe.is-dark{fill:var(--stripe-dark)}.f-mow{fill:none;stroke:var(--mow)}.f-rope{fill:none;stroke:var(--rope)}.f-circle{fill:var(--paint-fill);stroke:var(--paint)}.f-close-ring{fill:none;stroke:var(--close-ring)}.f-squareline{stroke:var(--paint-soft)}.f-pitch{stroke:var(--pitch-edge)}.f-pitch-roll{stroke:var(--pitch-roll)}.f-crease{stroke:var(--rope)}.f-stump{fill:var(--stump);stroke:var(--stump-edge)}.f-person{fill:var(--kit-white);stroke:var(--person-edge)}.f-umpire{fill:var(--umpire);stroke:var(--person-edge)}.f-person-shadow{fill:var(--person-shadow)}.f-bat{stroke:var(--bat)}.f-sightscreen{fill:var(--sightscreen);stroke:var(--sightscreen-edge)}.token-disc{stroke:var(--token-edge)}.token-shadow{fill:var(--token-shadow)}.token-flag{fill:var(--claret-soft);stroke:var(--claret)}.token-ball{fill:#c8102e;stroke:var(--token-edge)}.token-pill{fill:var(--token-pill);stroke:var(--token-pill-edge)}.token-pill.is-selected{stroke:var(--gold)}.token-leader{stroke:var(--token-leader)}.token-anchor{stroke:var(--rope)}.ghost-disc{fill:var(--ghost-fill);stroke:var(--ghost-edge)}.ghost.is-hot .ghost-disc{fill:var(--hot-fill);stroke:var(--hot)}.reach{fill:var(--reach-fill);stroke:var(--reach-edge)}.reach.is-selected{fill:var(--gold-soft);stroke:var(--gold)}.heat-image{opacity:.55;mix-blend-mode:var(--heat-blend)}.fielder-token .token-ring{fill:none;stroke:var(--gold);animation:ring-pulse 1.6s var(--ease-out) infinite;transform-box:fill-box;transform-origin:center}.fielder-token-body:focus-visible>circle:nth-of-type(4){stroke:var(--gold);stroke-width:3}.fielder-token-body{transition:transform .16s var(--ease-out)}.fielder-token.is-dragging .fielder-token-body{transition:none}.ghost{transition:opacity .12s}.ghost.is-hot circle{animation:ring-pulse .9s var(--ease-out) infinite;transform-box:fill-box;transform-origin:center}@keyframes ring-pulse{0%{transform:scale(.94);opacity:1}to{transform:scale(1.18);opacity:.25}}.hud{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:0 14px;border-bottom:1px solid var(--line)}.hud-brand{display:flex;align-items:center;gap:9px}.hud-brand-mark{width:22px;height:22px;border-radius:50%;background:var(--claret);box-shadow:inset 0 0 0 2px var(--card),0 0 0 1px var(--claret);position:relative;flex-shrink:0}.hud-brand-mark:after{content:"";position:absolute;top:6px;right:10px;bottom:6px;left:10px;border-left:1.2px dashed rgba(255,255,255,.75)}.hud-title{font:700 19px/1 var(--font-display);letter-spacing:-.01em;font-variation-settings:"opsz" 72;white-space:nowrap}.hud-line{display:flex;align-items:center;gap:12px;justify-content:center;min-width:0;overflow-x:auto;scrollbar-width:none}.hud-line::-webkit-scrollbar{display:none}@supports ((-webkit-mask-image: linear-gradient(#000,#000)) or (mask-image: linear-gradient(#000,#000))){.hud-line.is-scrollable{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 22px),transparent 100%)}}.hud-sep{width:1px;height:16px;background:var(--line-strong);flex-shrink:0}.pills{display:inline-flex;padding:2px;border-radius:999px;background:var(--paper-2);flex-shrink:0}.pill{padding:4px 10px;border-radius:999px;font:600 12px/1.2 var(--font-body);color:var(--ink-2);white-space:nowrap;transition:background .14s,color .14s,box-shadow .14s}.pill:hover{color:var(--ink)}.pill.is-on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #1f2a222e,0 0 0 1px var(--line)}.pills-sm .pill{padding:3px 9px;font-size:11.5px}.format-select{display:none;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 22px 5px 10px;border:0;border-radius:999px;background:var(--paper-2);font:600 12px/1.2 var(--font-body);color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%234f5e54' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.format-select:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.theme-pills .pill{display:grid;place-items:center;padding:4px 9px}.icon-btn.theme-toggle{display:none}.stepper{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:999px;background:var(--paper-2);flex-shrink:0}.stepper button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--ink-2)}.stepper button:hover:not(:disabled){background:var(--card);color:var(--ink);box-shadow:0 1px 2px #1f2a222e}.stepper-value{display:inline-flex;align-items:baseline;gap:5px;padding:0 6px;font:700 15px/1 var(--font-display);font-variant-numeric:tabular-nums;min-width:52px;justify-content:center}.stepper-value small{font:500 10.5px var(--font-body);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.stepper-value b{font:inherit}.phase{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font-size:12px;color:var(--ink-3);flex-shrink:0}.phase b{font:600 12.5px var(--font-body);color:var(--green)}.phase-short{display:none}.hud-right{display:flex;align-items:center;gap:1px;min-width:0;overflow-x:auto;scrollbar-width:none}.hud-right::-webkit-scrollbar{display:none}.verdict{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;margin-right:6px;white-space:nowrap;flex-shrink:0}.verdict i{width:8px;height:8px;border-radius:50%}.verdict span{font:700 14px/1 var(--font-display)}.verdict small{font-size:11px;color:var(--ink-3)}.verdict.is-good i{background:var(--ok)}.verdict.is-good:hover{background:var(--green-soft)}.verdict.is-bad{background:var(--claret-soft)}.verdict.is-bad i{background:var(--claret);animation:led-blink 1.4s ease-in-out infinite}.verdict.is-bad span{color:var(--claret)}@keyframes led-blink{50%{opacity:.35}}.icon-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--ink-3);flex-shrink:0;transition:background .12s,color .12s}.icon-btn:hover:not(:disabled){background:var(--green-soft);color:var(--ink)}.icon-btn.is-on{background:var(--ink);color:var(--card)}.icon-btn.is-danger:hover{background:var(--claret-soft);color:var(--claret)}.tools{display:flex;align-items:center;gap:1px}.tools .hud-sep{margin:0 4px}.dock{width:var(--dock-w);display:grid;grid-template-rows:auto 1fr;min-height:0;border-left:1px solid var(--line);background:var(--card);overflow:hidden}.dock-head{display:flex;align-items:center;gap:2px;padding:6px 8px 0 12px;border-bottom:1px solid var(--line)}.dock-tabs{display:flex;flex:1;gap:14px}.dock-tab{position:relative;padding:8px 0 9px;font:600 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border-bottom:1.5px solid transparent;margin-bottom:-1px}.dock-tab:hover{color:var(--ink-2)}.dock-tab.is-on{color:var(--ink);border-bottom-color:var(--ink)}.dock-badge{position:absolute;top:1px;right:-12px;min-width:14px;height:14px;padding:0 4px;border-radius:999px;background:var(--claret);color:#fff;font:700 9.5px/14px var(--font-body);text-align:center;letter-spacing:0}.dock-expand{display:none}.dock-close{display:inline-grid}.dock-body{overflow-y:auto;padding:14px 16px 18px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.tab{display:flex;flex-direction:column;gap:14px}.tab-row{display:flex;align-items:center;gap:8px}.tab-row.wrap{flex-wrap:wrap}.tab-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.tab-heading{margin:6px 0 0;font:600 10.5px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:baseline;gap:8px}.tab-heading-hint{font:400 10.5px var(--font-body);letter-spacing:0;text-transform:none}.tab-hint{margin:0;font-size:12px;color:var(--ink-2);line-height:1.4}.tab-hint b{color:var(--green)}.team-name{flex:1;min-width:0;background:transparent;border:0;padding:2px 0;font:700 20px/1.15 var(--font-display);font-variation-settings:"opsz" 40;letter-spacing:-.01em;outline:none;color:var(--ink)}.team-name:focus{box-shadow:0 1px 0 var(--green)}.settings-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.setting{display:flex;align-items:center;gap:8px}.kit-swatches{display:flex;gap:5px}.kit-swatch{width:16px;height:16px;border-radius:50%;border:0;box-shadow:0 0 0 1px #1f2a222e;transition:transform .12s}.kit-swatch:hover{transform:scale(1.12)}.kit-swatch.is-on{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--ink)}.squad{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.squad-row{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--line);margin:0 -6px;padding:0 6px;border-radius:8px}.squad-row:last-child{border-bottom:0}.squad-row.is-selected{background:var(--paper-2);border-bottom-color:transparent;box-shadow:inset 2px 0 0 var(--ink)}.squad-row.is-empty{opacity:.5;padding:7px 6px;gap:10px}.squad-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:7px 4px;text-align:left}.squad-jersey{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--font-body);box-shadow:0 0 0 1.5px #fff inset,0 1px 2px #1f2a224d}.squad-row.is-empty .squad-jersey{box-shadow:0 0 0 1px var(--line-strong) inset;color:var(--ink-3);background:transparent}.squad-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.squad-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-pos{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-pos.is-custom{font-style:italic}.squad-pos small{color:var(--ink-3);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.squad-input{width:100%;background:#fff;border:1px solid var(--line-strong);border-radius:6px;padding:2px 6px;outline:none;font-size:13px}.squad-actions{display:flex;opacity:.35;transition:opacity .12s}.squad-row:hover .squad-actions,.squad-row:focus-within .squad-actions{opacity:1}@media (hover: hover){.squad-actions{opacity:0}}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--green);color:#fff;font:600 11.5px/1 var(--font-body);letter-spacing:.04em;transition:transform .12s var(--ease-out),filter .12s}.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line-strong)}.btn-ghost:hover:not(:disabled){color:var(--ink);background:var(--green-soft)}.btn-ghost.is-danger{color:var(--claret)}.preset-group{display:flex;flex-direction:column;gap:2px}.preset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.preset-card{position:relative;display:flex;align-items:stretch;margin:0 -6px;border-radius:8px;border-bottom:1px solid var(--line);transition:background .12s}.preset-card:last-child{border-bottom:0}.preset-card:hover{background:var(--green-soft);border-bottom-color:transparent}.preset-card.is-on{background:var(--green-soft);border-bottom-color:transparent;box-shadow:inset 2px 0 0 var(--green)}.preset-card.is-mine{box-shadow:inset 2px 0 0 var(--ink)}.preset-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:9px 10px;text-align:left}.preset-name{font:700 14px/1.2 var(--font-display);font-variation-settings:"opsz" 20}.preset-meta{font-size:10.5px;color:var(--ink-3);letter-spacing:.02em}.preset-desc{font-size:11.5px;color:var(--ink-2);line-height:1.35;margin-top:2px}.preset-delete{align-self:center;margin-right:4px;opacity:.35}.preset-card:hover .preset-delete{opacity:1}.pos-group{display:flex;flex-direction:column;gap:4px}.pos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 12px}.pos-chip{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--line);text-align:left;transition:background .12s;border-radius:6px}.pos-chip:hover:not(:disabled){background:var(--green-soft);border-bottom-color:transparent}.pos-chip.is-taken{opacity:.4}.pos-abbr{font:700 10px var(--font-body);letter-spacing:.06em;color:var(--ink-3);min-width:26px}.pos-name{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-occ{font-size:10px;color:var(--ink-3);font-variant-numeric:tabular-nums}.rules-status{display:flex;align-items:center;gap:10px;padding:4px 0 10px;border-bottom:1px solid var(--line)}.rules-status .ok{color:var(--ok)}.rules-status .bad{color:var(--claret)}.rules-title{font:700 17px/1.1 var(--font-display);font-variation-settings:"opsz" 20}.rules-sub{font-size:11px;color:var(--ink-2)}.meter{display:flex;flex-direction:column;gap:4px}.meter-head{display:flex;justify-content:space-between;font-size:12px}.meter-value{font:700 14px var(--font-display);font-variant-numeric:tabular-nums}.meter-bar{height:4px;border-radius:999px;background:var(--paper-2);overflow:hidden}.meter-bar span{display:block;height:100%;background:var(--green-2);transition:width .24s var(--ease-out)}.meter.is-over .meter-bar span{background:var(--claret)}.meter.is-over .meter-value{color:var(--claret)}.meter-hint{font-size:10.5px;color:var(--ink-3)}.issue-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.issue{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;font-size:12px;line-height:1.35}.issue svg{flex-shrink:0;margin-top:1px}.issue button{text-align:left;color:inherit}.issue button:hover:not(:disabled){text-decoration:underline}.issue.is-error{background:var(--claret-soft);color:var(--claret)}.issue.is-warn{background:var(--paper-2);color:var(--ink-2)}.issue.is-ok{color:var(--ink-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:#1f2a2273}.modal{width:min(460px,100%);max-height:90dvh;overflow:auto;border-radius:16px;border:1px solid var(--line-strong);background:var(--card);box-shadow:0 30px 60px -20px #1f2a2280;animation:modal-in .22s var(--ease-out)}.modal.is-wide{width:min(760px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--line)}.modal-title{margin:0;font:700 22px/1 var(--font-display);font-variation-settings:"opsz" 40}.modal-body{padding:16px;display:flex;flex-direction:column;gap:14px}.modal-lead{margin:0;color:var(--ink-2);line-height:1.5;font-size:13px}.modal-foot{margin:0;font-size:11.5px;color:var(--ink-3);line-height:1.5}.modal-foot a{color:var(--green)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.help-steps{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:10px}.help-steps li{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.45;color:var(--ink-2)}.help-steps b{color:var(--ink);font:700 15px var(--font-display);font-variation-settings:"opsz" 20}.help-steps li::marker{color:var(--claret);font-weight:700}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2)}.field em{color:var(--ink-3);font-style:normal}.field input,.field select,.field textarea{background:#fff;border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px;outline:none;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.range{display:flex;flex-direction:column;gap:6px}.range-head{display:flex;justify-content:space-between;font-size:13px}.range-head b{font:700 16px var(--font-display);color:var(--green)}.range input{accent-color:var(--green)}.toast-stack{bottom:76px}.toast{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);font-size:13px;line-height:1.4;box-shadow:0 8px 24px -12px #1f2a2259;pointer-events:auto;animation:toast-in .18s var(--ease-out)}.toast svg:first-child{flex-shrink:0;margin-top:1px}.toast-success svg:first-child{color:var(--ok)}.toast-warning svg:first-child{color:var(--ink-2)}.toast-error{border-color:#8c2f3980}.toast-error svg:first-child{color:var(--claret)}.toast-info svg:first-child{color:var(--green)}.toast-text{flex:1}.toast-close{color:var(--ink-3);padding:2px;border-radius:6px}.toast-close:hover{color:var(--ink);background:var(--green-soft)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}.crash{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--paper)}.crash-card{width:min(440px,100%);padding:24px;border-radius:16px;border:1px solid rgba(140,47,57,.4);background:var(--card)}.crash-title{margin:0 0 6px;font:700 22px var(--font-display);color:var(--claret)}.crash-text{margin:0 0 16px;color:var(--ink-2);font-size:13px}@media (max-width: 1100px){:root{--dock-w: 310px}}@media (max-width: 900px){:root{--hud-h: 84px}.hud{grid-template-columns:auto minmax(0,1fr);grid-template-rows:40px 1fr;gap:0 6px;padding:0 8px 6px;align-items:center}.hud-brand{grid-column:1;grid-row:1}.hud-title{display:none}.hud-right{grid-column:2;grid-row:1;justify-content:flex-end}.hud-line{grid-column:1 / -1;grid-row:2;justify-content:flex-start;gap:10px}.icon-btn{width:28px;height:28px}.verdict{padding:4px 8px;margin-right:2px}.verdict small{display:none}.tools .hud-sep{margin:0 2px}.hud-line{gap:5px}.hud-line .hud-sep{display:none}.hud-line .pill{padding:5px 9px}.hud-line .icon-btn{width:27px;height:27px}.stepper button{width:22px;height:22px}.format-pills{display:none}.format-select{display:inline-block}.theme-pills{display:none}.icon-btn.theme-toggle{display:inline-grid}.stepper-value{min-width:0;padding:0 3px}.stepper-value small,.phase{display:none}.stage{grid-template-columns:1fr;grid-template-rows:auto minmax(120px,1fr);padding:0;gap:0}.field-canvas{aspect-ratio:1;max-height:64dvh;width:100%}.dock{width:auto;border-left:0;border-top:1px solid var(--line)}.dock.is-expanded{position:fixed;left:0;right:0;bottom:0;top:var(--hud-h);z-index:40}.dock-expand{display:inline-grid}.dock-close{display:none}.modal{width:100%;max-height:92dvh}.toast-stack{bottom:auto;top:calc(var(--hud-h) + 8px)}}@media (max-width: 900px) and (orientation: landscape){:root{--hud-h: 48px}.hud{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr;padding:0 8px}.hud-brand{display:none}.hud-line{grid-column:1;grid-row:1}.hud-right{grid-column:2;grid-row:1}.stage{grid-template-columns:minmax(0,1fr) minmax(260px,38vw);grid-template-rows:1fr}.field-canvas{aspect-ratio:auto;max-height:none}.dock{border-top:0;border-left:1px solid var(--line)}.dock.is-expanded{position:static}}