:root{--nav-height-desktop: 2rem;--nav-height-mobile: 1.5rem;--content-height-desktop: calc(100vh - var(--nav-height-desktop));--content-height-mobile: calc(100vh - var(--nav-height-mobile))}@media (max-width: 768px){:root{--nav-height: var(--nav-height-mobile);--content-height: var(--content-height-mobile)}}@media (min-width: 769px){:root{--nav-height: var(--nav-height-desktop);--content-height: var(--content-height-desktop)}}:root{--rows: 6;--cols: 5;--box-gap: .25rem;--row-gap: .5rem;--container-padding: 1rem}[data-astro-cid-6inopy2q]{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100vh;background-color:#121213}#main[data-astro-cid-6inopy2q]{margin:0;padding:0;width:100%;height:100%;background-color:#121213;overflow-x:hidden;overflow-y:auto}@media only screen and (max-height: 600px){#main[data-astro-cid-6inopy2q]{overflow-y:auto}#boxes-con[data-astro-cid-6inopy2q]{padding:.5rem 0}#keyboard[data-astro-cid-6inopy2q]{margin-bottom:.5rem}}header[data-astro-cid-6inopy2q].row{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#121213;color:#fff;border-bottom:1px solid #3a3a3c;height:60px;position:relative;z-index:1000}#left[data-astro-cid-6inopy2q],#right[data-astro-cid-6inopy2q]{display:flex;flex-direction:row;gap:15px;z-index:1100;position:relative}#left[data-astro-cid-6inopy2q] img[data-astro-cid-6inopy2q],#right[data-astro-cid-6inopy2q] img[data-astro-cid-6inopy2q]{width:24px;height:24px;cursor:pointer;opacity:.8}#left[data-astro-cid-6inopy2q] img[data-astro-cid-6inopy2q]:hover,#right[data-astro-cid-6inopy2q] img[data-astro-cid-6inopy2q]:hover{opacity:1}.settings-btn[data-astro-cid-6inopy2q]{background:none;border:none;cursor:pointer;padding:0;z-index:1200;position:relative}#site[data-astro-cid-6inopy2q]{color:#fff;margin:0;font-size:2rem;font-weight:700;text-align:center}#panel[data-astro-cid-6inopy2q]{display:none;position:absolute;top:60px;left:20px;background-color:#232323;border:1px solid #3a3a3c;border-radius:5px;padding:20px;flex-direction:column;gap:15px;color:#fff;z-index:1300;box-shadow:0 4px 12px #00000080}#panel[data-astro-cid-6inopy2q].show{display:flex}@media only screen and (min-width: 1000px){#boxes-con[data-astro-cid-6inopy2q]{width:600px}#keyboard[data-astro-cid-6inopy2q]{max-width:800px;width:100%}}.row[data-astro-cid-6inopy2q]{display:flex;flex-direction:row;width:100%;margin:initial}.row[data-astro-cid-6inopy2q]>[data-astro-cid-6inopy2q]{width:initial;padding:initial}.center[data-astro-cid-6inopy2q]{display:flex;justify-content:center;align-items:center}.flex-1[data-astro-cid-6inopy2q]{display:flex;flex:1}#main[data-astro-cid-6inopy2q]{display:flex;flex-direction:column;align-items:center;min-height:0}#boxes-con[data-astro-cid-6inopy2q]{display:flex;justify-content:center;align-items:center;flex:1 1 auto;width:100%;min-height:0;padding:var(--container-padding) 0;overflow-x:auto}#boxes[data-astro-cid-6inopy2q]{width:100%;height:100%;flex-direction:column;align-items:center;gap:var(--row-gap);display:flex;min-width:calc(var(--cols) * 40px + var(--box-gap) * (var(--cols) - 1))}div[data-astro-cid-6inopy2q].row{justify-content:center;gap:var(--box-gap);flex:1 1 0;align-items:center}.box[data-astro-cid-6inopy2q]{box-sizing:border-box;border:2px solid #3a3a3c;background-color:#121213;aspect-ratio:1;height:90%;max-height:calc((100vw - var(--box-gap) * (var(--cols) - 1)) / var(--cols));min-height:30px;max-width:calc((100vw - var(--box-gap) * (var(--cols) - 1)) / var(--cols));min-width:30px;margin:0;text-align:center;font-weight:700;font-size:clamp(.8rem,min(4vw,4vh,calc(60px / var(--cols))),2.5rem);color:#fff;display:flex;justify-content:center;align-items:center;text-transform:uppercase;transition:all .15s ease;flex:none}.box[data-astro-cid-6inopy2q].filled:not(.final){background-color:#1a1a1b;border-color:#565758;color:#fff}#keyboard[data-astro-cid-6inopy2q]{flex-direction:column;display:flex;align-items:center;flex-shrink:0;margin-bottom:1rem;padding:.5rem;width:100%;max-width:600px}.key[data-astro-cid-6inopy2q]{flex:1;font-weight:700;border-radius:5px;text-align:center;background-color:#5a5a5a;margin:2px;border:0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;height:clamp(30px,6vh,96px)}.spacer[data-astro-cid-6inopy2q]{flex:.5}.flex-1-5[data-astro-cid-6inopy2q]{flex:1.5;font-size:12px}.key[data-astro-cid-6inopy2q]:hover{filter:brightness(110%)}.key[data-astro-cid-6inopy2q].grey{background-color:#3a3a3c;color:#fff}.key[data-astro-cid-6inopy2q].orange{background-color:#c9b458;color:#fff}.key[data-astro-cid-6inopy2q].green{background-color:#6aaa64;color:#fff}.box[data-astro-cid-6inopy2q].final{border-color:transparent;color:#fff;font-weight:700}.box[data-astro-cid-6inopy2q].grey{background-color:#787c7e;border-color:#787c7e;color:#fff}.box[data-astro-cid-6inopy2q].orange{background-color:#c9b458;border-color:#c9b458;color:#fff}.box[data-astro-cid-6inopy2q].green{background-color:#6aaa64;border-color:#6aaa64;color:#fff}#winPanel[data-astro-cid-6inopy2q]{display:none;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);background-color:#232323;opacity:97%;flex-direction:column;border-radius:5%;padding:20px;color:#fff;text-align:center;border:2px solid #949494;align-items:center;z-index:2000}#winPanel[data-astro-cid-6inopy2q] h2[data-astro-cid-6inopy2q],#winPanel[data-astro-cid-6inopy2q] h3[data-astro-cid-6inopy2q]{margin:10px 0}.btn[data-astro-cid-6inopy2q]{padding:8px 16px;margin:5px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-light[data-astro-cid-6inopy2q]{background-color:#f8f9fa;color:#212529}.btn-primary[data-astro-cid-6inopy2q]{background-color:#0d6efd;color:#fff}.btn[data-astro-cid-6inopy2q]:hover{filter:brightness(110%)}.d-flex[data-astro-cid-6inopy2q]{display:flex}.flex-row[data-astro-cid-6inopy2q]{flex-direction:row}.m-2[data-astro-cid-6inopy2q]{margin:8px}.text-center[data-astro-cid-6inopy2q]{text-align:center}.mb-0[data-astro-cid-6inopy2q]{margin-bottom:0}#rangeLength[data-astro-cid-6inopy2q]{color:#fff;font-size:14px}#range[data-astro-cid-6inopy2q]{width:100%;margin:10px 0}