main.svelte-shcphc{box-sizing:border-box;flex-direction:column;min-height:100vh;padding:20px 16px 24px;display:flex}.header.svelte-shcphc{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px;display:flex}h1.svelte-shcphc{color:var(--text-primary);margin:0;font-size:34px;font-weight:700;line-height:1.15}.sub.svelte-shcphc{color:var(--text-secondary);margin:0;font-size:15px;font-weight:400}.game-switch.svelte-shcphc{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:4px;margin-top:10px;padding:4px;display:flex}.game-switch.svelte-shcphc a:where(.svelte-shcphc){color:var(--text-secondary);transition:background var(--speed) var(--ease-out), color var(--speed) var(--ease-out);border-radius:8px;padding:7px 16px;font-size:14px;font-weight:600;text-decoration:none}.game-switch.svelte-shcphc a:where(.svelte-shcphc):hover{background:var(--overlay-hover);color:var(--text-primary)}.game-switch.svelte-shcphc a.current:where(.svelte-shcphc){background:var(--accent);color:var(--on-accent)}.layout.svelte-shcphc{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;display:flex}.board-column.svelte-shcphc{flex-direction:column;width:min(92vw,620px);display:flex}.board-wrap.svelte-shcphc{position:relative}.under-board.svelte-shcphc{flex-direction:column;gap:10px;margin-top:14px;display:flex}.game-actions.svelte-shcphc{gap:8px;display:flex}.game-actions.svelte-shcphc button:where(.svelte-shcphc){white-space:nowrap;flex:1;padding:10px 6px}.game-actions.svelte-shcphc .draw-btn:where(.svelte-shcphc){color:#c7cdf4;background:#5e6ad261;border-color:#5e6ad2b3}.game-actions.svelte-shcphc .draw-btn:where(.svelte-shcphc):hover:not(:disabled){background:#5e6ad28c}.game-actions.svelte-shcphc .resign-btn:where(.svelte-shcphc){color:#f5a39c;background:#c5342859;border-color:#c53428bf}.game-actions.svelte-shcphc .resign-btn:where(.svelte-shcphc):hover:not(:disabled){background:#c5342880}.panel.svelte-shcphc{flex-direction:column;gap:14px;width:320px;display:flex}.card.svelte-shcphc{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:0 1px 2px #00000040}.card.svelte-shcphc h2:where(.svelte-shcphc){text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:12px 0 6px;font-size:12px}.status.svelte-shcphc{align-items:center;gap:10px;font-size:15px;display:flex}.turn-dot.svelte-shcphc{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:18px;height:18px}.turn-dot.red.svelte-shcphc{background:#b03030}.turn-dot.black.svelte-shcphc{background:#14120f}.check-badge.svelte-shcphc{background:var(--danger-badge);color:#fff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;animation:1.2s infinite svelte-shcphc-pulse}.review-badge.svelte-shcphc{color:var(--accent-strong);border:1px solid var(--accent);white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:600}.thinking-pill.svelte-shcphc{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-strong);pointer-events:none;animation:svelte-shcphc-float-in var(--speed) var(--ease-out);z-index:5;border-radius:999px;padding:7px 18px;font-size:14px;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}.dots.svelte-shcphc i:where(.svelte-shcphc){font-style:normal;animation:1.2s infinite svelte-shcphc-dot-blink;display:inline-block}.dots.svelte-shcphc i:where(.svelte-shcphc):nth-child(2){animation-delay:.2s}.dots.svelte-shcphc i:where(.svelte-shcphc):nth-child(3){animation-delay:.4s}@keyframes svelte-shcphc-dot-blink{0%,60%,to{opacity:.25}30%{opacity:1}}@keyframes svelte-shcphc-float-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}}.offer-sub.svelte-shcphc{color:var(--text-secondary);margin:-8px 0 14px;font-size:14px}.offer-buttons.svelte-shcphc{gap:8px;display:flex}.offer-buttons.svelte-shcphc button:where(.svelte-shcphc){flex:1}button.svelte-shcphc:disabled{opacity:.45;cursor:not-allowed}.ghost.danger.svelte-shcphc,.ghost.danger.svelte-shcphc:hover:not(:disabled){background:var(--danger-badge);color:#fff;border-color:#0000}.history-head.svelte-shcphc{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.history-head.svelte-shcphc h2:where(.svelte-shcphc){margin:0 0 6px}.link.svelte-shcphc{color:var(--accent-strong);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:13px;font-weight:600}.link.svelte-shcphc:hover:not(:disabled){text-decoration:underline}@keyframes svelte-shcphc-pulse{50%{opacity:.55}}button.svelte-shcphc{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-md);cursor:pointer;transition:background var(--speed) var(--ease-out), transform var(--speed) var(--ease-out), color var(--speed) var(--ease-out);border:1px solid #0000;padding:10px 16px;font-size:14px;font-weight:600}button.svelte-shcphc:hover{background:var(--accent-strong)}button.svelte-shcphc:active{transform:scale(.97)}.ghost.svelte-shcphc{color:var(--text-primary);border-color:var(--border-strong);background:0 0}.ghost.svelte-shcphc:hover{background:var(--overlay-hover)}.actions.svelte-shcphc button:where(.svelte-shcphc){width:100%}.actions.svelte-shcphc{flex-direction:column;gap:8px;display:flex}.mode-switch.svelte-shcphc{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.mode-switch.svelte-shcphc button:where(.svelte-shcphc){color:var(--text-secondary);background:0 0;border-radius:8px;flex:1;padding:8px 4px;font-size:13px}.mode-switch.svelte-shcphc button:where(.svelte-shcphc):hover{background:var(--overlay-hover);color:var(--text-primary)}.mode-switch.svelte-shcphc button.active:where(.svelte-shcphc){background:var(--accent);color:var(--on-accent)}.mode-switch.svelte-shcphc button.active:where(.svelte-shcphc):hover{background:var(--accent-strong)}.online-card.svelte-shcphc{flex-direction:column;gap:8px;display:flex}.online-card.svelte-shcphc h2:where(.svelte-shcphc){margin:0}.online-card.svelte-shcphc button:where(.svelte-shcphc){width:100%}.join-row.svelte-shcphc{gap:8px;display:flex}.join-row.svelte-shcphc .fen-input:where(.svelte-shcphc){flex:1;min-width:0;margin-bottom:0}.join-row.svelte-shcphc button:where(.svelte-shcphc){white-space:nowrap;width:auto}.join-error.svelte-shcphc{color:var(--danger-badge);margin:0;font-size:12px}.online-hint.svelte-shcphc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.level-row.svelte-shcphc{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.level-row.svelte-shcphc span:where(.svelte-shcphc){white-space:nowrap}.level-row.svelte-shcphc select:where(.svelte-shcphc){background:var(--surface-inset);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex:1;padding:8px 10px;font-size:13px}.level-row.svelte-shcphc select:where(.svelte-shcphc):focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}.level-row.svelte-shcphc select:where(.svelte-shcphc):disabled{opacity:.45;cursor:not-allowed}.fen-card.svelte-shcphc{flex-direction:column;gap:8px;display:flex}.fen-card.svelte-shcphc h2:where(.svelte-shcphc){margin:0}.fen-row.svelte-shcphc{gap:8px;display:flex}.fen-row.svelte-shcphc .fen-input:where(.svelte-shcphc){flex:1;min-width:0;margin-bottom:0}.fen-row.svelte-shcphc button:where(.svelte-shcphc){white-space:nowrap}.fen-current-row.svelte-shcphc{align-items:baseline;gap:8px;min-width:0;display:flex}.fen-label.svelte-shcphc{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0;font-size:11px}.fen-input.svelte-shcphc{box-sizing:border-box;background:var(--surface-inset);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px 11px;font-family:ui-monospace,monospace;font-size:13px}.fen-input.svelte-shcphc::placeholder{color:var(--text-muted)}.fen-input.svelte-shcphc:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}.fen-current.svelte-shcphc{background:var(--surface-inset);border:1px solid var(--border-subtle);min-width:0;color:var(--text-secondary);border-radius:var(--radius-md);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;padding:6px 10px;font-size:11px;display:block}.error.svelte-shcphc{color:#ef8080;margin:0;font-size:13px}.hint.svelte-shcphc{color:var(--text-muted);text-align:center;margin:0;font-size:13px;line-height:1.5}.overlay.svelte-shcphc{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14120e8c;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.result-card.svelte-shcphc{background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);text-align:center;padding:22px 30px;position:relative;box-shadow:0 12px 40px #00000073}.popup-close.svelte-shcphc{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1;position:absolute;top:6px;right:8px}.popup-close.svelte-shcphc:hover{color:var(--text-primary);background:0 0}.result-text.svelte-shcphc{color:var(--text-primary);margin:0 0 14px;font-size:20px;font-weight:700}@media (width<=960px){.panel.svelte-shcphc{width:min(92vw,560px)}}