:root,html{--xs:0.125rem;--s:0.25rem;--m:0.5rem;--l:0.75rem;--xl:1rem;--xxl:2rem;--xxxl:4rem;--g-1:#fff;--g-2:#fafaf9;--g-3:#f3f2f2;--g-4:#ecebea;--g-5:#dddbda;--g-6:#c9c7c5;--g-7:#b0adab;--g-8:#969492;--g-9:#706e6b;--g-10:#514f4d;--g-11:#3e3e3c;--g-12:#2b2826;--g-13:#080707}.light{--g-a-1:var(--g-1);--g-a-2:var(--g-2);--g-a-3:var(--g-3);--g-a-4:var(--g-4);--g-a-5:var(--g-5);--g-a-6:var(--g-6);--g-a-7:var(--g-7);--g-a-8:var(--g-8);--g-a-9:var(--g-9);--g-a-10:var(--g-10);--g-a-11:var(--g-11);--g-a-12:var(--g-12);--g-a-13:var(--g-13)}.dark{--g-a-1:var(--g-13);--g-a-2:var(--g-12);--g-a-3:var(--g-11);--g-a-4:var(--g-10);--g-a-5:var(--g-9);--g-a-6:var(--g-8);--g-a-7:var(--g-7);--g-a-8:var(--g-6);--g-a-9:var(--g-5);--g-a-10:var(--g-4);--g-a-11:var(--g-3);--g-a-12:var(--g-2);--g-a-13:var(--g-1)}@media (prefers-color-scheme:dark){.light.adaptive{--g-a-1:var(--g-13);--g-a-2:var(--g-12);--g-a-3:var(--g-11);--g-a-4:var(--g-10);--g-a-5:var(--g-9);--g-a-6:var(--g-8);--g-a-7:var(--g-7);--g-a-8:var(--g-6);--g-a-9:var(--g-5);--g-a-10:var(--g-4);--g-a-11:var(--g-3);--g-a-12:var(--g-2);--g-a-13:var(--g-1)}}@media (prefers-color-scheme:light){.dark.adaptive{--g-a-1:var(--g-1);--g-a-2:var(--g-2);--g-a-3:var(--g-3);--g-a-4:var(--g-4);--g-a-5:var(--g-5);--g-a-6:var(--g-6);--g-a-7:var(--g-7);--g-a-8:var(--g-8);--g-a-9:var(--g-9);--g-a-10:var(--g-10);--g-a-11:var(--g-11);--g-a-12:var(--g-12);--g-a-13:var(--g-13)}}
#app,body,html{height:100%;margin:0;padding:0}body{--main-board:min(calc(100vw - 32px),478px);--board-gap:8px;--highlight-color:rgba(28,155,202,.8);--o-highlight-color:var(--highlight-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:16px;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}#app,body{overflow:hidden}#app{background:var(--g-a-1);display:flex;flex-direction:column;position:relative}sudoku-controls{align-self:flex-start;width:100%;z-index:2}sudoku-layout{display:flex;flex-direction:column;height:100%;overflow:auto;width:100%;z-index:1}.hidden{display:none}.overflow-container{overflow:hidden;width:100%}.overflow-container,.shimmer{height:100%;left:0;position:absolute;top:0}.shimmer{animation:shimmer 6s linear alternate;animation-fill-mode:forwards;background:linear-gradient(100deg,hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,.25) 50%,hsla(0,0%,100%,0) 80%);width:200%}.flex{display:flex}.center{align-items:center;justify-content:center}.shimmer-text{color:hsla(0,0%,100%,.9);font-size:4rem;font-weight:900;text-align:center}@keyframes shimmer{0%{transform:translateX(-75%)}to{transform:translateX(50%)}}