@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";:root{--primary: hwb(75 35% 15%);--secondary: hwb(75 15% 35% / .25);--dark: hwb(75 15% 75%);--shadow: 2px 2px 1px 0px hwb(75 15% 75% / .5);--shadow-lg: 4px 4px 1px 0px hwb(75 15% 75% / .5)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--dark: hwb(75 35% 15%);--secondary: hwb(75 15% 35% / .15);--primary: hwb(75 15% 85%);--shadow: 2px 2px 1px 0px hwb(75 15% 35% / .5);--shadow-lg: 4px 4px 1px 0px hwb(75 15% 35% / .5)}}:root[color-scheme=dark]{color-scheme:dark;--dark: hwb(75 35% 15%);--secondary: hwb(75 15% 35% / .15);--primary: hwb(75 15% 85%);--shadow: 2px 2px 1px 0px hwb(75 15% 35% / .5);--shadow-lg: 4px 4px 1px 0px hwb(75 15% 35% / .5)}body{color:var(--dark);background-color:var(--primary);font-family:Silkscreen,system-ui;font-size:14px;letter-spacing:-2px;margin:0}*{box-sizing:border-box;font-weight:400}#scoreboard{display:flex;align-items:center;justify-content:space-around;padding:.5rem 1rem;font-size:small}#scoreboard>*{margin:0;padding:0;display:flex;align-items:center;gap:.5rem}#gh{text-decoration:none;width:24px;height:24px;position:relative;color:var(--dark);display:flex}#field{display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:minmax(var(--cell),auto);gap:var(--gap);inset:3rem 1rem 1rem;width:calc(100% / var(--part) - 2rem);height:calc(100% / var(--part) - 4rem);margin:auto;position:absolute;user-select:none;-moz-user-select:none;-webkit-user-select:none}#field.full{inset:3rem 1rem;height:calc(100% / var(--part) - 6rem)}.pixel{background-color:var(--secondary)}.pixel:active{box-shadow:var(--shadow)}.fill{background-color:var(--dark);box-shadow:var(--shadow)}.apple{box-shadow:none}nav{color-scheme:dark;position:absolute;left:calc(50% - 150px);top:calc(50% - 25px);display:flex;flex-flow:column nowrap;width:300px}nav.playing{top:auto;left:auto;flex-flow:row nowrap;justify-content:center;gap:1rem;bottom:.5rem;width:100%}fieldset{display:flex;justify-content:space-between;border:0;margin:0;padding:1rem 0}label{flex:0 1 min-content}input,select{border:0;border-radius:0;padding:.25rem;color:var(--primary);background-color:var(--dark);font-size:inherit}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='currentColor'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E");background-position:right .5em center;background-repeat:no-repeat;background-size:.5em .75em;padding-right:2em}button{border:0;cursor:pointer;position:relative;vertical-align:middle;box-shadow:var(--shadow);background-color:var(--dark);color:var(--primary);font-family:inherit;font-size:1.25rem;padding:.25rem 1rem}button.lg{font-size:2rem;box-shadow:var(--shadow-lg)}button:active{top:2px;left:2px;box-shadow:none}