*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%;background:#0f1115}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600;line-height:1.4;color:#e9edf2;overflow-x:hidden}a{color:#c9d2dd;text-decoration:underline}a:hover{color:#f4c542}.board-container{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;grid-gap:28px;gap:28px;width:100%;min-height:100vh;padding:18px}div[data-testid=black-square]>div:first-child>div:first-child:not([data-testid]),div[data-testid=black-square]>div:first-child>div:last-child:not([data-testid]),div[data-testid=bottom-left-1],div[data-testid=bottom-left-8],div[data-testid=bottom-left-a],div[data-testid=bottom-left-h],div[data-testid=column-a],div[data-testid=column-b],div[data-testid=column-c],div[data-testid=column-d],div[data-testid=column-e],div[data-testid=column-f],div[data-testid=column-g],div[data-testid=column-h],div[data-testid=white-square]>div:first-child>div:first-child:not([data-testid]),div[data-testid=white-square]>div:first-child>div:last-child:not([data-testid]){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;font-weight:800!important;color:hsla(0,0%,100%,.85)!important}#movePrompt,.timer-container{font-size:28px;text-align:center;color:#e9edf2}.timer-container{font-weight:800}.incorrect{animation:flashRed .5s ease-in-out}.correct{animation:flashGreen .5s ease-in}@keyframes flashRed{0%{color:#ff4d4d}70%{color:#ff4d4d}to{color:#e9edf2}}@keyframes flashGreen{0%{color:#3cff8f}70%{color:#3cff8f}to{color:#e9edf2}}.topnav{width:100%;padding:18px 18px 0;background:#0f1115}.topnav-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:12px;gap:12px}.topnav-brand{font-size:18px;font-weight:900;letter-spacing:.2px;color:#e9edf2;text-align:center}.topnav-actions{display:flex;align-items:center;grid-gap:10px;gap:10px;flex-wrap:wrap;justify-content:center}.topnav-button{font-weight:800;font-size:13px;border:1px solid hsla(0,0%,100%,.12);padding:10px 12px;cursor:pointer;background:#1a2030;color:#e9edf2;border-radius:10px}.topnav-button:hover{border-color:hsla(0,0%,100%,.22);background:#1d2537}.topnav-button.active,.topnav-button.primary{border-color:rgba(244,197,66,.35);background:rgba(244,197,66,.14)}.about-page{min-height:100vh;padding:18px;background:#0f1115;color:#e9edf2}.text-container{text-align:center;margin:0 auto;max-width:1000px}.about-title{margin:10px 0 12px;font-size:22px;font-weight:900}.text{display:inline-block;font-size:14px;font-weight:600;margin:0 5% 14px;color:#c9d2dd;line-height:1.45}.special-font{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-weight:900}.back-button,.button-container{text-align:center}.back-button{font-weight:700;font-size:14px;border:1px solid hsla(0,0%,100%,.12);text-decoration:none;display:inline-block;padding:10px 14px;margin:14px 6px 10px;cursor:pointer;background:#1a2030;color:#e9edf2;border-radius:10px}.back-button:hover{border-color:hsla(0,0%,100%,.22);background:#1d2537}.checkbox-group-container,.radio-group-container{text-align:center;color:#e9edf2;margin-top:8px;margin-bottom:6px}.checkbox-container{display:inline-block;position:relative;padding-left:34px;margin:6px 10px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;color:#c9d2dd}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkbox-container .checkmark{position:absolute;top:1px;left:0;height:20px;width:20px;background-color:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:6px}.checkbox-container:hover input~.checkmark{border-color:hsla(0,0%,100%,.22)}.checkbox-container input:checked~.checkmark{background-color:rgba(244,197,66,.2);border-color:rgba(244,197,66,.35)}.checkbox-container .checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:5px;height:9px;border:solid #e9edf2;border-width:0 2px 2px 0;transform:rotate(45deg)}.radio-container{display:inline-block;position:relative;padding-left:34px;margin:6px 12px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;color:#c9d2dd}.radio-container input{position:absolute;opacity:0;cursor:pointer}.radio-container .checkmark{position:absolute;top:1px;left:0;height:20px;width:20px;background-color:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:50%}.radio-container:hover input~.checkmark{border-color:hsla(0,0%,100%,.22)}.radio-container input:checked~.checkmark{background-color:rgba(244,197,66,.2);border-color:rgba(244,197,66,.35)}.radio-container .checkmark:after{content:"";position:absolute;display:none}.radio-container input:checked~.checkmark:after{display:block}.radio-container .checkmark:after{top:5px;left:5px;width:8px;height:8px;border-radius:50%;background:#e9edf2}.ot-container{min-height:100vh;background:#0f1115;color:#e9edf2;padding:18px 18px 28px}.ot-controls{display:flex;flex-wrap:wrap;align-items:center;grid-gap:10px;gap:10px;margin:8px auto;max-width:1200px;padding:6px 4px}.ot-label{font-weight:800;font-size:13px;color:#c9d2dd}.ot-label-plain{margin-right:2px}.ot-select{margin-left:8px}.ot-line-select,.ot-select{padding:8px 10px;border-radius:10px;border:1px solid hsla(0,0%,100%,.12);background:#0b0d12;color:#e9edf2;font-weight:800;font-size:13px}.ot-line-select{min-width:240px;max-width:320px}.ot-button{font-weight:800;font-size:13px;border:1px solid hsla(0,0%,100%,.12);padding:10px 12px;cursor:pointer;background:#1a2030;color:#e9edf2;border-radius:10px}.ot-button:hover{border-color:hsla(0,0%,100%,.22);background:#1d2537}.ot-button-small{padding:9px 12px;font-size:12px;border-radius:10px}.ot-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end;margin-top:10px}.ot-pill{grid-gap:8px;gap:8px}.ot-pill,.ot-pill-select{display:inline-flex;align-items:center;font-weight:900;font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.03);color:#e9edf2}.ot-pill-select{cursor:pointer}.ot-subtitle{margin:10px auto 0;font-weight:900;font-size:18px}.ot-subtitle,.ot-subtitle2{max-width:1200px;text-align:center}.ot-subtitle2{margin:6px auto 12px;font-weight:700;font-size:13px;color:#c9d2dd}.ot-subtitle-complete{color:#37d67a}.ot-subtitle2-complete{color:rgba(55,214,122,.85)}.ot-main{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;grid-gap:14px;gap:14px;align-items:start}@media (max-width:1100px){.ot-main{grid-template-columns:1fr}}.ot-board{border:1px solid hsla(0,0%,100%,.1);border-radius:14px;padding:12px;background:hsla(0,0%,100%,.02)}.ot-side{position:-webkit-sticky;position:sticky;top:12px}.ot-panel{border:1px solid hsla(0,0%,100%,.1);border-radius:14px;background:hsla(0,0%,100%,.02);overflow:hidden}.ot-panel-header{padding:12px 12px 10px;border-bottom:1px solid hsla(0,0%,100%,.08)}.ot-panel-header-row{justify-content:space-between}.ot-panel-header-row,.ot-panel-kicker{display:flex;align-items:center;grid-gap:10px;gap:10px}.ot-panel-kicker{flex-wrap:wrap}.ot-progress-wrap{margin-top:10px}.ot-progress-bar{height:10px;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);overflow:hidden}.ot-progress-fill{height:100%;background:rgba(244,197,66,.85);width:0}.ot-panel-body{padding:12px;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.ot-card{border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.03);border-radius:12px;padding:10px}.ot-card-title{font-weight:900;font-size:12px;color:#c9d2dd;margin-bottom:8px}.ot-progress-bar-mini{height:8px;margin:6px 0 10px}.ot-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.ot-stat{border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.02);border-radius:10px;padding:8px}.ot-stat-k{font-weight:800;font-size:11px;color:#aeb9c7}.ot-stat-v{font-weight:900;font-size:13px;color:#e9edf2;margin-top:4px}.ot-muted-small{margin-top:10px;font-size:11px}.ot-row{display:flex;align-items:baseline;justify-content:space-between;grid-gap:10px;gap:10px;margin:6px 0}.ot-label2{font-weight:800;font-size:12px;color:#aeb9c7}.ot-value2{font-weight:900;font-size:12px;color:#e9edf2}.ot-move-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.ot-muted{font-weight:700}.ot-muted,.ot-steps-title{font-size:12px;color:#c9d2dd}.ot-steps-title{font-weight:900;margin:10px 0 8px}.ot-step{border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.02);border-radius:12px;padding:10px}.ot-step-header{display:flex;align-items:center;justify-content:space-between;grid-gap:10px;gap:10px;margin-bottom:6px}.ot-step-index{color:#aeb9c7}.ot-step-index,.ot-step-move{font-weight:900;font-size:12px}.ot-step-move{padding:4px 8px;border-radius:10px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1)}.ot-step-expl{font-weight:700;font-size:12px;color:#e9edf2;line-height:1.35}.ot-step-next{border-color:rgba(244,197,66,.3)}.ot-mistake{border:1px solid rgba(255,80,80,.2);border-radius:12px;padding:10px;background:rgba(255,80,80,.06)}.ot-step-mistake{border-color:rgba(255,80,80,.3)}.ot-confetti-layer{position:fixed;left:0;top:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;z-index:9999}.ot-confetti{position:absolute;top:-20px;border-radius:2px;background:rgba(244,197,66,.95);animation-name:ot-confetti-fall;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes ot-confetti-fall{0%{transform:translateY(-10px) rotate(0deg);opacity:.95}to{transform:translateY(105vh) rotate(2turn);opacity:0}}
/*# sourceMappingURL=main.becb11cd.chunk.css.map */