:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7f4;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--bg: #0c1113;--line: rgba(232, 238, 229, .1);--muted: #8a9794;--chalk: #eaf0e6;--marker: #efc83d;--pitch: #14532d;--pitch-dark: #114627;--pitch-line: rgba(238, 246, 233, .78);--red: #e0483f;--blue: #3573d9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(1200px 700px at 50% -10%,rgba(38,60,50,.5),transparent 70%),var(--bg)}button{font:inherit;cursor:pointer}.shell{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:10px;min-width:0}.brand strong{color:var(--marker);font-size:17px;letter-spacing:.08em}.brand span{color:var(--muted);font-size:12px;white-space:nowrap}.possession{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--chalk);font-size:12.5px;font-weight:700}.possession i{width:9px;height:9px;border-radius:999px;background:var(--muted)}.possession.home i{background:var(--red)}.possession.away i{background:var(--blue)}.reset{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:#ffffff0d;color:var(--chalk);font-size:12.5px;font-weight:700;transition:border-color .14s ease,background .14s ease}.reset:hover{border-color:#ffffff4d;background:#ffffff17}.board{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;gap:10px;min-height:0;padding:22px 22px 16px}.pitch{width:100%;max-width:min(100%,calc((100vh - 150px) * 105 / 68));height:auto;max-height:100%;border-radius:8px;background:repeating-linear-gradient(90deg,var(--pitch) 0,var(--pitch) 9.5%,var(--pitch-dark) 9.5%,var(--pitch-dark) 19%);box-shadow:0 30px 90px #00000073,inset 0 0 80px #00000038;touch-action:none;-webkit-user-select:none;user-select:none}.markings rect,.markings line,.markings circle,.markings path{fill:none;stroke:var(--pitch-line);stroke-width:.3;vector-effect:non-scaling-stroke}.markings .spot{fill:var(--pitch-line);stroke:none}.markings .goal{fill:#eef6e940;stroke:var(--pitch-line)}.trails polyline{fill:none;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.22}.trails polyline.home{stroke:#ff8a80}.trails polyline.away{stroke:#8ab4ff}.intent{pointer-events:none}.intent line{stroke-width:.28;stroke-dasharray:1 1.1;vector-effect:non-scaling-stroke}.intent circle{fill:none;stroke-width:.3;stroke-dasharray:.9 .9}.intent .home line,.intent .home circle{stroke:#ffd3cf}.intent .away line,.intent .away circle{stroke:#cfe0ff}.player{cursor:grab}.player.dragging{cursor:grabbing}.player .halo{fill:transparent;stroke:none}.player .body{stroke:#f8faf4f2;stroke-width:.4;filter:drop-shadow(0 .5px .6px rgba(0,0,0,.45));transition:stroke-width .12s ease}.player.home .body{fill:var(--red)}.player.away .body{fill:var(--blue)}.player.dragging .body{stroke:var(--marker);stroke-width:.6}.player.carrier .halo{fill:none;stroke:var(--marker);stroke-width:.32;stroke-dasharray:1.2 1;opacity:.9}.player text{fill:#fff;font-size:2px;font-weight:900;text-anchor:middle;pointer-events:none}.ball{cursor:grab}.ball .halo{fill:transparent}.ball .body{fill:#fdf6dd;stroke:#10150f;stroke-width:.22;filter:drop-shadow(0 .5px .6px rgba(0,0,0,.5))}.ball.dragging .body{stroke:var(--marker)}.hint{margin:0;color:var(--muted);font-size:12.5px;text-align:center;transition:opacity .6s ease}.hint.seen{opacity:.35}@media(max-width:640px){.topbar{flex-wrap:wrap;padding:12px 14px}.board{padding:14px 10px 12px}}