:root{--bg: #16201a;--panel: #1e2b22;--line: #2e4435;--ink: #e8f0e8;--muted: #9bb3a2;--accent: #5aa06a;--accent-d: #3f7a4d;--warn: #d98b4a;--bad: #cf5a5a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:920px;margin:0 auto;padding:16px 14px 40px}header.cc-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}header.cc-head h1{font-size:22px;margin:0;letter-spacing:.5px;color:var(--accent)}header.cc-head .tag{color:var(--muted);font-size:13px}.cc-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{background:var(--panel);color:var(--muted);border:none;padding:7px 12px;font-size:13px;cursor:pointer}.seg button.on{background:var(--accent-d);color:#fff}.seg button+button{border-left:1px solid var(--line)}.cc-main{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;align-items:start}@media(max-width:760px){.cc-main{grid-template-columns:1fr}}#cv{width:100%;height:auto;display:block;background:#e7e0cf;border:1px solid var(--line);border-radius:10px;touch-action:none}.cc-side{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}.stat{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:var(--muted)}.stat b{color:var(--ink)}.bar-wrap{height:10px;background:#12190f;border-radius:6px;overflow:hidden;margin:6px 0 12px}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#7ec98c);transition:width .2s ease}.bar-fill.low{background:linear-gradient(90deg,var(--bad),var(--warn))}.leg-input{display:flex;gap:6px;margin:8px 0}.leg-input label{flex:1;font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:3px}.leg-input input{width:100%;background:#12190f;border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:6px;font-size:14px}button.cc-btn{width:100%;background:var(--accent-d);color:#fff;border:none;border-radius:8px;padding:9px;font-size:14px;cursor:pointer;margin-top:4px}button.cc-btn:hover{background:var(--accent)}button.cc-btn.ghost{background:var(--panel);border:1px solid var(--line);color:var(--muted)}.legs-list{margin:10px 0 0;padding:0;list-style:none;font-size:13px}.legs-list li{padding:5px 8px;border-radius:6px;margin-bottom:4px;background:#12190f;display:flex;justify-content:space-between}.legs-list li.done{color:var(--muted);text-decoration:line-through;opacity:.7}.legs-list li.next{outline:1px solid var(--accent)}#status{margin-top:10px;font-size:14px;min-height:20px;font-weight:600}#status.win{color:var(--accent)}#status.lose{color:var(--bad)}.hint{font-size:12px;color:var(--muted);line-height:1.5;margin-top:12px}