:root{color-scheme:dark;--accent: #7869f5;--accent-hover: #8c7dff;--accent-light: #beb5ff;--accent-dark: #2d2750;--accent-secondary: #b49bd6;--on-accent: #100d24;--accent-faint: color-mix(in srgb, var(--accent) 15%, transparent);--accent-soft: color-mix(in srgb, var(--accent) 25%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 38%, transparent);--accent-border: color-mix(in srgb, var(--accent-light) 25%, transparent);--accent-light-border: color-mix(in srgb, var(--accent-light) 45%, transparent);--white: #fff;--white-hover: #f2f0fa;--on-white: #14131e;--success: #99d6b5;--success-surface: #263e2d;--success-surface-strong: #30492e;--success-border: #688f55;--success-text: #c1dfa8;--success-muted: #7d9778;--warning: #e9b36c;--warning-surface: #40382b;--warning-surface-strong: #5d4530;--warning-border: #6b5340;--warning-text: #e3c58d;--error: #ffb7a3;--danger: #ba6049;--danger-hover: #d77557;--danger-surface: #422e2a;--danger-border: #6c4b40;--danger-border-strong: #da8a6b;--danger-text: #d9b09d;--danger-text-hover: #ffd2bf;--on-danger: #fff3e6;--bg: #14131e;--sidebar: #100f19;--panel: #201e30;--panel-alt: #27243a;--surface: #1d1b2e;--surface-low: #1a1829;--surface-inset: #161423;--surface-raised: #28263b;--surface-hover: #2d2a43;--line: #353149;--line-subtle: #2a283c;--line-strong: #4e4a70;--text: #f2f0fa;--text-strong: #dddce8;--text-secondary: #d1cfe2;--text-soft: #b9b6ce;--muted: #a39eba;--text-subtle: #8f8ca7;--text-faint: #787497;--text-disabled: #6a6688;--avatar-bg: #b8c7df;--avatar-text: #20303c;--streak-surface: #2f2721;--streak-border: #604631;--streak-icon: #f4a261;--streak-text: #f2c9a5;--streak-muted: #c1a58a;--highlight-text: #e0c68e;--board-light: #e2dff2;--board-dark: #8a80af;--board-selected: #b7a5f5;--board-hint: #e1cc73;--board-focus: #4b3cb0;--board-coordinate: #4a416c;--board-coordinate-on-dark: #f4f0ff;--board-move: #34286970;--board-capture: #34286999;--board-side-black: #191728;--board-side-black-border: #757290;--board-side-white: #dddbec;--board-side-white-border: #e6e5f1;--board-piece-option: #7c7991;--board-piece-option-hover: #a29dca;--artwork-bg: #27243e;--artwork-glow: #464266;--artwork-stripe: #817bae08;--artwork-bg-alt: #2f3047;--artwork-glow-alt: #555474;--artwork-stripe-alt: #b29cd608;--result-gradient-start: #30274c;--result-gradient-end: #191725;--result-border: color-mix(in srgb, var(--accent-hover) 60%, transparent);--overlay: #09080fc9;--overlay-board: color-mix(in srgb, var(--on-accent) 45%, transparent);--shadow-subtle: #0003;--shadow-surface: #00000010;--shadow-dialog: #0008;--shadow-account: #0007;--shadow-result: #08051380;--shadow-piece: #1e1c2d18;font-family:DM Sans,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;color:inherit;background:none}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:39px;letter-spacing:-1.8px;line-height:1.23;font-weight:700}h1>span{color:var(--accent-light)}h2{font-size:20px;letter-spacing:-.65px}p{line-height:1.7}@media(max-width:1200px){h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}select{font:inherit}select{-webkit-tap-highlight-color:transparent}select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}select{touch-action:manipulation}.round-button{border-radius:50%;width:30px;height:30px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;margin-left:auto;flex-shrink:0}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:8px 0}.text-button:hover{color:var(--accent)}.text-button k-icon{width:14px;height:14px}.square-control{width:31px;height:31px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:var(--muted)}.square-control k-icon{width:13px;height:13px}.primary,.button-white{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--accent);border:1px solid var(--accent);color:var(--text);min-height:41px;padding:11px 17px;border-radius:6px;font-size:11px;font-weight:700;transition:background .2s,transform .2s}.primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);border-color:var(--accent-hover)}.button-white{background:var(--white);border-color:var(--white);color:var(--on-white)}.button-white:hover:not(:disabled){background:var(--white-hover);border-color:var(--white-hover);transform:translateY(-1px)}.primary k-icon,.button-white k-icon{width:16px;height:16px}.full{width:100%}.primary.full>k-icon:last-child,.button-white.full>k-icon:last-child{margin-left:auto;width:14px}.primary.full>k-icon:first-child,.button-white.full>k-icon:first-child{width:15px}.icon-button{display:flex;padding:8px;margin-left:auto;color:var(--text-subtle)}.icon-button k-icon{width:17px;height:17px}.secondary-button,.danger-outline,.danger-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:6px;min-height:41px;padding:10px 15px;font-size:11px;font-weight:500;background:var(--accent-dark);color:var(--accent-light)}.secondary-button k-icon,.danger-outline k-icon,.danger-primary k-icon{width:15px;height:15px}.secondary-button:hover{background:var(--surface-hover)}.danger-outline{background:none;border-color:var(--danger-border);color:var(--danger-text);margin-left:auto}.danger-outline:hover{background:var(--danger-surface);color:var(--danger-text-hover)}.danger-primary{background:var(--danger);color:var(--on-danger);border-color:var(--danger-border-strong)}.danger-primary:hover{background:var(--danger-hover)}@media(max-width:760px){.danger-outline{margin-left:0}}select{appearance:none;-webkit-appearance:none;color-scheme:dark;min-height:40px;min-width:0;max-width:100%;padding:10px 36px 10px 12px;border:1px solid var(--line);border-radius:6px;background-color:var(--panel);background-image:url(/fontawesome/chevron-down.svg);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;color:var(--text);font-size:11px;font-weight:500;line-height:1.5;text-overflow:ellipsis;cursor:pointer;transition:border-color .2s,box-shadow .2s}select option,select optgroup{background-color:var(--panel);color:var(--text);font:inherit}select option:checked{background-color:var(--accent-dark);color:var(--accent-light)}select:not(:disabled):hover{border-color:var(--accent-hover)}select:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}select:disabled{opacity:.5;cursor:not-allowed}.avatar{background:var(--avatar-bg);color:var(--avatar-text);font-size:12px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;font-weight:700}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:1px 0 30px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.9px;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;gap:7px}.eyebrow>span{height:5px;width:5px;background:var(--accent);border-radius:50%}.page-heading p{margin-top:12px;font-size:12px;color:var(--text-subtle)}.side-indicator{display:inline-block;width:12px;height:12px;background:var(--board-side-black);border:1.5px solid var(--board-side-black-border);border-radius:50%;flex-shrink:0;vertical-align:middle}.side-indicator.white{background:var(--board-side-white);border-color:var(--board-side-white-border)}.progress-track{height:4px;background:var(--line);border-radius:20px;overflow:hidden}.progress-track>span{display:block;background:var(--accent);border-radius:20px;height:100%;transition:width .3s}.error-banner{display:flex;align-items:center;gap:10px;padding:13px 16px;background:var(--danger-surface);border:1px solid var(--danger-border);color:var(--error);font-size:12px;border-radius:8px;margin-bottom:22px}.error-banner button{margin-left:auto;display:flex}.empty-state{padding:50px 25px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:15px}.empty-state>k-icon{width:36px;height:36px;color:var(--muted)}.empty-state h2,.empty-state h3{color:var(--text)}.empty-state p{font-size:12px}.empty-state .primary{margin-top:8px}.inline-note{font-size:10px;color:var(--muted);margin-top:15px;line-height:1.7}.inline-error{color:var(--error);font-size:11px;margin-top:10px}.muted{color:var(--muted)}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.library-heading h2{font-size:19px}.library-heading h2>span{font-size:10px;padding:4px 7px;border:1px solid var(--line);border-radius:5px;color:var(--text-subtle);vertical-align:middle;margin-left:8px;letter-spacing:0}.search{border:1px solid var(--line);background:var(--surface);border-radius:6px;color:var(--muted);font-size:10px;padding:10px}.search{display:flex;align-items:center;gap:8px}.search k-icon{width:13px;height:13px}.search input{border:0;background:none;width:140px;color:var(--text-secondary);font-size:10px}.search input::placeholder{color:var(--text-faint)}.modal-backdrop{position:fixed;inset:0;z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:24px;overflow-y:auto}.tap-tooltip{position:fixed;z-index:110;width:max-content;max-width:min(280px,100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);box-shadow:0 8px 24px var(--shadow-dialog);font-size:12px;line-height:1.5;overflow-wrap:anywhere;text-align:center}@media(min-width:1500px){.page-heading{max-width:1100px}}@media(max-width:1200px){.library-heading{flex-direction:column;align-items:start}}@media(max-width:1000px){.page-heading .primary{white-space:nowrap}}@media(max-width:760px){.avatar{width:27px;height:27px}.page-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:24px}.page-heading h1{font-size:30px;letter-spacing:-1.3px}.page-heading p{font-size:11px;margin-top:9px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:10px}.page-heading>.primary{font-size:10px;padding:10px}.search input{width:100%}.modal-backdrop{padding:0;align-items:flex-end;overflow:hidden}.modal-backdrop>section[aria-modal=true]{align-self:flex-end;width:100%;max-width:100%;height:auto;max-height:90dvh;min-height:0;margin:0;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;overflow-y:auto;overscroll-behavior-y:contain}}