:root{--green:#15803d;--green-dark:#166534;--green-light:#dcfce7;--bg:#f6f7f4;--card:#fff;--text:#1c1917;--muted:#57534e;--border:#e7e5e4;--gold:#ca8a04;--silver:#71717a;--bronze:#b45309;--warn-bg:#fef3c7;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent}h1{margin:.5rem 0 1rem;font-size:1.6rem}h2{margin:1.25rem 0 .5rem;font-size:1.15rem}p{line-height:1.45}.screen{max-width:560px;margin:0 auto;padding:16px 16px 32px}.screen.with-tabs{padding-bottom:96px}.muted{color:var(--muted)}.row{align-items:center;gap:8px;display:flex}.row.spread{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{border:1px solid var(--border);background:var(--card);min-height:52px;color:var(--text);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 20px;font-size:1.05rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5}.btn-primary{background:var(--green);border-color:var(--green);color:#fff}.btn-primary:active{background:var(--green-dark)}.btn-big{min-height:72px;font-size:1.3rem}.btn-danger{color:#b91c1c}.link{color:var(--green);cursor:pointer;background:0 0;border:none;min-height:48px;padding:8px;font-weight:600}.field{flex-direction:column;gap:6px;margin-bottom:12px;font-weight:600;display:flex}.field input{border:1px solid var(--border);border-radius:12px;min-height:52px;padding:0 14px;font-size:1.1rem}.choice-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.choice{border:1px solid var(--border);background:var(--card);border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:0 14px;display:flex}.choice.selected{border-color:var(--green);background:var(--green-light)}.choice input{width:22px;height:22px;accent-color:var(--green)}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.avatar{border:2px solid var(--border);background:var(--card);border-radius:14px;min-height:64px;font-size:2rem}.avatar.selected{border-color:var(--green);background:var(--green-light)}.banner{background:var(--warn-bg);padding:12px 16px;font-size:.95rem}.tabbar{background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{min-height:64px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0 2px;font-size:.75rem;display:flex}.tabbar button span{font-size:1.4rem}.tabbar button.active{color:var(--green);font-weight:700}.xpbar{background:var(--border);border-radius:999px;height:14px;overflow:hidden}.xpbar>div{background:var(--green);border-radius:999px;height:100%;transition:width .4s}.week-dots{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);gap:6px;font-size:.75rem;display:grid}.week-dots .dot{border:2px solid var(--border);border-radius:50%;place-items:center;width:34px;height:34px;margin:4px auto 0;display:grid}.week-dots .dot.on{background:var(--green);border-color:var(--green);color:#fff}.week-dots .dot.today{border-color:var(--green)}.chip{background:var(--border);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.chip.rank-1{color:#92400e;background:#fde7cf}.chip.rank-2{color:#3f3f46;background:#e4e4e7}.chip.rank-3{color:#854d0e;background:#fef08a}.error{color:#b91c1c;font-weight:600}.timer{text-align:center;font-variant-numeric:tabular-nums;margin:12px 0;font-size:4.5rem;font-weight:800}.timer.over{color:var(--green)}.stopwatch{background:var(--bg);border-radius:12px;padding:12px}.timer.stopwatch-time{margin:4px 0;font-size:3.2rem}.steps{padding-left:1.2rem;font-size:1.15rem}.steps li{margin-bottom:8px}.tip{background:var(--green-light);border-radius:12px;padding:10px 14px}.diagram{margin:0}.diagram>svg{width:100%;height:auto;display:block}.diagram .pitch{fill:#4d9a5b}.diagram .kid{fill:#2563eb;stroke:#fff;stroke-width:.6px}.diagram .dad{fill:#b91c1c;stroke:#fff;stroke-width:.6px}.diagram .player-label{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:2.7px;font-weight:700}.diagram .cone{fill:#f97316;stroke:#7c2d12;stroke-width:.3px}.diagram .ball{fill:#fff;stroke:#1c1917;stroke-width:.5px}.diagram .target{fill:#dc2626}.diagram .target-ring{fill:#fff}.diagram .goal-net{fill:#ffffff40}.diagram .goal-mesh{stroke:#ffffff8c;stroke-width:.25px}.diagram .goal-frame{fill:none;stroke:#fff;stroke-width:.9px}.diagram .note{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:3.5px;font-weight:600}.diagram .arrow{fill:none;stroke-width:.8px;stroke-linecap:round}.diagram .arrow.course{stroke:#fff}.diagram .arrow.balle{stroke:#fde047;stroke-dasharray:2 1.5}.diagram .arrow-head.course{fill:#fff}.diagram .arrow-head.balle{fill:#fde047}.diagram .step-badge{fill:#1c1917}.diagram .step-label{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:3.2px;font-weight:700}.diagram-legend{color:var(--muted);justify-content:center;gap:16px;margin-top:6px;font-size:.85rem;display:flex}.diagram-legend span{align-items:center;gap:6px;display:inline-flex}.diagram .legend-swatch{width:32px;height:auto}.progress-line{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.progress-line>div{background:var(--green);height:100%}.badge-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.badge{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px 6px;font-size:.8rem}.badge .emoji{font-size:2rem;display:block}.badge.locked{opacity:.4;filter:grayscale()}.celebrate{text-align:center}.celebrate .big{font-size:4rem}.list-button{text-align:left;background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:64px;padding:10px 14px;font-size:1rem;display:flex}.chart{width:100%;height:auto}.chart .line{fill:none;stroke:var(--green);stroke-width:3px}.chart .point{fill:var(--green)}.chart .goal{stroke:var(--gold);stroke-dasharray:6 4}.chart text{fill:var(--muted);font-size:11px}.bars .bar-row{grid-template-columns:110px 1fr 48px;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;display:grid}.bars .bar{background:var(--green);border-radius:999px;height:12px}.video{background:#000;border-radius:12px;padding-top:56.25%;display:block;position:relative;overflow:hidden}.video img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-play{color:#fff;background:#e62117;border-radius:12px;justify-content:center;align-items:center;width:64px;height:46px;font-size:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-label{color:#fff;background:#000000b3;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:600;position:absolute;bottom:8px;left:8px}.gesture-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.chip.level-facile{background:var(--green-light);color:var(--green-dark)}.chip.level-moyen{color:#92400e;background:#fef3c7}.chip.level-difficile{color:#991b1b;background:#fee2e2}.chip.level-expert{color:#5b21b6;background:#ede9fe}