.pitch{position:relative;width:100%;aspect-ratio:100 / 96;min-height:max(calc(var(--rows, 3) * 134px / .58),700px);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);background:repeating-linear-gradient(180deg,transparent 0 9.09%,color-mix(in srgb,#fff 2.2%,transparent) 9.09% 18.18%),radial-gradient(120% 70% at 50% 45%,color-mix(in srgb,#2fbf86 13%,var(--panel)),color-mix(in srgb,#2fbf86 6%,var(--bg-2)))}:root[data-theme=light] .pitch{border-color:#3f7d38;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1 .28' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .06 0 0 0 0 .2 0 0 0 0 .04 1.6 0 0 0 -.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='h'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6 .5' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 1 0 0 0 0 .75 0 1.4 0 0 -.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23h)'/%3E%3C/svg%3E"),radial-gradient(125% 85% at 50% 42%,transparent 50%,rgba(18,52,20,.32) 100%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%,transparent 70%,rgba(0,0,0,.06)),repeating-linear-gradient(180deg,#4f9645 0 9.09%,#5ba351 9.09% 18.18%)}:root[data-theme=light] .pitch-lines{stroke:#ffffffc7}:root[data-theme=light] .pitch-lines *{stroke-width:1.6px}:root[data-theme=light] .pitch-mark{color:#fffc;text-shadow:0 1px 2px rgba(0,0,0,.25)}:root[data-theme=light] .tk-nm{background:#ffffffe6;box-shadow:0 1px 3px #0000002e}:root[data-theme=light] .tk-pr{background:#ffffffe6}.pitch-lines{position:absolute;inset:2% 2.5%;width:95%;height:96%;fill:none;stroke:color-mix(in srgb,var(--ink) 13%,transparent);stroke-width:.35;vector-effect:non-scaling-stroke}.pitch-lines *{vector-effect:non-scaling-stroke;stroke-width:1.2px}.pitch-tokens{position:absolute;inset:0 2%}.pitch-mark{position:absolute;left:calc(2.5% + 14px);top:calc(2% + 12px);display:inline-flex;align-items:center;gap:6px;font-family:var(--num);font-size:13px;font-weight:800;letter-spacing:-.01em;color:color-mix(in srgb,var(--ink) 42%,transparent);pointer-events:none;user-select:none}.pitch-mark svg{width:16px;height:16px;opacity:.75}.tk{position:absolute;width:120px;margin-left:-60px;margin-top:-42px;display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:left .28s cubic-bezier(.3,.7,.2,1),top .28s cubic-bezier(.3,.7,.2,1)}.tk-card{position:relative;width:72px;height:72px;border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--panel-3) 92%,#fff 8%),var(--panel));box-shadow:0 6px 16px #00000047,inset 0 0 0 1px color-mix(in srgb,#fff 8%,transparent);transition:transform .15s,box-shadow .15s}:root[data-theme=light] .tk-card{background:linear-gradient(180deg,#ffffff38,#103a1680);box-shadow:0 6px 14px #00000038,inset 0 0 0 1.5px #ffffff73}.tk-card img.face{position:absolute;left:50%;bottom:0;width:70px;height:70px;transform:translate(-50%);object-fit:contain;object-position:bottom;border-radius:0 0 14px 14px}.tk .lvb{position:absolute;left:-6px;top:-6px}.tk-tr{position:absolute;right:-7px;top:-7px;display:flex;flex-direction:column;gap:2px}.tk-tr img{width:22px;height:22px;border-radius:50%;background:#191c24;padding:1px;box-shadow:0 1px 3px #0006}.tk-tr img.g5{width:18px;height:18px}.tk-ovr{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:5px;background:#12151c;color:#fff;font-family:var(--num);font-size:11.5px;font-weight:800;white-space:nowrap;box-shadow:0 1px 3px #00000059}.tk-ovr i{font-style:normal;font-size:10px;font-weight:700;color:#9aa3b5}.tk-ovr.off i{color:var(--warn)}.tk-nm{display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;margin-top:12px;padding:2px 6px;border-radius:5px;background:color-mix(in srgb,var(--bg-2) 70%,transparent);font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap}.tk-nm img{height:13px;width:auto;flex:none}.tk-nm span{overflow:hidden;text-overflow:ellipsis}.tk-nm .fl{display:none}.tk-sub{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:3px;font-family:var(--num);font-size:11px;font-weight:800;line-height:1;white-space:nowrap}.tk-sub:empty{display:none}.pitch .tk[data-line=gk]{margin-top:-66px}.tk-pay{display:inline-flex;align-items:center;gap:2px;height:16px;padding:0 5px;border-radius:4px;background:#2a3040;color:#fff;box-shadow:0 1px 2px #0000004d}:root[data-theme=light] .tk-pay{background:#12151c}.tk-pay i{font-family:var(--font);font-style:normal;font-size:9.5px;font-weight:700;color:#9aa3b5}.tk-pr{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:4px;background:color-mix(in srgb,var(--bg-2) 70%,transparent);color:var(--bp)}:root[data-theme=light] .tk-pr{color:#9a6a00}.pitch-hud{position:absolute;bottom:12px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;min-width:132px;border-radius:12px;background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);box-shadow:0 4px 14px #00000024;backdrop-filter:blur(6px);pointer-events:none}.pitch-hud[hidden]{display:none}.pitch-hud.l{left:12px}.pitch-hud.r{right:12px}.pitch-hud .h-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pitch-hud small{font-size:11px;font-weight:700;color:var(--ink-3);white-space:nowrap}.pitch-hud b{font-family:var(--num);font-size:17px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.pitch-hud b i{font-style:normal;font-size:12px;font-weight:700;color:var(--ink-3)}.pitch-hud .bp{color:var(--bp)}:root[data-theme=light] .pitch-hud .bp{color:#9a6a00}.pitch-hud .h-sub{font-size:10.5px;font-weight:600;color:var(--ink-4)}.pitch-hud .h-bar{height:5px;border-radius:5px;background:color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden}.pitch-hud .h-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .25s}.pitch-hud .h-bar.full i{background:var(--bp)}.pitch-hud .h-bar.over i{background:var(--down)}.pitch-hud .over{color:var(--down)}@media(hover:hover){.tk:hover .tk-card{transform:translateY(-2px);box-shadow:0 10px 22px #00000057,inset 0 0 0 1px color-mix(in srgb,#fff 12%,transparent)}:root[data-theme=light] .tk:hover .tk-card{box-shadow:0 10px 22px #0000004d,inset 0 0 0 1.5px #ffffffb3}}.tk-nm .sh{display:inline}@media(max-width:1180px){.tk{width:100px;margin-left:-50px}.tk-card{width:62px;height:62px;border-radius:12px}.tk-card img.face{width:60px;height:60px;border-radius:0 0 12px 12px}}@media(max-width:720px){.pitch{aspect-ratio:100 / 134;min-height:max(calc(var(--rows, 3) * 98px / .58),490px)}.pitch .tk[data-line=gk]{margin-top:-50px}.pitch-tokens{inset:0 1%}.pitch-mark{left:calc(2.5% + 8px);top:calc(2% + 8px);gap:4px;font-size:10.5px}.pitch-mark svg{width:12px;height:12px}.tk{width:68px;margin-left:-34px;margin-top:-38px}.tk-card{width:50px;height:50px;border-radius:11px}.tk-card img.face{width:49px;height:49px;border-radius:0 0 11px 11px}.tk .lvb{min-width:18px;height:17px;font-size:10.5px;left:-5px;top:-5px;padding:0 4px}.tk-tr{right:-5px;top:-5px}.tk-tr img{width:17px;height:17px}.tk-tr img.g5{width:14px;height:14px}.tk-ovr{height:16px;font-size:10.5px;padding:0 4px;bottom:-7px}.tk-ovr i{display:none}.tk-nm{margin-top:9px;font-size:10.5px;padding:1px 3px;gap:2px}.tk-nm img{height:10px}.tk-pr{display:none}.tk-sub{margin-top:2px;font-size:9.5px}.tk-pay{height:13px;padding:0 3px}.tk-pay i{display:none}.pitch-hud{bottom:8px;padding:7px 8px;min-width:0;gap:4px;border-radius:10px}.pitch-hud.l{left:8px}.pitch-hud.r{right:8px}.pitch-hud small{font-size:10px}}