:root{--color-primary: #f0e8d8;--color-primary-hover: #d9cfc0;--color-secondary: #a09080;--color-tertiary: #2a2520;--color-tertiary-hover:#332d28;--color-border: #3a3228;--color-border-light: #342e28;--color-surface: #221e1a;--color-bg: #1a1612;--color-accent: rgba(212, 168, 83, .25);--color-danger: #ff6b6b;--color-brand: #5b9cf6;--color-brand-hover: #3b7dd8;--color-brand-light: rgba(91, 156, 246, .15);--font-base: "Roboto", sans-serif;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--color-primary: #1a1a1a;--color-primary-hover: #333;--color-secondary: #555;--color-tertiary: #f5f5f5;--color-tertiary-hover:#e8e8e8;--color-border: #e0e0e0;--color-border-light: #ddd;--color-surface: #fafafa;--color-bg: #ffffff;--color-accent: rgba(155, 199, 0, .2);--color-danger: #d32f2f;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-light: rgba(37, 99, 235, .12);color-scheme:light}}[data-theme=light]{--color-primary: #1a1a1a;--color-primary-hover: #333;--color-secondary: #555;--color-tertiary: #f5f5f5;--color-tertiary-hover:#e8e8e8;--color-border: #e0e0e0;--color-border-light: #ddd;--color-surface: #fafafa;--color-bg: #ffffff;--color-accent: rgba(155, 199, 0, .2);--color-danger: #d32f2f;--color-brand: #2563eb;--color-brand-hover: #1d4ed8;--color-brand-light: rgba(37, 99, 235, .12);color-scheme:light}[data-theme=dark]{--color-primary: #f0e8d8;--color-primary-hover: #d9cfc0;--color-secondary: #a09080;--color-tertiary: #2a2520;--color-tertiary-hover:#332d28;--color-border: #3a3228;--color-border-light: #342e28;--color-surface: #221e1a;--color-bg: #1a1612;--color-accent: rgba(212, 168, 83, .25);--color-danger: #ff6b6b;--color-brand: #5b9cf6;--color-brand-hover: #3b7dd8;--color-brand-light: rgba(91, 156, 246, .15);color-scheme:dark}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-base)}.share-page__main{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 1rem 2rem;flex:1}@media(min-width:680px){.share-page__main{flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem;padding:2rem 2rem 3rem}}.share-page__board-wrap{flex-shrink:0;line-height:0;border:1px solid var(--color-border);border-radius:4px;overflow:hidden}.share-page__board{width:360px;height:360px;max-width:100%;display:block}.share-page__controls{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:300px}.share-page__position-label{font-size:.875rem;color:var(--color-secondary);margin:0;text-align:center}.share-page__nav{display:flex;justify-content:center;gap:.25rem}.share-page__nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:12px;cursor:pointer;background:var(--color-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-secondary);transition:background .15s,color .15s}.share-page__nav-btn:hover:not(:disabled){background:var(--color-tertiary-hover);color:var(--color-primary)}.share-page__nav-btn:disabled{opacity:.3;cursor:default}.share-page__move-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.5rem;max-height:240px;overflow-y:auto;font-size:.85rem}.share-page__move-row{display:grid;grid-template-columns:2em 1fr 1fr;gap:2px;align-items:center;margin-bottom:1px}.share-page__move-num{color:var(--color-secondary);opacity:.6;text-align:right;padding-right:4px;font-size:.78rem}.share-page__move{background:none;border:none;border-radius:4px;color:var(--color-primary);font-size:.83rem;padding:3px 6px;text-align:left;cursor:pointer;font-family:Courier New,monospace;transition:background .1s}.share-page__move:hover{background:var(--color-tertiary-hover)}.share-page__move--active{background:var(--color-accent);font-weight:600}.share-page__cta-row{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.share-page__cta{display:block;text-align:center;text-decoration:none;padding:.6rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-base);transition:background .15s}.share-page__cta--primary{background:var(--color-brand);color:#fff;border:none}.share-page__cta--primary:hover{background:var(--color-brand-hover)}.share-page__cta--secondary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-border)}.share-page__cta--secondary:hover{background:var(--color-tertiary-hover)}.share-page__centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1;padding:2rem}.share-page__status{color:var(--color-secondary);font-size:.95rem;margin:0}.share-page__error{color:var(--color-danger);font-size:.95rem;margin:0}