:root{--bg: #0b1e10;--surface: #122a17;--text: #edf5ef;--muted: #7fa888;--accent: #3ddc55;--accent-dim: #27913a;--border: #1e4a28;font-family:DM Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}*{box-sizing:border-box}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-height:100vh;background:radial-gradient(1000px 500px at 20% 0%,#143d22 0%,transparent 60%),var(--bg)}.app-shell{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.brand{font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:var(--text);text-decoration:none}.brand:hover{text-decoration:none;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;cursor:pointer}.btn:hover{border-color:var(--accent-dim)}.btn-primary{background:linear-gradient(180deg,#3ddc55,var(--accent-dim));border-color:#4ae663;font-weight:600;color:#0a1f0e}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.35rem}input,textarea{width:100%;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border);background:#0a1a0f;color:var(--text);font:inherit}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.field{margin-bottom:1rem}.form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.list{display:flex;flex-direction:column;gap:.6rem}.list-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-radius:12px;background:#0e2214;border:1px solid var(--border)}.list-item:hover{border-color:#2e6b3a}.list-item h3{margin:0 0 .2rem;font-size:1rem}.muted{color:var(--muted);font-size:.85rem}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem}.hint{color:var(--muted);font-size:.9rem;margin:0 0 1rem}pre.doc{margin:0;max-height:50vh;overflow:auto;font-size:.8rem;line-height:1.4;padding:1rem;background:#07150b;border-radius:10px;border:1px solid var(--border)}.error{color:#ff6b6b;font-size:.9rem;margin:0 0 .5rem}.court-svg{width:100%;max-height:60vh;border-radius:10px;display:block;-webkit-user-select:none;user-select:none}.court-svg--editor{border:1px solid var(--border);cursor:default}.court-svg--crosshair{cursor:crosshair}.court-svg--pointer{cursor:pointer}.tactic-editor{display:grid;grid-template-columns:170px 1fr;grid-template-rows:1fr auto;gap:.65rem;margin-bottom:1rem}.editor-bench{grid-row:1;grid-column:1}.editor-court{grid-row:1;grid-column:2}.editor-timeline{grid-row:2;grid-column:1 / -1}.editor-bench{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;max-height:70vh}.bench-section{display:flex;flex-direction:column;gap:.35rem}.bench-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.bench-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.bench-hint{font-size:.78rem;color:var(--muted)}.bench-tip{font-size:.78rem;color:#6ff080;margin:.2rem 0 0}.bench-field{margin-bottom:.35rem}.bench-field label{font-size:.75rem;margin-bottom:.15rem}.bench-field input{padding:.35rem .5rem;font-size:.85rem}.bench-token{width:34px;height:34px;border-radius:50%;border:2px solid transparent;color:#fff;font-weight:700;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s;padding:0}.bench-token--offense{background:#e53935}.bench-token--defense{background:#1e88e5}.bench-token--active{border-color:#fff;box-shadow:0 0 8px #fff6}.bench-token:hover{border-color:#ffffff80}.btn-sm{padding:.35rem .75rem;font-size:.82rem;min-height:36px}.btn-active{border-color:var(--accent);background:#3ddc5526}.kf-timeline{margin-top:.75rem}.kf-timeline__bar{padding:.5rem 0}.kf-timeline__track{position:relative;height:20px;background:#0a1a0f;border-radius:6px;border:1px solid var(--border)}.kf-timeline__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);transform:translate(-50%);pointer-events:none}.kf-timeline__marker{position:absolute;top:50%;width:14px;height:14px;background:var(--surface);border:2px solid var(--muted);border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);cursor:grab;padding:0;touch-action:none;z-index:2}.kf-timeline__marker:active{cursor:grabbing}.kf-timeline__marker--active{border-color:var(--accent);background:var(--accent)}.kf-timeline__controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.kf-timeline__duration{display:flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.82rem}.kf-timeline__duration input{width:80px;padding:.25rem .4rem;font-size:.82rem}.save-status{font-size:.8rem;padding:.2rem .6rem;border-radius:8px}.save-status--saved{color:#66bb6a;background:#66bb6a1a}.save-status--saving{color:#ffa726;background:#ffa7261a}.save-status--unsaved{color:#ef5350;background:#ef53501a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;max-width:540px;width:100%;max-height:80vh;overflow-y:auto}.template-grid{display:flex;flex-direction:column;gap:.5rem}.template-card{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--border);background:#0e2214;cursor:pointer;text-align:left;color:var(--text);font:inherit}.template-card:hover{border-color:var(--accent-dim)}.controls{display:flex;align-items:center;gap:.75rem;margin:.75rem 0 .25rem;flex-wrap:wrap}.controls__loop span{white-space:nowrap}.controls input[type=range]{width:180px}select.btn{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font:inherit}@media(min-width:700px){.row-actions{flex-wrap:nowrap}}@media(max-width:699px){.app-shell{padding:1rem .75rem 2rem}.top{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.top .row-actions{width:100%;justify-content:flex-start}.court-svg{max-height:none;border-radius:6px}.controls input[type=range]{flex:1;min-width:0;width:auto}.tactic-editor{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.editor-bench{grid-row:1;grid-column:1;flex-direction:row;flex-wrap:wrap;max-height:none;overflow-y:visible;gap:.5rem 1rem}.bench-section{flex-direction:row;align-items:center;gap:.4rem;flex-wrap:wrap}.bench-field{margin-bottom:0}.editor-court{grid-row:2;grid-column:1}.editor-timeline{grid-row:3;grid-column:1}.btn-sm{min-height:44px;padding:.4rem .65rem}.btn{min-height:44px}.bench-token{width:40px;height:40px}.kf-timeline__bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.kf-timeline__track{min-width:300px}.list-item{flex-direction:column;align-items:flex-start}.list-item .row-actions{width:100%}.card{padding:1rem;border-radius:10px}}@media(max-width:499px){.brand{font-size:1.1rem}h1{font-size:1.3rem}}