body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#282c34;color:gray;min-height:100vh;text-align:center;width:100vw}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.board-and-explanation-container{align-items:flex-start;display:flex;gap:10px;justify-content:center;margin:auto;width:100vmin}.board{flex:4 1}.explanation{align-self:stretch;background-color:#1e1e1e;border-radius:5px;color:#fff;display:flex;flex:1 1;flex-direction:column;font-family:Arial,sans-serif;font-size:18px;gap:10px;line-height:1.5;padding:15px;text-align:left}.btn,.explain-button,.position-input-wrapper button{background-color:#61dafb;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#282c34;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:background-color .18s ease,transform .12s ease}.btn:hover,.explain-button:hover,.position-input-wrapper button:hover{background-color:#4fa8d3;transform:translateY(-1px)}.explain-button:disabled{background-color:#61dafb;box-shadow:none;cursor:default;opacity:.65;transform:none}.explanation .loading-bar{align-items:center;box-sizing:border-box;display:flex;height:auto;justify-content:flex-start;min-height:24px;padding:12px 0 0;width:100%}.explanation .loading-progress{animation:loading-shimmer 1.2s linear infinite;background:linear-gradient(90deg,#ffffff0f,#ffffff24 50%,#ffffff0f);background-size:200% 100%;border-radius:999px;box-shadow:inset 0 1px 2px #0006;height:12px;max-width:320px;width:100%}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.position-input-wrapper{box-sizing:border-box;margin:20px auto;max-width:1000px;padding:6px}.position-input-wrapper form,.position-input-wrapper>*{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;gap:10px;padding:12px;width:100%}.position-input-wrapper div{color:#fff;font-size:18px;font-weight:600}.position-input-wrapper input,.position-input-wrapper textarea{background-color:#282c34;border:1px solid #fff;border-radius:6px;color:#fff;flex:1 1;font-size:18px;outline:none;padding:10px 12px}@media (max-width:640px){.position-input-wrapper form,.position-input-wrapper>*{flex-direction:column;gap:8px}.position-input-wrapper button{width:100%}}
/*# sourceMappingURL=main.c81883e9.css.map*/