html {
  height: 100%;
  width: 100%;
  --iso: 15;
}

svg.iso {
	transform: translateX(150px) rotate(calc(-1deg * var(--iso))) skewX(calc(1deg * var(--iso))) scaleY(calc(cos(1deg * var(--iso))));
}
.peg {
  fill: rgba(200,200,255,0.5);
  stroke: #DDF;
  stroke-width: 3;
  cursor:pointer;
  pointer-events:all;
}
.peg.filled {
  fill: url(#myGradient);
}
.flag {
	display: none;
	pointer-events: none;
	transform: scaleY(calc(1 / cos(1deg * var(--iso)))) skewX(calc(-1deg * var(--iso))) rotate(calc(1deg * var(--iso))) skewY(calc(-1deg * var(--iso))) scaleX(calc(cos(1deg * var(--iso))));
}
.filled .flag {
	display: block;

}

.peg.active {
  stroke: red;
  stroke-width: 5;
}

.peg.possible {
  stroke: green;
  stroke-width: 2;
}

table tr {
	border: 1px solid black;
}
table td {
	border: 1px solid black;
	padding: 0.25rem 0.5rem;
}
#counts {
	display: none;
}
#undo {
	display: none;
}