:root{--sand: #e9d8a6;--sand-line: #cbb87a;--net: #3a3a3a;--player: #4b8fd6;--player-dark: #2f6fb0;--woman: #e0679b;--woman-dark: #c24680;--ink: #1f2733;--panel: #ffffff;--panel-line: #e3e6ea;--good: #2f9e57;--bad: #d1495b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#f4f6f8}.app{max-width:1200px;margin:0 auto;padding:20px}header h1{margin:0 0 4px;font-size:24px}header .sub{margin:0 0 16px;color:#5a6472}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-btn{flex:0 0 auto;padding:8px 14px;border:1px solid var(--panel-line);background:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap}.share-btn:hover{background:#f0f4f8}.layout{display:grid;grid-template-columns:280px 1fr 320px;gap:20px;align-items:start}.layout>*,.center{min-width:0}@media (max-width: 960px){.layout{grid-template-columns:1fr}}@media (max-width: 560px){.app{padding:12px}}.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:12px;padding:16px}.panel h2{margin:0 0 12px;font-size:16px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-header h2{margin:0}.reset-all{padding:5px 10px;border:1px solid var(--panel-line);background:#fff;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap}.reset-all:hover{background:#f0f4f8}.center{display:flex;flex-direction:column;gap:16px;align-items:center}.stage-wrap{width:100%;overflow:hidden;display:flex;justify-content:center}.stage{position:relative;flex:0 0 auto}.court-square{position:absolute;background:var(--sand);border:2px solid var(--sand-line);border-radius:10px}.net{position:absolute;height:13px;text-align:center;letter-spacing:6px;font-weight:700;font-size:10px;line-height:13px;color:#fff;background:repeating-linear-gradient(90deg,var(--net) 0 6px,#555 6px 12px);border-radius:4px}.pos-name{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;font-size:11px;color:#7a6a3d;pointer-events:none;white-space:nowrap}.pos-num{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#7a6a3d;color:#fff;font-size:10px;font-weight:700}.bench-zone{position:absolute;background:#eef1f4;border:1px dashed #cdd3da;border-radius:12px}.bench-zone-label{position:absolute;top:6px;left:0;right:0;text-align:center;font-size:11px;color:#6b7280}.lanes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4}.lane{fill:none;stroke:#8b93a1;stroke-width:2;stroke-dasharray:5 5;stroke-linecap:round}.token-pos{position:absolute;transform:translate(-50%,-50%);transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),width .4s ease,height .4s ease}.diamond{width:100%;height:100%;transform:rotate(45deg);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000002e;transition:box-shadow .15s ease,opacity .3s ease}.diamond.player{background:var(--player);border:2px solid var(--player-dark)}.diamond.woman{background:var(--woman);border:2px solid var(--woman-dark)}.diamond.benched{opacity:.72}.diamond-label{transform:rotate(-45deg);color:#fff;font-weight:700;font-size:12px;max-width:64px;padding:0 2px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diamond.skip-move{animation:pulse .9s ease;box-shadow:0 0 0 4px #ffd166,0 2px 8px #00000040;z-index:5}@keyframes pulse{0%{transform:rotate(45deg) scale(1)}35%{transform:rotate(45deg) scale(1.2)}to{transform:rotate(45deg) scale(1)}}.controls{width:100%;max-width:460px;display:flex;flex-direction:column;gap:10px;align-items:center}.stat-row{display:flex;gap:24px}.stat{font-size:14px}.stat-good strong{color:var(--good)}.stat-bad strong{color:var(--bad)}.button-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.button-row button{padding:8px 14px;border:1px solid var(--panel-line);background:#fff;border-radius:8px;cursor:pointer;font-size:14px}.button-row button:hover:not(:disabled){background:#f0f4f8}.button-row button:disabled{opacity:.45;cursor:default}.speed{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.skip-banner{width:100%;max-width:460px;background:#fff4d6;border:1px solid #f0d284;color:#8a5a00;padding:10px 12px;border-radius:8px;font-size:14px;text-align:center}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px}.field.checkbox{flex-direction:row;align-items:center;gap:8px}.field select{padding:6px;border-radius:6px;border:1px solid var(--panel-line)}.women-summary{font-size:13px;margin-bottom:10px;color:#5a6472}.player-list{display:flex;flex-direction:column;gap:6px}.player-row{display:flex;gap:6px;align-items:center;border-radius:6px;border:1px solid transparent}.player-row.dragging{opacity:.45}.player-row.drag-over{border-color:#ffd166;background:#fffaf0}.drag-handle{cursor:grab;color:#aab2bd;font-size:15px;line-height:1;letter-spacing:-2px;padding:8px 6px;-webkit-user-select:none;user-select:none;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle.inline{cursor:default;padding:0;touch-action:auto}.name-input{flex:1;padding:6px 8px;border:1px solid var(--panel-line);border-radius:6px;font-size:13px}.gender-toggle{width:36px;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer}.gender-toggle.woman{background:var(--woman)}.gender-toggle.player{background:var(--player)}.hint{font-size:12px;color:#7a838f;margin:12px 0 0}.ranked-list{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.ranked-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--panel-line);border-radius:8px;background:#fff;cursor:pointer;font-size:13px;text-align:left}.ranked-row:hover{background:#f0f4f8}.ranked-row.zero{border-color:#bfe3cc;background:#f2fbf5}.ranked-row.current{outline:2px solid #ffd166}.slots{color:#3a4756}.badge{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge.good{background:#d7f2e0;color:var(--good)}.badge.bad{background:#fbe0e4;color:var(--bad)}.left{display:flex;flex-direction:column;gap:16px}.hint.no-top{margin-top:0;margin-bottom:10px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{padding:6px 10px;border:1px solid var(--panel-line);background:#fff;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600}.chip:hover{background:#f0f4f8}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.ring-preview{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.ring-cell{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:11px;font-weight:700;color:#fff}.ring-cell.court{background:var(--good)}.ring-cell.bench{background:#aeb6c0}.bench-split{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.bench-split-label{font-size:12px;color:#5a6472}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:26px;height:26px;border:1px solid var(--panel-line);background:#fff;border-radius:6px;cursor:pointer}.stepper button:disabled{opacity:.4;cursor:default}.bench-split-val{font-size:13px;font-weight:700;min-width:34px;text-align:center}.edge-badge{position:absolute;left:50%;transform:translate(-50%);width:16px;height:16px;line-height:16px;text-align:center;font-size:11px;font-weight:700;border-radius:50%;pointer-events:none;z-index:4}.edge-badge.out{bottom:-9px;background:#f6c453;color:#6b4b00;box-shadow:0 1px 3px #00000040}.edge-badge.in{top:-9px;background:#a7e0bd;color:#1c5e38;box-shadow:0 1px 3px #00000040}.token-pos.leaving .diamond{box-shadow:0 0 0 2px #f6c453,0 2px 6px #0000002e}.token-pos.incoming .diamond{box-shadow:0 0 0 2px #a7e0bd,0 2px 6px #0000002e}