:root{--green: #0b6b3a;--green-dark: #09522c;--line: #d6f5e3;--text: #0a0a0a;--muted: #6b7280}*{box-sizing:border-box}html,body,#app{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Inter,Noto Sans,Helvetica,Arial,sans-serif;margin:0;padding:clamp(12px,3vw,24px);background:#f6f7f9;color:var(--text)}.container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:360px 1fr;gap:clamp(16px,2vw,24px);height:100%}@media(max-width:960px){.container{grid-template-columns:1fr;gap:16px}}@media(max-width:640px){body{padding:8px}.container{gap:12px}}.card{background:#fff;border-radius:clamp(12px,2vw,16px);box-shadow:0 6px 24px #0000000f;padding:clamp(16px,3vw,20px)}.h1{font-size:clamp(18px,4vw,22px);margin:0 0 12px}.h2{font-size:clamp(16px,3.5vw,18px);margin:0 0 8px}.help{font-size:clamp(11px,2vw,12px);color:var(--muted)}.btn{appearance:none;border:0;background:#111;color:#fff;padding:10px 14px;border-radius:12px;font-weight:700;cursor:pointer;font-size:clamp(13px,2.5vw,14px);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#e5e7eb;color:#111}.legend{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:999px;padding:4px 8px;font-size:12px}.dot{width:10px;height:10px;border-radius:50%}@keyframes slideShine{0%{opacity:0;transform:translate(-40px) scale(.95);filter:brightness(.6)}50%{opacity:1;transform:translate(8px) scale(1.03);filter:brightness(1.4)}to{opacity:1;transform:translate(0) scale(1);filter:brightness(1)}}.fill-image{width:100%;height:100%;object-fit:cover}label[data-v-8c45f6ca]{font-size:clamp(12px,2.2vw,13px);color:#111;font-weight:600;margin-top:12px;display:block}textarea[data-v-8c45f6ca]{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:clamp(8px,1.5vw,10px);font-size:clamp(13px,2.5vw,14px);min-height:clamp(70px,12vw,84px);resize:vertical}.help[data-v-8c45f6ca]{font-size:clamp(11px,2vw,12px);color:#6b7280;margin-top:4px}.row[data-v-8c45f6ca]{display:flex;gap:10px;flex-wrap:wrap}.stack[data-v-8c45f6ca]{display:flex;flex-direction:column;gap:10px}button[data-v-8c45f6ca]:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.row[data-v-8c45f6ca]{flex-direction:column}.row .btn[data-v-8c45f6ca]{width:100%}}.top[data-v-896ba95b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}.pitch[data-v-896ba95b]{width:100%;aspect-ratio:70/70;background:linear-gradient(180deg,var(--green),var(--green-dark));border-radius:clamp(12px,3vw,20px);position:relative;overflow:hidden;border:clamp(2px,.5vw,4px) solid #E6EFE9;padding-bottom:30px}@media(max-width:640px){.pitch[data-v-896ba95b]{border-radius:12px;border-width:2px}}.halfway[data-v-896ba95b]{position:absolute;left:0;right:0;top:50%;height:2px;background:#fff}.center-circle[data-v-896ba95b]{position:absolute;left:50%;top:50%;width:26%;height:26%;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%)}.box[data-v-896ba95b]{position:absolute;border:2px solid #fff}.penalty.away[data-v-896ba95b]{left:20%;right:20%;top:0%;height:22%}.six.away[data-v-896ba95b]{left:32%;right:32%;top:0%;height:10%}.penalty.home[data-v-896ba95b]{left:20%;right:20%;top:80%;height:22%}.six.home[data-v-896ba95b]{left:32%;right:32%;top:91%;height:10%}.arc[data-v-896ba95b]{position:absolute;left:35%;width:30%;height:14%;border:2px solid #fff}.arc.away[data-v-896ba95b]{top:22%;border-top:none;border-left:none;border-right:none;border-bottom-left-radius:50% 100%;border-bottom-right-radius:50% 100%}.arc.home[data-v-896ba95b]{top:66%;border-bottom:none;border-left:none;border-right:none;border-top-left-radius:50% 100%;border-top-right-radius:50% 100%}.player[data-v-896ba95b]{position:absolute;transform:translate(-50%,-50%)}.stack[data-v-896ba95b]{position:relative;width:clamp(70px,8vw,86px);height:auto}.tile[data-v-896ba95b]{width:clamp(70px,8vw,86px);border-radius:clamp(8px,2vw,12px);border:2px solid rgba(0,0,0,.06);box-shadow:0 10px 24px #00000026;padding:clamp(6px,1vw,8px) clamp(4px,.8vw,6px);text-align:center;position:absolute;left:0;top:0}.tile .kit[data-v-896ba95b]{width:clamp(48px,6vw,58px);height:clamp(52px,6.5vw,64px);margin:0 auto 6px;border-radius:clamp(6px,1.5vw,8px);border:2px solid #111}.tile .name[data-v-896ba95b]{font-size:clamp(10px,1.8vw,12px);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .predicted-points[data-v-896ba95b]{font-size:clamp(9px,1.6vw,11px);font-weight:600;color:#fbbf24;margin-top:2px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tile .fixture[data-v-896ba95b]{font-size:clamp(9px,1.6vw,11px);color:#fff;margin-top:2px}@media(max-width:640px){.stack[data-v-896ba95b]{width:70px}.tile[data-v-896ba95b]{width:70px;padding:6px 4px}.tile .kit[data-v-896ba95b]{width:48px;height:52px}.tile .name[data-v-896ba95b]{font-size:10px}.tile .predicted-points[data-v-896ba95b],.tile .fixture[data-v-896ba95b]{font-size:9px}}.tile.placeholder[data-v-896ba95b]{background:#0003;border-style:dashed}.tile.placeholder .kit[data-v-896ba95b]{background:#bdbdbd;border-color:#666}.tile.placeholder .name[data-v-896ba95b]{color:#e5e7eb}.tile.placeholder .fixture[data-v-896ba95b]{color:transparent}.tile.real[data-v-896ba95b]{background:#3534335c}.tile.real.gk .kit[data-v-896ba95b]{background:#dff7a6}.tile.real.def .kit[data-v-896ba95b]{background:#cfe2ff}.tile.real.mid .kit[data-v-896ba95b]{background:#b7f3db}.tile.real.att .kit[data-v-896ba95b]{background:#ffd0cd}.fill-image[data-v-896ba95b]{width:100%;height:100%;object-fit:cover;border-radius:inherit;border:inherit}.fade-enter-from[data-v-896ba95b]{opacity:0}.fade-enter-active[data-v-896ba95b]{transition:opacity .45s ease-in}.fade-enter-to[data-v-896ba95b],.fade-leave-from[data-v-896ba95b]{opacity:1}.fade-leave-active[data-v-896ba95b]{transition:opacity .35s ease-out}.fade-leave-to[data-v-896ba95b]{opacity:0}
