@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;--bg-color:#09090b;--panel-bg:#18181b;--border-color:#27272a;--border-focus:#52525b;--accent:#3f3f46;--accent-active:#f4f4f5;--accent-active-text:#09090b;--primary-blue:#3b82f6;--primary-blue-hover:#2563eb;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--square-light:#eeeed2;--square-dark:#769656;--square-highlight:#f7f76980;--square-valid:#00000026;--square-valid-capture:#ef44444d;--square-check:#ef444499;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.panel{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;padding:24px}.header-container{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#09090acc}.brand-title{letter-spacing:-.02em;color:var(--text-primary);font-family:Outfit,sans-serif;font-weight:700}.chessboard-container{aspect-ratio:1;border:1px solid var(--border-color);border-radius:6px;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.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:600;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{border:1px solid var(--border-color);background-color:#0003;border-radius:6px;flex-direction:column;gap:12px;padding:12px;display:flex}.tray-item{border:1px solid var(--border-color);cursor:pointer;background-color:#27272a;border-radius:6px;justify-content:center;align-items:center;width:52px;height:52px;padding:6px;transition:all .15s;display:flex}.tray-item:hover{border-color:var(--border-focus);background-color:#3f3f46;transform:translateY(-2px)}.tray-item.active{background-color:#52525b;border-color:#fafafa;box-shadow:0 0 10px #ffffff1a}.tray-item img{object-fit:contain;width:90%;height:90%}input[type=text],textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background-color:#09090b;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}input[type=text]:focus,textarea:focus{border-color:var(--border-focus)}.switch-container{border:1px solid var(--border-color);background-color:#09090b;border-radius:6px;padding:2px;display:flex}.switch-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.switch-btn:hover{color:var(--text-primary)}.switch-btn.active{background-color:var(--accent);color:var(--text-primary)}.switch-btn:disabled{opacity:.3;cursor:not-allowed}.btn{cursor:pointer;border:1px solid var(--border-color);border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary)}.btn-primary:hover{background-color:#ffffffe6}.btn-secondary{color:var(--text-primary);background-color:#0000}.btn-secondary:hover{border-color:var(--border-focus);background-color:#ffffff08}.flex-row-layout{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=1024px){.flex-row-layout{grid-template-columns:1.2fr 1fr}}