:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}[data-v-a7dc7640]{margin:0;padding:0;box-sizing:border-box}.container[data-v-a7dc7640]{max-width:1300px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-a7dc7640]{font-size:24px;font-weight:700;text-align:left;margin-bottom:16px}.control-panel[data-v-a7dc7640]{display:flex;justify-content:space-between;margin-bottom:16px;position:sticky;top:0;z-index:100;background-color:#fff;padding:10px 0}.color-selectors[data-v-a7dc7640]{display:flex;gap:16px}.color-selector[data-v-a7dc7640]{width:180px}.color-selector label[data-v-a7dc7640]{display:block;font-size:14px;font-weight:500;margin-bottom:4px}select[data-v-a7dc7640]{width:100%;padding:6px;border-radius:4px;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d}.button-group[data-v-a7dc7640]{display:flex;gap:8px;justify-self:end}button[data-v-a7dc7640]{display:flex;align-items:center;padding:8px 12px;border-radius:4px;border:none;font-weight:500;cursor:pointer;box-shadow:0 1px 3px #0000001a}.button-save[data-v-a7dc7640]{background-color:#3b82f6;color:#fff}.button-save[data-v-a7dc7640]:hover{background-color:#2563eb}.button-reset[data-v-a7dc7640]{background-color:#6b7280;color:#fff}.button-reset[data-v-a7dc7640]:hover{background-color:#4b5563}.button-draw[data-v-a7dc7640]{background-color:#10b981;color:#fff}.button-draw[data-v-a7dc7640]:hover{background-color:#059669}.button-clear[data-v-a7dc7640]{background-color:#ef4444;color:#fff}.button-clear[data-v-a7dc7640]:hover{background-color:#dc2626}.icon[data-v-a7dc7640]{margin-right:4px;width:16px;height:16px}.main-content[data-v-a7dc7640]{display:flex;gap:20px;justify-content:space-between}.soccer-field[data-v-a7dc7640]{position:relative;width:1000px;height:700px;background-color:#22c55e;border-radius:8px;overflow:hidden;flex-shrink:0;touch-action:none}.drawing-canvas[data-v-a7dc7640]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;touch-action:none}.field-border[data-v-a7dc7640]{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid white}.center-line[data-v-a7dc7640]{position:absolute;top:50%;left:0;right:0;border-top:2px solid white}.center-circle[data-v-a7dc7640]{position:absolute;top:50%;left:50%;width:150px;height:150px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%)}.penalty-area-top[data-v-a7dc7640]{position:absolute;top:0;left:50%;width:360px;height:150px;border:2px solid white;transform:translate(-50%)}.penalty-area-bottom[data-v-a7dc7640]{position:absolute;bottom:0;left:50%;width:360px;height:150px;border:2px solid white;transform:translate(-50%)}.goal-area-top[data-v-a7dc7640]{position:absolute;top:0;left:50%;width:180px;height:60px;border:2px solid white;transform:translate(-50%)}.goal-area-bottom[data-v-a7dc7640]{position:absolute;bottom:0;left:50%;width:180px;height:60px;border:2px solid white;transform:translate(-50%)}.ball[data-v-a7dc7640]{position:absolute;display:flex;align-items:center;justify-content:center;cursor:move;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);z-index:1;touch-action:none}.ball.selected[data-v-a7dc7640]{z-index:10}.ball-token[data-v-a7dc7640]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px #0003;font-size:16px}.ball-token.selected[data-v-a7dc7640]{border:2px solid yellow}.player[data-v-a7dc7640]{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:move;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);z-index:1;touch-action:none}.player.selected[data-v-a7dc7640]{z-index:10}.player-token[data-v-a7dc7640]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 4px #0003}.player-token.selected[data-v-a7dc7640]{border:2px solid white}.player-name[data-v-a7dc7640]{font-size:12px;font-weight:700;background-color:#fff;padding:0 4px;border-radius:4px;margin-top:4px;box-shadow:0 1px 2px #0000001a}.edit-panel[data-v-a7dc7640]{width:250px;padding:16px;border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;align-self:flex-start;position:sticky;top:20px}.edit-panel-header[data-v-a7dc7640]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.edit-panel h3[data-v-a7dc7640]{font-weight:700}.close-button[data-v-a7dc7640]{background:none;border:none;cursor:pointer;box-shadow:none;padding:4px}.edit-form[data-v-a7dc7640]{display:grid;flex-direction:column;gap:16px}.form-group label[data-v-a7dc7640]{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.form-group input[data-v-a7dc7640]{width:100%;padding:6px;border-radius:4px;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d}.update-button[data-v-a7dc7640]{margin-top:12px;background-color:#3b82f6;color:#fff;width:100%;justify-content:center}.update-button[data-v-a7dc7640]:hover{background-color:#2563eb}@media (max-width: 768px){.container[data-v-a7dc7640]{max-width:100%;padding:0;font-family:Arial,sans-serif}.control-panel[data-v-a7dc7640]{flex-direction:column;justify-content:flex-start;position:static;top:auto}.color-selectors[data-v-a7dc7640]{width:100%;flex-wrap:wrap;gap:8px;margin-bottom:8px}.color-selector[data-v-a7dc7640]{width:100%}.button-group[data-v-a7dc7640]{width:100%;flex-wrap:wrap;gap:8px;margin-top:8px}.main-content[data-v-a7dc7640]{flex-direction:column}.soccer-field[data-v-a7dc7640]{height:700px;margin-bottom:20px}.edit-panel[data-v-a7dc7640]{width:100%;position:static}.player-token[data-v-a7dc7640]{width:36px;height:36px}.player-name[data-v-a7dc7640]{font-size:10px}}#app[data-v-70498388]{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header[data-v-70498388]{line-height:1.5;max-height:100vh}.logo[data-v-70498388]{display:block;margin:0 auto 2rem}nav[data-v-70498388]{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active[data-v-70498388]{color:var(--color-text)}nav a.router-link-exact-active[data-v-70498388]:hover{background-color:transparent}nav a[data-v-70498388]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-70498388]:first-of-type{border:0}@media (min-width: 1024px){header[data-v-70498388]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-70498388]{margin:0 2rem 0 0}header .wrapper[data-v-70498388]{display:flex;place-items:flex-start;flex-wrap:wrap}nav[data-v-70498388]{text-align:left;margin-left:-1rem;font-size:1rem;padding:1rem 0;margin-top:1rem}}.item[data-v-40a5c0e5]{margin-top:2rem;display:flex;position:relative}.details[data-v-40a5c0e5]{flex:1;margin-left:1rem}i[data-v-40a5c0e5]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-40a5c0e5]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-40a5c0e5]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-40a5c0e5]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-40a5c0e5]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:first-of-type:before{display:none}.item[data-v-40a5c0e5]:last-of-type:after{display:none}}