:root{color-scheme:light dark;--bg: #f5f1e6;--fg: #2b2620;--card-bg: #ffffffcc;--border: #d8cfb8;--accent: #7a5c3e;--accent-fg: #ffffff;--muted: #7a7266;--danger: #b5432f;--ref-1: #1d6fd0;--ref-2: #c8267f;--ref-3: #0e7c66;--ref-4: #7b3fc4;font-family:Segoe UI,system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #1c1a16;--fg: #ece6d8;--card-bg: #2a271fcc;--border: #45402f;--accent: #c39a6b;--accent-fg: #1c1a16;--muted: #a99f8a;--danger: #e2705c;--ref-1: #6aa9f0;--ref-2: #f07ab8;--ref-3: #3fbfa0;--ref-4: #b18cf0}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.app-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.brand{font-size:1.3rem;font-weight:700;color:var(--fg);text-decoration:none}.app-nav a{color:var(--accent);text-decoration:none;font-weight:600}.tutorial-cta{border-color:var(--accent)}.app-main{max-width:960px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem}.card h2{margin-top:0}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem;border:none;padding:0}.field.checkbox{flex-direction:row;align-items:center;gap:.5rem}.field input[type=text],.field input:not([type]){padding:.5rem .6rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg)}fieldset.field label{display:block;font-weight:400;margin:.2rem 0}legend{padding:0;font-weight:600}button{background:var(--accent);color:var(--accent-fg);border:none;border-radius:8px;padding:.6rem 1.1rem;font-size:1rem;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:var(--danger);color:#fff}.link-button{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:.35rem .8rem;border-radius:8px;text-decoration:none;white-space:nowrap}.error{color:var(--danger)}.muted{color:var(--muted)}.game-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.game-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.game-row-info{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.badge{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:var(--border)}.badge-scenario{background:var(--accent);color:var(--accent-fg)}.badge-ai{background:var(--fg);color:var(--bg)}.game-result{font-style:italic;color:var(--muted)}.game-page{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.game-info{flex:1 1 260px;min-width:240px}.scenario-box,.result-box,.coach-result{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem;margin:.8rem 0}.invite-box{margin:.8rem 0}.invite-link-row{display:flex;gap:.5rem}.invite-link-row input{flex:1;padding:.5rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg)}.turn-indicator{font-weight:600}.turn-indicator.my-turn{color:var(--accent)}.captures{color:var(--muted)}.actions{display:flex;gap:.6rem;margin-top:1rem}.board{flex:2 1 400px;touch-action:manipulation}.board-disabled{opacity:.85}.board-bg{fill:#e3c893}@media(prefers-color-scheme:dark){.board-bg{fill:#7a5c3e}}.board-line{stroke:#3a2f1e;stroke-width:1.5}.star-point{fill:#3a2f1e}.board-cell{cursor:pointer}.board-disabled .board-cell{cursor:default}.stone{stroke:#0005;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:stone-pop .16s ease-out}.stone-black{fill:#1a1a1a}.stone-white{fill:#f5f5f0}.stone-last{stroke:var(--accent);stroke-width:3}@keyframes stone-pop{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.stone-ghost{pointer-events:none;transform-box:fill-box;transform-origin:center;animation:stone-fade-out .4s ease-in forwards}.stone-ghost-black{fill:#1a1a1a}.stone-ghost-white{fill:#f5f5f0}@keyframes stone-fade-out{0%{transform:scale(1);opacity:1}to{transform:scale(.4);opacity:0}}.stone-preview{pointer-events:none;opacity:.35}.stone-preview-black{fill:#1a1a1a}.stone-preview-white{fill:#f5f5f0}.board-shake{animation:board-shake .4s ease-in-out}@keyframes board-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.join-card{max-width:420px;margin:0 auto}.vs{color:var(--muted);font-weight:400;font-size:.9em}.tutorial-page{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.tutorial-sidebar{flex:0 1 220px;min-width:200px;position:sticky;top:1.5rem}.tutorial-sidebar h3{margin-top:0}.toc-group{margin-bottom:1.1rem}.toc-group:last-child{margin-bottom:0}.toc-group-heading{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);margin-bottom:.4rem}.tutorial-toc{list-style:none;margin:0;padding-left:0;display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.tutorial-toc li{color:var(--muted)}.toc-number{color:var(--muted);font-variant-numeric:tabular-nums}.toc-item{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.toc-item:hover{color:var(--accent);text-decoration:underline}.toc-current{color:var(--fg);font-weight:700}.toc-done{color:var(--fg)}.tutorial-main{flex:1 1 480px;min-width:280px}.tutorial-success{color:var(--accent);font-weight:600}.tutorial-nav{justify-content:space-between}.coach-panel{border-top:1px solid var(--border);margin-top:1.1rem;padding-top:.9rem}.coach-panel h3{margin:0 0 .5rem;font-size:1rem}.coach-badge{font-size:.75rem;font-weight:400;color:var(--muted);white-space:nowrap}.coach-actions{margin-top:0;flex-wrap:wrap}.coach-actions button{padding:.45rem .85rem;font-size:.9rem}.coach-status{color:var(--muted);font-style:italic;margin:.7rem 0 0}.coach-result{max-height:22rem;overflow-y:auto}.coach-result p{margin:.45rem 0 0}.coach-result-heading{display:block}.coach-rating{color:var(--accent);font-weight:600}.coach-hint{color:var(--muted);font-size:.9rem;margin:.45rem 0 0}.coach-link{background:none;border:none;padding:0;margin:0;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline}.coach-ref{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;margin-left:.15em;border-radius:999px;background:var(--muted);color:var(--accent-fg);font-size:.75em;font-weight:700;vertical-align:baseline;cursor:help}.coach-ref-1{background:var(--ref-1)}.coach-ref-2{background:var(--ref-2)}.coach-ref-3{background:var(--ref-3)}.coach-ref-4{background:var(--ref-4)}.board-ref{pointer-events:none}.ref-dimmed{opacity:.3}.ref-halo{fill:none;stroke:#0007}.ref-ring{fill:none}.ref-badge-text{fill:var(--accent-fg);font-weight:700}.board-ref-1 .ref-ring{stroke:var(--ref-1)}.board-ref-1 .ref-dot,.board-ref-1 .ref-badge-bg{fill:var(--ref-1)}.board-ref-2 .ref-ring{stroke:var(--ref-2)}.board-ref-2 .ref-dot,.board-ref-2 .ref-badge-bg{fill:var(--ref-2)}.board-ref-3 .ref-ring{stroke:var(--ref-3)}.board-ref-3 .ref-dot,.board-ref-3 .ref-badge-bg{fill:var(--ref-3)}.board-ref-4 .ref-ring{stroke:var(--ref-4)}.board-ref-4 .ref-dot,.board-ref-4 .ref-badge-bg{fill:var(--ref-4)}.ref-ring{transform-box:fill-box;transform-origin:center;animation:ref-pulse 1.8s ease-in-out infinite}@keyframes ref-pulse{0%,to{transform:scale(.94);opacity:.75}50%{transform:scale(1.08);opacity:1}}@media(prefers-reduced-motion:reduce){.ref-ring{animation:none;opacity:1}}.coach-ask{margin-top:.9rem}.coach-ask-label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem}.coach-ask-row{display:flex;gap:.5rem}.coach-ask-row input{flex:1;min-width:0;padding:.45rem .6rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg);font:inherit;font-size:.9rem}.coach-ask-row input:disabled{opacity:.6}.coach-ask-row button{padding:.45rem .85rem;font-size:.9rem;white-space:nowrap}