/* Volleyball training markers: decorative ranks, no stat calculation. */
.sim-resonance-control{display:block;padding:18px 22px 16px;background:radial-gradient(circle at 95% 20%,#ffc76c30 0 2px,transparent 3px) 0 0/10px 10px,linear-gradient(115deg,#fffdf8,#fff2db);border-top:2px solid #202936;border-bottom:1px solid #ead5b4;color:#202936}
.resonance-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.resonance-ball{display:grid;place-items:center;flex:none;width:37px;height:37px;border:2px solid #222c39;border-radius:50%;background:#ff962e;color:white;font-size:26px;box-shadow:3px 3px 0 #222c39;transform:rotate(-12deg)}
.resonance-heading div{display:grid;gap:2px}.resonance-heading strong{font-size:19px;letter-spacing:2px;font-weight:900}
.sim-resonance-control .resonance-heading small{font-size:9px;color:#8b5a28;letter-spacing:1.5px;font-weight:800}
.resonance-reset{margin-left:auto;border:0;border-bottom:1px solid #b8a88e;background:transparent;padding:7px 4px;color:#756750;font:inherit;font-size:12px;cursor:pointer}
.resonance-reset[aria-pressed=true]{color:#222c39;border-color:#222c39;font-weight:800}
.resonance-levels{display:flex;gap:12px;max-width:530px}
.resonance-level{--rank:#f39727;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-width:0;height:68px;overflow:hidden;border:2px solid #cdbfa9;border-radius:3px 13px 3px 3px;background:linear-gradient(130deg,#fff 65%,#f1e8d9 65%);color:#575148;cursor:pointer;box-shadow:0 3px 0 #d9cbb6;transition:transform .16s,box-shadow .16s,border-color .16s}
.resonance-level[data-resonance-choice="6"]{--rank:#ee7330}.resonance-level[data-resonance-choice="10"]{--rank:#dd4b35}
.resonance-level-label{font-size:12px;font-weight:800;letter-spacing:2px;writing-mode:vertical-rl}
.resonance-level b{font-size:38px;line-height:1;font-style:italic;font-weight:950;letter-spacing:-2px}
.resonance-pips{position:absolute;right:7px;bottom:4px;font-size:8px;color:var(--rank);letter-spacing:1px}
.resonance-selected{display:none;position:absolute;top:0;right:0;width:22px;height:19px;background:#222c39;color:#fff;font-size:13px;font-weight:900}
.resonance-level[aria-pressed=true]{border-color:#242b36;background:linear-gradient(125deg,#ffbd5c,#ff8b27 70%,#ef741a 70%);color:#222c39;box-shadow:0 4px 0 #252d39,0 0 0 2px #fff;transform:translateY(-2px)}
.resonance-level[aria-pressed=true] .resonance-selected{display:block}.resonance-level[aria-pressed=true] .resonance-pips{color:#fff}
.resonance-level:focus-visible,.resonance-reset:focus-visible{outline:3px solid #198fbc;outline-offset:4px}
@media(hover:hover){.resonance-level:not(:disabled):hover{transform:translateY(-3px);border-color:#ef8a24}}
.resonance-level:disabled,.resonance-reset:disabled{opacity:.4;cursor:default;transform:none}
.sim-resonance-control .resonance-hint{margin:12px 0 0;font-size:11px;line-height:1.6;color:#796d5e}
.sim-resonance-control select[hidden]{display:none}
.sim-slot .sim-resonance{position:absolute;top:25px;right:2px;display:flex;align-items:center;gap:4px;padding:3px 6px 3px 5px;border:1px solid #fff5d6;border-radius:2px;background:linear-gradient(110deg,#273342 45%,#fa9c32 46%);color:#fff;box-shadow:1px 2px 0 #17223155;transform:rotate(3deg);pointer-events:none}
.sim-resonance span{font-size:9px;line-height:1;font-weight:800}.sim-resonance b{min-width:16px;font-size:19px;line-height:1.1;font-style:italic;color:#232c39;text-align:center}
.sim-slot .sim-resonance[data-resonance="10"]{background:linear-gradient(110deg,#273342 45%,#ffd37e 46%)}
@media(max-width:760px){.sim-resonance-control{padding:15px}.resonance-levels{gap:10px}.resonance-level{height:62px}.resonance-heading strong{font-size:17px}.sim-slot .sim-resonance{top:25px;right:0;padding:2px 4px;gap:3px}.sim-resonance span{font-size:8px}.sim-resonance b{font-size:16px;min-width:14px}}
@media(prefers-reduced-motion:reduce){.resonance-level{transition:none}}