body,html{margin:0;width:100%;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Open Sans,Helvetica Neue,sans-serif}#root,.menu,.select,.opts{height:100%}.menu{background-color:var(--color-background)}.toolbar{margin:0;width:100%;height:2em;background:var(--color-empty);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.toolbar>*{color:var(--color-block);display:flex;align-items:center;cursor:pointer;user-select:none;padding:.1em 1em}.opts{display:grid;place-items:center}.puzzle{background:var(--color-empty);color:var(--color-block);padding:3em;cursor:pointer;font-weight:700;border-radius:.2em;box-shadow:#0000000d 0 .0625em .1875em,#0000000d 0 1.75em 1.4375em -.4375em,#0000000a 0 .75em .75em -.4375em}.set-theme{margin-left:auto;width:10em;flex:0 2}.game{display:grid;place-content:center}.grid{display:grid;background:var(--color-empty);font-size:calc(min(60vw,50vh,300px) / var(--size));grid-template-columns:repeat(var(--size),1fr);user-select:none;padding:1em;border-radius:.2em;box-shadow:#0000000d 0 .0625em .1875em,#0000000d 0 1.75em 1.4375em -.4375em,#0000000a 0 .75em .75em -.4375em}.grid *{border:.5px solid var(--color-block);line-height:1em;width:1em;height:1em;padding:.2em;text-align:center}.playing{color:var(--color-block)}.filled{background:var(--color-block);color:var(--color-empty)}.light,.shined{background:var(--color-shined)}.light>.inner{padding:0;display:block;content:"";width:inherit;height:inherit;border-radius:50%;background:var(--color-light)}.empty,.light,.shined{cursor:pointer}.done:after,.playing:after{text-align:center;display:block;margin:.5em;font-size:1.5rem;color:var(--color-block)}.done:after{content:"\1f389 Done! \1f389"}.playing:after{content:"Akari"}