.volleyball{--vb-bg:#0b1220;--vb-panel:#141f36;--vb-raised:#1b2843;--vb-line:#334566;--vb-ink:#e8eefc;--vb-muted:#a9b8d6;--vb-accent:#38bdf8;background:var(--vb-panel);color:var(--vb-ink);border:1px solid var(--vb-line);color-scheme:dark;border-radius:14px;margin-bottom:1rem;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.volleyball *{box-sizing:border-box}.volleyball p{margin:.7rem 0}.volleyball h2,.volleyball h3{color:var(--vb-ink);margin:.4rem 0 .7rem;line-height:1.35}.volleyball h2{font-size:1.3rem}.volleyball h3{font-size:1.05rem}.volleyball button,.volleyball select{border:1px solid var(--vb-line);background:var(--vb-raised);max-width:100%;min-height:44px;color:var(--vb-ink);font:inherit;cursor:pointer;border-radius:22px;padding:.6rem .9rem;font-size:.88rem}.volleyball select{border-radius:10px;width:100%}.volleyball button:hover:not(:disabled){border-color:var(--vb-accent);background:#233551}.volleyball button[aria-pressed=true]{border-color:var(--vb-accent);color:#aee7ff;box-shadow:inset 0 -2px var(--vb-accent);background:#12374c}.volleyball button:disabled,.volleyball select:disabled{opacity:.6;cursor:default}.volleyball :focus-visible{outline:3px solid var(--vb-accent);outline-offset:3px}.volleyball label{color:var(--vb-muted);margin-bottom:.4rem;font-size:.83rem;font-weight:650;display:block}.vb-topline{color:var(--vb-muted);background:#101a2c;flex-wrap:wrap;justify-content:space-between;gap:.4rem;padding:.7rem 1.25rem;font-size:.73rem;display:flex}.vb-mode-switch{border-bottom:1px solid var(--vb-line);flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem;display:flex}.vb-mode-switch button{flex:auto}.vb-toolbar{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.25rem .7rem;display:grid}.vb-rotation-row{color:var(--vb-muted);align-items:center;gap:1rem;margin:0;padding:.3rem 1.25rem 1rem;font-size:.85rem;display:flex}.vb-rotation-row>div{gap:.35rem;display:flex}.vb-rotation-row button{width:44px;padding:.4rem}.vb-mode{padding:1.25rem}.vb-learning-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.vb-court-panel{background:#0e1729;border:1px solid #26344f;border-radius:12px;min-width:0;padding:.6rem}.vb-court{width:100%;max-width:440px;margin:auto;display:block;overflow:visible}.vb-floor{fill:#1d2b46;stroke:#93a7c9;stroke-width:1.5px}.vb-front-zone{fill:#24365a;pointer-events:none}.vb-attack-line{stroke:#93a7c9;stroke-width:1px;stroke-dasharray:5 4}.vb-net{stroke:#e6edfb;stroke-width:4px}.vb-service-lines{stroke:#7189af;stroke-dasharray:3 4}.vb-court-caption{fill:#b5c6e3;text-anchor:middle;letter-spacing:1px;font-size:10px;font-weight:650}.vb-small-label{fill:#b5c6e3;font-size:9px}.vb-zone-number{fill:#425879;text-anchor:middle;font-size:36px;font-weight:700}.vb-path{color:#a9b8d6;stroke:currentColor;stroke-width:1.3px;stroke-dasharray:4 3;opacity:.7}.vb-player{color:#38bdf8;transition:transform .4s}.vb-family-setter{color:#38bdf8}.vb-family-opposite{color:#fb7185}.vb-family-middle{color:#fbbf24}.vb-family-outside{color:#34d399}.vb-family-libero{color:#c084fc}.vb-player-disc{fill:currentColor;stroke:#0b1220;stroke-width:1.7px}.vb-selected .vb-player-disc{stroke:#fff;stroke-width:3px}.vb-player-label{fill:#07121f;text-anchor:middle;pointer-events:none;font-size:10.5px;font-weight:800}.vb-position-label{fill:#e8eefc;pointer-events:none;paint-order:stroke;stroke:#0e1729;stroke-width:3px;font-size:10px;font-weight:700}.vb-foot{fill:currentColor}.vb-draggable{cursor:grab;touch-action:none;transition:none}.vb-draggable:active{cursor:grabbing}.vb-draggable:focus{outline:none}.vb-draggable:focus-visible .vb-player-disc{stroke:#fff;stroke-width:5px}.vb-broken-line{stroke:#f87171;stroke-width:2px;stroke-dasharray:5 2}.vb-target circle{fill:#38bdf810;stroke:#a9b8d6;stroke-width:1px;stroke-dasharray:4 3}.vb-target text{fill:#c2d4ed;text-anchor:middle;font-size:10px}.vb-target{pointer-events:none}.vb-match .vb-position-label{fill:#6ee7b7}.vb-miss .vb-position-label{fill:#fda4af}.vb-step-switch{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}.vb-explanation{min-width:0;padding:.25rem}.vb-explanation>select{margin-bottom:.6rem}.vb-controls{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.vb-controls label{white-space:nowrap;margin:0}.vb-controls select{min-width:0;max-width:100%}.vb-kicker{color:var(--vb-accent);font-size:.8rem;font-weight:650}.vb-role-note{border-left:3px solid var(--vb-accent);background:#102d40;border-radius:0 10px 10px 0;margin:.6rem 0 1rem;padding:1rem}.vb-role-note p{margin:0}.vb-role-note h2{font-size:1.1rem}.vb-details{border-top:1px solid var(--vb-line);margin-top:1rem;padding-top:.6rem}.vb-details summary{cursor:pointer;padding:.5rem 0;font-size:.88rem;font-weight:650}.vb-details p{color:var(--vb-muted);font-size:.85rem}.vb-details .vb-checkbox{align-items:center;gap:.6rem;min-height:32px;margin:.8rem 0;font-size:.83rem;font-weight:400;display:flex}.vb-checkbox input{width:20px;height:20px;accent-color:var(--vb-accent);flex-shrink:0}.volleyball .vb-footnote{color:var(--vb-muted);margin:.8rem 0 0;font-size:.76rem;line-height:1.65}.vb-bottom-note{color:var(--vb-muted);border-top:1px solid var(--vb-line);background:#101a2c;padding:1rem 1.25rem;font-size:.72rem;line-height:1.7;margin:0!important}.vb-js-note{background:#102d40;padding:1rem}.vb-role-table{overflow:auto}.volleyball table{border-collapse:collapse;text-align:left;width:100%;font-size:.82rem}.volleyball th,.volleyball td{border-bottom:1px solid var(--vb-line);vertical-align:top;padding:.75rem .5rem}.volleyball caption{text-align:left;color:var(--vb-muted);padding:.75rem .5rem;font-size:.8rem}.vb-feedback{background:#10352f;border-left:3px solid #34d399;border-radius:0 10px 10px 0;margin-top:1rem;margin-bottom:1rem;padding:1rem}.vb-feedback p{margin:.5rem 0 0}.vb-feedback-error{background:#382337;border-left-color:#f87171}.vb-errors{padding-left:1.25rem;font-size:.85rem;line-height:1.6}.vb-errors li+li{margin-top:.5rem}.vb-move-controls{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;display:grid}.vb-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.vb-section-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.vb-section-heading>span{color:var(--vb-accent);white-space:nowrap;font-size:.85rem}.volleyball .vb-primary{color:#07121f;background:#38bdf8;border-color:#38bdf8;font-weight:750}.volleyball .vb-primary:hover:not(:disabled){color:#07121f;background:#7dd3fc}.vb-help{color:var(--vb-muted)}.vb-legend{color:var(--vb-muted);flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;font-size:.75rem;display:flex}.vb-legend b{color:var(--vb-ink)}.vb-result-list{padding-left:0;font-size:.8rem;line-height:1.9;list-style:none}.vb-task{max-width:70ch}@media (width<=760px){.vb-topline{padding:.65rem .8rem;font-size:.68rem}.vb-mode-switch{gap:.4rem;padding:.75rem .8rem}.vb-mode-switch button{padding:.6rem .5rem;font-size:.78rem}.vb-toolbar{gap:.6rem;padding:.8rem .8rem .6rem}.vb-rotation-row{flex-wrap:wrap;gap:.6rem;padding:.3rem .8rem .7rem}.vb-rotation-row>div{flex:1;gap:.25rem}.vb-rotation-row button{flex:1;width:auto;min-width:0;padding:.4rem}.vb-mode{padding:.8rem}.vb-learning-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.vb-court{max-width:360px}.vb-controls{flex-direction:column;align-items:flex-start;gap:.4rem}.vb-controls select{width:100%}.vb-bottom-note{padding:1rem .8rem}.vb-step-switch button{padding:.6rem .4rem;font-size:.8rem}.vb-section-heading{align-items:start}.vb-section-heading h2{font-size:1.15rem}}@media (width<=360px){.vb-toolbar{grid-template-columns:minmax(0,1fr)}.vb-mode-switch button{flex-basis:40%}.vb-mode-switch button:last-child{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.vb-player{transition:none}}