:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#3b2a1a;-webkit-tap-highlight-color:transparent;background:#f3ead8;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}.app{max-width:720px;padding:env(safe-area-inset-top) 8px env(safe-area-inset-bottom);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:center;padding:10px 4px;display:flex}.app-title{color:inherit;font-size:1.25rem;font-weight:700;text-decoration:none}.nickname-button{background:0 0;border:none;padding:4px 8px;font-size:.95rem}.app-header .nickname-form{max-width:70%}button{font:inherit;color:#7a4a1f;cursor:pointer;background:#fffaf0;border:1px solid #7a4a1f;border-radius:8px;min-height:40px;padding:8px 16px}button.primary{color:#fffaf0;background:#7a4a1f;padding:12px 28px;font-size:1.1rem}button:disabled{opacity:.6;cursor:default}input{font:inherit;min-width:0;min-height:40px;color:inherit;background:#fffdf7;border:1px solid #b08a5a;border-radius:8px;padding:6px 10px}.inline-form{align-items:center;gap:8px;display:flex}.inline-form input{flex:1}.lobby{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.panel{background:#fffaf0;border-radius:12px;padding:12px 14px}.panel h2{margin:0 0 10px;font-size:1.1rem}.panel-hint{opacity:.7;font-size:.85rem;font-weight:400}.panel .error{text-align:left;margin:8px 0 0}.nickname-prompt{margin-top:15vh}.create-room fieldset{border:none;flex-wrap:wrap;gap:4px 16px;margin:0 0 10px;padding:0;display:flex}.create-room legend{margin-bottom:4px;padding:0;font-weight:700}.create-room label{align-items:center;gap:4px;min-height:36px;display:flex}.join-by-code input{letter-spacing:.3em;max-width:10em;font-size:1.2rem}.join-by-code input::placeholder{letter-spacing:normal;font-size:1rem}.empty{opacity:.7;margin:0}.room-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.room-item{color:inherit;border:1px solid #e0cba5;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 12px;text-decoration:none;display:flex}.room-item:hover,.room-item:focus-visible{background:#fbf1dc;border-color:#7a4a1f}.room-item-variant{font-weight:700}.room-item-host{flex:1;min-width:8em}.status-waiting{color:#167a3e}.status-playing{color:#b3261e}.room-item-time{opacity:.8}.room-item-code{font-variant-numeric:tabular-nums;opacity:.7}.room-info{flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:0;display:flex}.share-code strong{letter-spacing:.15em;font-variant-numeric:tabular-nums;font-size:1.2rem}.notice{text-align:center;margin-top:30vh}.error{color:#b3261e;text-align:center}.notice-inline{color:#8a5a00;text-align:center;margin:0}.opponent-away{flex-direction:column;align-items:center;gap:6px;display:flex}.seat-offline{color:#8a5a00}.room{flex-direction:column;align-items:center;gap:8px;display:flex}.seat{background:#fffaf0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 10px;display:flex}.seat-side{white-space:nowrap;font-weight:700}.seat-red .seat-side{color:#b3261e}.seat-black .seat-side{color:#222}.seat-empty{opacity:.6}.turn{margin:0;font-weight:700}.turn-red{color:#b3261e}.turn-black{color:#222}.status{flex-direction:column;align-items:center;gap:4px;display:flex}.turn-over{color:#7a4a1f}.check-alert{color:#fffaf0;background:#b3261e;border-radius:999px;margin:0;padding:2px 12px;font-weight:700}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.button-confirm{gap:8px;display:flex}button.danger{color:#fffaf0;background:#b3261e;border-color:#b3261e}.dialog-backdrop{z-index:10;background:#28180873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{text-align:center;background:#fffaf0;border-radius:12px;width:min(320px,100%);padding:20px;box-shadow:0 10px 30px #00000040}.dialog h2{margin:0 0 8px}.dialog-reason{margin:0 0 16px}.board{--board-max-height:max(calc(100dvh - 290px), 50dvh);width:min(100%, calc(var(--board-max-height) * var(--board-ratio)));aspect-ratio:var(--board-ratio);touch-action:manipulation;-webkit-user-select:none;user-select:none;display:block}@media (orientation:landscape) and (width>=640px){.app:has(>.room){max-width:1120px}.room{--sidebar-width:clamp(240px, 30vw, 340px);grid-template-columns:auto var(--sidebar-width);grid-template-rows:repeat(12,auto) 1fr;justify-content:center;place-items:start center;gap:0 16px;display:grid}.room>:not(.dialog-backdrop){grid-column:2;margin-bottom:8px}.room>.board{--board-max-height:calc(100dvh - 72px);width:min(calc(min(100vw, 1120px) - var(--sidebar-width) - 40px), calc(var(--board-max-height) * var(--board-ratio)));grid-area:1/1/-1;position:sticky;top:8px}.room .share{margin-top:0}}.board-bg{fill:#e8c68a}.board-frame{fill:none;stroke:#5a3a1a;stroke-width:3px}.board-lines line{stroke:#5a3a1a;stroke-width:1.5px}.river{fill:#5a3a1a;text-anchor:middle;dominant-baseline:central;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:28px}.piece circle{fill:#fbe9c6;stroke-width:2px}.piece .piece-ring{fill:none;stroke-width:1.5px}.piece text{text-anchor:middle;dominant-baseline:central;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:30px;font-weight:700}.piece-red circle{stroke:#b3261e}.piece-red text{fill:#b3261e}.piece-black circle{stroke:#222}.piece-black text{fill:#222}.piece-hidden circle{stroke-width:2.5px}.piece-back-fill{fill:#6b4a2b}.piece-back-line{stroke:#a07a50;stroke-width:2px}.piece-unknown circle{stroke:#3b2a1a}.piece-hidden .piece-ring{stroke:#e8d2a8}.captured{flex-wrap:wrap;gap:2px;margin-left:auto;display:flex}.captured-piece{background:#fbe9c6;border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:15px;font-weight:700;display:inline-flex}.captured-red{color:#b3261e}.captured-black{color:#222}.captured-hidden{color:#fff;background:repeating-linear-gradient(45deg,#6b4a2b 0 3px,#a07a50 3px 5px);font-family:system-ui,sans-serif}.last-move{fill:#1e6ec82e;stroke:#1e6ec8;stroke-width:2.5px;stroke-dasharray:8 5;pointer-events:none}.last-move-to{stroke-dasharray:none}.in-check{fill:#b3261e59;stroke:#b3261e;stroke-width:3px;pointer-events:none}.selected-square{fill:#fff45c8c;stroke:#9b7400;stroke-width:3px;pointer-events:none}.legal-target{fill:#167a3e;stroke:#f4ffe9;stroke-width:2px;pointer-events:none}.legal-capture{fill:none;stroke:#c0392b;stroke-width:4px;stroke-dasharray:10 6}.square-hit{fill:#0000;cursor:pointer}.square-hit:focus-visible{fill:#fff3;stroke:#167a3e;stroke-width:3px;outline:none}.share{text-align:center;border-top:1px solid #e0cba5;flex-direction:column;align-items:center;gap:8px;margin-top:8px;padding-top:12px;display:flex}.share-title{margin:0;font-size:1rem}.share-code{margin:0}.share-link{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.share-url{opacity:.8;word-break:break-all;-webkit-user-select:all;user-select:all;font-size:.85rem}.qr-code{width:160px;height:160px}.share-hint{opacity:.7;margin:0;font-size:.85rem}.incoming-requests{z-index:5;flex-direction:column;align-items:center;gap:6px;display:flex;position:sticky;bottom:8px}.incoming-request{background:#fff3c4;border:1px solid #d9a400;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 4px 12px #28180833}.incoming-request-actions{gap:8px;display:flex}button.accept{color:#fff;background:#2e7d32;border-color:#2e7d32}.clock{font-variant-numeric:tabular-nums;opacity:.55;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:1.1rem;font-weight:700}.captured+.clock{margin-left:0}.clock-running{opacity:1;color:#fffaf0;background:#3b2a1a}.clock-low{background:#b3261e}