:root{--bg: #0d1117;--surface: #161b22;--surface-2: #1c2430;--line: #2b3542;--text: #e6edf3;--muted: #8b98a9;--accent: #6ea8fe;--accent-soft: rgba(110, 168, 254, .16);--hint: #f0b429;--danger: #f2555a;--warn-text: #f0b429;--danger-text: #ff7378;--ok-text: #3fb950;--ok: #3fb950;--side-1: #2e9d63;--side-2: #d8473b;--wood: #b98d55;--wood-edge: #6b4724;--wood-line: #4a3017;--camp-1: rgba(32, 120, 72, .3);--camp-2: rgba(178, 44, 32, .28);--tile: #ecd7ad;--tile-edge: #7d5a2e;--tile-shadow: rgba(0, 0, 0, .42);--ink-1: #14603b;--ink-2: #ab2a1f;--hu-rim: #8f5f0a;--hu-badge: #f2c14e;--mark: rgba(40, 22, 6, .8);--focus-on-wood: #10151c;--on-accent: #0d1117;--coord: #7a8796;--hanja: "Noto Serif CJK KR", "Noto Serif KR", "Source Han Serif K", "Nanum Myeongjo", Batang, "AppleMyungjo", "Songti SC", serif;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark}:root[data-theme=light]{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #eef1f5;--line: #dde2e9;--text: #1b2027;--muted: #5d6875;--accent: #2f6fd0;--accent-soft: rgba(47, 111, 208, .12);--hint: #b7791f;--danger: #cf3339;--warn-text: #8a5a00;--danger-text: #a3242a;--ok-text: #187436;--ok: #1f8b3a;--side-1: #1d7a4a;--side-2: #c0362b;--wood: #d6b27b;--wood-edge: #8a6234;--wood-line: #5c3d1d;--camp-1: rgba(32, 120, 72, .22);--camp-2: rgba(178, 44, 32, .2);--tile: #f6e8c8;--tile-edge: #8c6638;--tile-shadow: rgba(60, 35, 10, .32);--hu-rim: #8a5a00;--mark: rgba(50, 28, 8, .8);--on-accent: #ffffff;--coord: #7b6a55;--shadow: 0 10px 28px rgba(20, 30, 45, .14);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--accent)}.page{max-width:560px;margin:0 auto;padding:12px 14px 48px;display:flex;flex-direction:column;gap:14px}.hub-link{display:block;width:fit-content;margin:-12px -4px -14px;padding:0 4px;font-size:.8rem;line-height:24px;white-space:nowrap;color:var(--muted);text-decoration:none}.hub-link:hover,.hub-link:focus-visible{color:var(--accent);text-decoration:underline}.hub-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:8px;min-width:0}.brand h1{font-size:1.15rem;margin:0;letter-spacing:-.02em;white-space:nowrap}.brand .sub{color:var(--muted);font-size:.8rem;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.theme-btn,.help-btn,.gear{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 9px;line-height:1;font-size:.95rem;transition:background .15s,border-color .15s}.theme-btn:hover,.help-btn:hover,.gear:hover{background:var(--surface-2);border-color:var(--accent)}.pn-btn{position:relative}.pn-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--danger)}.btn-primary{background:var(--accent);color:var(--on-accent);border:none;border-radius:11px;padding:10px 16px;font-weight:600;transition:filter .15s}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-big{width:100%;padding:13px 16px;font-size:1rem}.btn-ghost{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:9px 14px;transition:background .15s,border-color .15s}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent)}.btn-danger{color:var(--danger-text)}.btn-danger:hover:not(:disabled){border-color:var(--danger)}.turnbar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.turnbar-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.turnbar-main strong{min-width:0;overflow-wrap:anywhere}.turnbar-hint{color:var(--muted);font-size:.85rem}.chip{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:.75rem;color:var(--muted)}.controls{display:flex;gap:8px;flex-wrap:wrap}.controls button{flex:1 1 auto;min-width:108px}.home-lead{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.home-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.home-card h2{margin:0;font-size:1.02rem}.home-card-sub,.home-note{margin:0;color:var(--muted);font-size:.83rem;line-height:1.55}.diff-list{display:flex;flex-direction:column;gap:6px}.diff-row{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:9px 12px;transition:border-color .15s,background .15s}.diff-row:hover{border-color:var(--accent)}.diff-row.on{border-color:var(--accent);background:var(--accent-soft)}.diff-name{font-weight:600;font-size:.92rem}.diff-desc{color:var(--muted);font-size:.78rem;line-height:1.45}.diff-row.on .diff-desc{color:var(--text)}.seg{display:flex;gap:6px}.seg button,.seg-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:.85rem;transition:border-color .15s,background .15s}.seg button.on,.seg-btn.on{border-color:var(--accent);background:var(--accent-soft)}.seg-seat{flex-wrap:wrap}.seg-seat .seg-btn{min-width:0;padding:8px 6px;font-size:.8rem}.help,.settings,.patchnotes,.over{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.help-card,.settings-card,.patchnotes-card,.over-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);width:min(520px,100%);max-height:86vh;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.help-top,.settings-top,.pn-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.help-top h3,.settings-top h3,.pn-top h3,.settings-card h3{margin:0;font-size:1.05rem}.pn-x,.pn-back{background:transparent;border:none;font-size:1.05rem;padding:4px 6px;border-radius:8px;color:var(--muted)}.pn-x:hover,.pn-back:hover{background:var(--surface-2);color:var(--text)}.help-body{display:flex;flex-direction:column;gap:8px;font-size:.87rem;line-height:1.65}.help-body h4{margin:8px 0 0;font-size:.92rem;color:var(--accent)}.help-lead{margin:0;color:var(--muted)}.help-foot,.settings-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.set-section{display:flex;flex-direction:column;gap:8px}.set-section h4{margin:0;font-size:.88rem;color:var(--muted)}.set-note{margin-right:auto;color:var(--muted);font-size:.78rem}.over-card{width:min(360px,100%);align-items:center;text-align:center}.over-title{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.over-title[tabindex="-1"]:focus{outline:none}.over-win{color:var(--ok-text)}.over-lose{color:var(--danger)}.over-draw{color:var(--muted)}.over-detail{margin:0;color:var(--muted);font-size:.88rem}.over-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.modal-actions{display:flex;gap:8px;width:100%;justify-content:center}.over-actions button{flex:1}.pn-top-left{display:flex;align-items:center;gap:6px}.pn-list{display:flex;flex-direction:column;gap:8px}.pn-row{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:5px}.pn-row:hover{border-color:var(--accent)}.pn-row-head,.pn-detail-head{display:flex;align-items:center;gap:7px}.pn-ver{font-weight:700}.pn-new{background:var(--danger);color:var(--bg);border-radius:999px;padding:1px 7px;font-size:.66rem;font-weight:700}.pn-date{margin-left:auto;color:var(--muted);font-size:.75rem}.pn-row-title,.pn-detail-title{font-size:.88rem}.pn-chips{display:flex;gap:5px;flex-wrap:wrap}.pn-chip{border-radius:999px;padding:2px 8px;font-size:.7rem;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.pn-chip-feature{color:var(--ok-text);border-color:var(--ok)}.pn-chip-improvement{color:var(--accent);border-color:var(--accent)}.pn-chip-fix{color:var(--warn-text);border-color:var(--hint)}.pn-detail,.pn-group{display:flex;flex-direction:column;gap:7px}.pn-items{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:5px;font-size:.85rem;line-height:1.6}.pn-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.pn-cur{color:var(--muted);font-size:.76rem}.fb-card{width:min(460px,100%)}.fb-intro,.fb-note,.fb-row{display:flex;align-items:center;gap:10px}.fb-label{font-size:.84rem;color:var(--muted);white-space:nowrap}.field{display:flex;flex-direction:column;gap:5px;position:relative;font-size:.82rem;color:var(--muted)}.field input,.field textarea,.fb-textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--text);font:inherit;font-size:.88rem;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.fb-count{position:absolute;right:10px;bottom:8px;font-size:.7rem;color:var(--muted);pointer-events:none}.fb-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.fb-done{margin:0;color:var(--ok-text);font-size:.92rem}.fb-community{display:flex;flex-wrap:wrap;gap:8px}.fb-community-link,.fb-gh{font-size:.8rem;text-decoration:none}.fb-gh-sub{color:var(--muted);font-size:.72rem}.error-box{background:#f2555a1f;border:1px solid var(--danger);color:var(--danger-text);border-radius:10px;padding:8px 11px;font-size:.82rem}.side-dot{width:13px;height:13px;border-radius:50%;display:inline-block;flex:none;border:2px solid var(--tile)}.side-1{background:var(--side-1)}.side-2{background:var(--side-2)}.side-random{background:linear-gradient(90deg,var(--side-1) 0 50%,var(--side-2) 50% 100%)}.turnbar-alert{border-color:var(--hint)}.chip-alert{color:#0d1117;background:var(--hint);border-color:var(--hint);font-weight:700}.brand-mark{display:inline-grid;place-items:center;width:1.6em;height:1.6em;margin-right:.35em;vertical-align:-.28em;font-family:var(--hanja);font-weight:800;font-size:.95em;color:var(--ink-1);background:var(--tile);border:2px solid var(--tile-edge);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.table{display:flex;flex-direction:column;gap:8px}.board-wrap{display:flex;justify-content:center}.board{width:100%;max-width:380px;height:auto;display:block;-webkit-user-select:none;user-select:none;touch-action:manipulation}.board-frame{fill:var(--wood);stroke:var(--wood-edge);stroke-width:3}.board-camp.camp-1{fill:var(--camp-1)}.board-camp.camp-2{fill:var(--camp-2)}.board-grid rect,.board-grid line{fill:none;stroke:var(--wood-line);stroke-width:2}.board-coords text{fill:var(--coord);font-size:15px;text-anchor:middle;dominant-baseline:central}.cell-hit{fill:transparent;outline:none}.cell-clickable .cell-hit{cursor:pointer}.cell-hit:focus-visible{stroke:var(--focus-on-wood);stroke-width:5}.cell-hit[aria-disabled=true]{cursor:default}.piece-shadow{fill:var(--tile-shadow)}.piece-face{fill:var(--tile);stroke:var(--tile-edge);stroke-width:2.5}.piece-inlay{fill:none;stroke-width:1.4;opacity:.45}.piece-1 .piece-inlay,.piece-1 .piece-pip{stroke:var(--ink-1)}.piece-2 .piece-inlay,.piece-2 .piece-pip{stroke:var(--ink-2)}.piece-pip{stroke-width:0}.piece-1 .piece-pip{fill:var(--ink-1)}.piece-2 .piece-pip{fill:var(--ink-2)}.piece-char{font-family:var(--hanja);font-weight:800;text-anchor:middle;dominant-baseline:central}.piece-1 .piece-char{fill:var(--ink-1)}.piece-2 .piece-char{fill:var(--ink-2)}.piece-hu .piece-inlay{stroke:var(--hu-rim);stroke-width:3.2;opacity:1}.cell-movable.cell-clickable:hover .piece-face{stroke:var(--accent)}.promoted-now .piece{animation:flip .5s ease;transform-box:fill-box;transform-origin:center}@keyframes flip{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}.ring-under{fill:none;stroke:#0a0602bf;stroke-width:9;pointer-events:none}.ring{fill:none;stroke-width:5;pointer-events:none}.sel-ring .ring{stroke:var(--accent)}.target-dot{fill:var(--mark);pointer-events:none}.capture-ring .ring{stroke:var(--danger)}.promo-badge circle{fill:var(--hu-badge);stroke:var(--tile);stroke-width:2}.promo-badge text{fill:#1b2027;font-family:var(--hanja);font-weight:800;font-size:14px;text-anchor:middle;dominant-baseline:central}.last-to,.last-from{fill:none;stroke:var(--wood-line);stroke-width:3;opacity:.55}.last-from{stroke-dasharray:6 6}.halo-under{fill:none;stroke:#1e10048c;stroke-width:9}.halo{fill:none;stroke:var(--hint);stroke-width:5}.hint-ring{animation:pulse 1.2s ease-in-out infinite}.hint-ghost{opacity:.5}.hint-from{fill:none;stroke:var(--hint);stroke-width:3;stroke-dasharray:7 6}.board-hint-arrow line{stroke:var(--hint);stroke-width:7;stroke-linecap:round}.board-hint-arrow .arrow-under{stroke:#1e100480;stroke-width:11}.board-hint-arrow{pointer-events:none}.board-arrow-head{fill:var(--hint)}.try-ring .halo{stroke-dasharray:10 6}.try-ring{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.over-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.over-bar-title{font-weight:800}.over-bar-detail{flex:1 1 12em;color:var(--muted);font-size:.85rem}.turnbar-last{color:var(--muted)}.tray{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.tray-label{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:.8rem;color:var(--muted);min-width:6.5em}.tray-pieces{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tray-empty{color:var(--muted);font-size:.8rem}.tray-tile{display:inline-block;position:relative;width:46px;height:46px;padding:0;background:none;border:2px solid transparent;border-radius:10px}.tray-tile[aria-disabled=true],span.tray-tile{cursor:default}.tray-tile svg{width:100%;height:100%;display:block}.tray-tile-can:hover{border-color:var(--line)}.tray-tile-on,.tray-tile-on:hover{border-color:var(--accent);background:var(--accent-soft)}.tray-tile-hint{box-shadow:0 0 0 3px var(--hint)}.tray-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tray-count{position:absolute;right:-4px;bottom:-4px;font-size:.72rem;font-weight:700;padding:1px 5px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.help-small{margin:0 0 6px;color:var(--muted);font-size:.82rem}.help-pieces{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.help-pieces li{display:flex;align-items:center;gap:10px;font-size:.85rem;line-height:1.5}.help-diagram{width:84px;height:84px;flex:none}.help-cell{fill:var(--wood);stroke:var(--wood-line);stroke-width:2}.help-cell-on{fill:color-mix(in srgb,var(--wood) 72%,var(--side-1))}.help-dot{fill:var(--ink-1)}@media(prefers-reduced-motion:reduce){.promoted-now .piece,.hint-ring,.try-ring{animation:none}}.page-mp{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.join-row{display:flex;gap:8px}.join-code{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--text);font:inherit;font-size:1rem;letter-spacing:.22em;text-transform:uppercase}.join-code:focus{outline:none;border-color:var(--accent)}.code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.code-label{color:var(--muted);font-size:.82rem}.code-value{font-size:1.5rem;letter-spacing:.24em;font-variant-numeric:tabular-nums}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.player-row{display:flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:.88rem}.player-row.empty{border-style:dashed}.player-name{font-weight:600;overflow-wrap:anywhere}.player-waiting{color:var(--muted);font-size:.83rem}.mp-note{margin:0;color:var(--muted);font-size:.83rem;line-height:1.5}.mp-note-warn{color:var(--warn-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.error-box-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.error-box-close{background:transparent;border:none;color:inherit;padding:2px 4px}.chat-fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:1.2rem;z-index:40}.chat-fab:hover{border-color:var(--accent)}.chat-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:var(--bg);font-size:.66rem;line-height:18px;font-weight:700}.chat-panel{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(320px,calc(100vw - 32px));max-height:min(440px,70vh);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;z-index:40}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line)}.chat-title{font-weight:600;font-size:.88rem}.chat-close{background:transparent;border:none;color:var(--muted)}.chat-msgs{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.chat-empty{color:var(--muted);font-size:.8rem;text-align:center;padding:16px 0}.chat-msg{display:flex;flex-direction:column;gap:3px;align-items:flex-start;max-width:85%}.chat-msg.me{align-self:flex-end;align-items:flex-end}.chat-meta{display:flex;gap:6px;font-size:.7rem;color:var(--muted)}.chat-bubble{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:6px 10px;font-size:.85rem;line-height:1.45;overflow-wrap:anywhere}.chat-msg.me .chat-bubble{background:var(--accent-soft);border-color:var(--accent)}.chat-input-row{display:flex;gap:6px;padding:9px 10px;border-top:1px solid var(--line)}.chat-input{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:7px 10px;color:var(--text);font:inherit;font-size:.85rem}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-send{background:var(--accent);color:var(--on-accent);border:none;border-radius:9px;padding:7px 12px;font-size:.82rem;font-weight:600}.chat-send:disabled{opacity:.55}.install-btn{background:var(--accent-soft);border:1px solid var(--accent);color:var(--text);border-radius:10px;padding:6px 10px;font-size:.82rem;white-space:nowrap}.install-btn:hover{filter:brightness(1.1)}.install-icon{border-color:var(--accent)}.home-card .install-btn{width:100%;padding:11px 14px;font-size:.95rem;font-weight:600}.pwa-toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);font-size:.83rem;z-index:60;width:max-content;max-width:calc(100vw - 24px)}.pwa-toast-btn{background:var(--accent);color:var(--on-accent);border:none;border-radius:9px;padding:6px 11px;font-size:.8rem;font-weight:600;white-space:nowrap}.pwa-toast-close{background:transparent;border:none;color:var(--muted);padding:2px 4px}.home:has(~.pwa-toast){padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}@media(max-width:400px){.brand h1{font-size:1rem}.brand .sub{display:none}.tray-label{min-width:0}.theme-btn,.help-btn,.gear{padding:5px 7px}}@media not (min-width:560px){.install-icon{display:none}}@media(max-width:420px){.controls{display:grid;grid-template-columns:repeat(2,1fr)}.controls button{min-width:0}}