:root{--ink-950:#0a0b0d;--ink-900:#101217;--ink-850:#15181f;--ink-800:#1b1f28;--ink-700:#262b36;--ink-600:#363c4a;--ink-400:#6b7484;--ink-300:#98a1b0;--ink-200:#c3cad5;--ink-50:#eef1f6;--brand:#6ea8fe;--brand-soft:#6ea8fe24;--danger:#f87171;--danger-soft:#f871711a;--ok:#6ecf8e;--ok-soft:#6ecf8e1a;--warn:#d9a95c;--warn-soft:#d9a95c1a;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--shadow-pop:0 12px 40px -12px #000c;--bg-color:var(--ink-950);--panel-bg:var(--ink-900);--border-color:var(--ink-700);--border-focus:var(--ink-600);--accent:var(--ink-700);--accent-active:var(--ink-50);--accent-active-text:var(--ink-950);--primary-blue:var(--brand);--primary-blue-hover:#86b7ff;--text-primary:var(--ink-50);--text-secondary:var(--ink-300);--text-muted:var(--ink-400);--square-light:#e8e6dd;--square-dark:#7d8b6f;--square-highlight:#6ea8fe73;--square-valid:#0a0b0d38;--square-valid-capture:#f8717173;--square-check:#f871718c;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink-50);font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--ink-950);-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}::selection{background:#6ea8fe47}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.panel{border:1px solid var(--ink-700);border-radius:var(--radius-xl);background-color:#10121799;padding:20px}.header-container{border-bottom:1px solid var(--ink-700);background-color:var(--ink-950)}.brand-title{letter-spacing:-.01em;color:var(--ink-50);font-weight:600}.chessboard-container{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--ink-700);width:100%;max-width:480px;position:relative;overflow:hidden}.chessboard-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.chess-square{cursor:pointer;-webkit-user-select:none;user-select:none;aspect-ratio:1;justify-content:center;align-items:center;display:flex;position:relative}.chess-square.light{background-color:var(--square-light)}.chess-square.dark{background-color:var(--square-dark)}.chess-square.highlighted{background-color:var(--square-highlight)!important}.chess-square.valid-move:after{content:"";background-color:var(--square-valid);pointer-events:none;border-radius:50%;width:20%;height:20%;position:absolute}.chess-square.valid-move-capture{box-shadow:inset 0 0 0 4px var(--square-valid-capture)}.chess-square.in-check{background-color:var(--square-check)!important}.square-coord{-webkit-user-select:none;user-select:none;pointer-events:none;font-size:10px;font-weight:500;position:absolute}.square-coord.file{bottom:2px;right:4px}.square-coord.rank{top:2px;left:4px}.chess-square.light .square-coord{color:var(--square-dark)}.chess-square.dark .square-coord{color:var(--square-light)}.chess-piece{object-fit:contain;cursor:grab;z-index:10;width:88%;height:88%}.chess-piece:active{cursor:grabbing}.piece-tray{background-color:var(--ink-950);border-radius:var(--radius-lg);border:1px solid var(--ink-700);flex-direction:column;gap:10px;padding:10px;display:flex}.tray-item{border-radius:var(--radius);background-color:var(--ink-800);border:1px solid var(--ink-700);cursor:pointer;justify-content:center;align-items:center;width:48px;height:48px;padding:5px;transition:background-color .15s,border-color .15s;display:flex}.tray-item:hover{background-color:var(--ink-700);border-color:var(--ink-600)}.tray-item.active{background-color:var(--brand-soft);border-color:var(--brand)}.tray-item img{object-fit:contain;width:90%;height:90%}input[type=text],textarea{background-color:var(--ink-950);border:1px solid var(--ink-700);width:100%;color:var(--ink-50);border-radius:var(--radius);outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}input[type=text]::placeholder,textarea::placeholder{color:var(--ink-400)}input[type=text]:focus,textarea:focus{border-color:var(--brand)}.switch-container{border:1px solid var(--ink-700);background-color:var(--ink-950);border-radius:var(--radius);gap:3px;padding:3px;display:flex}.switch-btn{color:var(--ink-400);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex:1;padding:5px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .15s,color .15s}.switch-btn:hover{color:var(--ink-200)}.switch-btn.active{background-color:var(--ink-700);color:var(--ink-50)}.switch-btn:disabled{opacity:.4;cursor:not-allowed}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--brand);color:var(--ink-950);font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{color:var(--ink-300);border-color:var(--ink-700);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--ink-800);color:var(--ink-50)}.flex-row-layout{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.flex-row-layout{grid-template-columns:1.2fr 1fr}}