:root{--bg:#eef5ec;--panel:#fbfaf5;--ink:#23302a;--muted:#66746b;--line:#dfe5d9;--leaf:#2e5a3c;--leaf-soft:#e3efdc;--violet:#6f45b5;--violet-soft:#efe8fa;--sun:#f5b82e;--sun-soft:#fdf3d9;--warn:#b5452b;--warn-soft:#fbe9e3;--radius:12px;color:var(--ink);background:var(--bg);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:8px 12px;transition:background .15s,border-color .15s,transform 50ms}button:hover:not(:disabled){border-color:var(--leaf)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--leaf);border-color:var(--leaf);color:#fff}button.primary:hover:not(:disabled){background:#24492f}button.ghost{background:0 0}button.small{padding:4px 9px;font-size:.85rem}button:focus-visible,input:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.app{grid-template-columns:1fr 380px;height:100%;display:grid}.stage{min-height:0;position:relative}.panel{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;gap:12px;min-height:0;padding:18px 18px 14px;display:flex;overflow-y:auto}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h1{letter-spacing:.04em;color:var(--leaf);margin:0;font-size:1.6rem}.sub{color:var(--muted);margin:2px 0 0;font-size:.85rem}.players{grid-template-columns:1fr 1fr;gap:8px;display:grid}.player{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:10px;padding:10px;display:flex}.player.active{border-color:var(--leaf);box-shadow:0 0 0 2px var(--leaf-soft)}.player strong{display:block}.player small{color:var(--muted)}.dot{vertical-align:middle;border-radius:50%;flex:none;width:22px;height:22px;display:inline-block}.dot.black{background:radial-gradient(circle at 50% 38%,#8a5cd1 0 30%,#2b2933 32%)}.dot.white{background:radial-gradient(circle at 50% 38%,#fff 0 30%,#a8d58a 32% 52%,#f2eee2 54%);border:1px solid #cfc9b8}.status{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.muted{color:var(--muted);font-weight:400}.spinner{border:2px solid var(--leaf-soft);border-top-color:var(--leaf);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.advantage .adv-row{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:.85rem;display:flex}.bar{border-radius:6px;height:10px;overflow:hidden}.bar.black{border:1px solid var(--line);background:#f2eee2}.bar.black>div{background:var(--violet)}.bar.white{background:#4a3f5c}.bar.white>div{border-right:1px solid var(--line);background:#fff}.bar>div{height:100%;transition:width .4s}.actions{flex-wrap:wrap;gap:6px;display:flex}.actions.end{justify-content:flex-end;margin-top:16px}.toggles{gap:16px;font-size:.9rem;display:flex}.toggles label{cursor:pointer;align-items:center;gap:6px;display:flex}.water-info{color:var(--muted);min-height:1.3em;margin:0;font-size:.85rem}.scorecard{border-radius:var(--radius);background:var(--sun-soft);gap:6px;padding:12px;display:grid}.score-row{align-items:center;gap:8px;display:flex}.score-row strong{margin-left:auto;font-size:1.1rem}.panel>*{flex-shrink:0}.panel>.coach{flex:1 1 0;min-height:180px;overflow-y:auto}.coach h2{color:var(--leaf);margin:4px 0 8px;font-size:.95rem}.coach ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.msg{border:1px solid var(--line);opacity:.7;background:#fff;border-radius:10px;gap:8px;padding:9px 10px;font-size:.92rem;line-height:1.5;display:flex}.msg.latest{opacity:1}.msg p{margin:0}.msg.good{background:var(--violet-soft);border-color:#dccff3}.msg.tip{background:var(--sun-soft);border-color:#f3e0ad}.msg.warn{background:var(--warn-soft);border-color:#f0c9bd}.msg-actions{gap:6px;margin-top:6px;display:flex}.panel-foot{border-top:1px solid var(--line);gap:8px;padding-top:6px;display:flex}.backdrop{z-index:10;background:#18241c73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:16px;width:min(560px,100%);max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal h2{color:var(--leaf);margin:0 0 12px}fieldset{border:none;margin:0 0 14px;padding:0}legend{margin-bottom:6px;font-weight:600}.choices{flex-wrap:wrap;gap:6px;display:flex}.choice.on{background:var(--leaf-soft);border-color:var(--leaf);font-weight:600}.check{cursor:pointer;align-items:center;gap:8px;display:flex}.rules{gap:12px;margin:0 0 12px;padding:0;list-style:none;display:grid}.rules li{gap:12px;display:flex}.rules .icon{font-size:1.5rem}.rules p{color:var(--muted);margin:2px 0 0;line-height:1.5}@media (width<=860px){.app{grid-template-rows:58vh auto;grid-template-columns:1fr;height:auto;min-height:100%}.panel{border-left:none;border-top:1px solid var(--line);padding:14px 16px;overflow:visible}}