:root{--s1:0.5rem;--s2:1rem;--s3:1.6rem;--s4:2rem;--s5:4rem;--font-sans:droid sans, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;--font-serif:Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;--font-mono:Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;--gray01:#d8d8d8;--gray02:#ccc;--black:#303030;--white:#ffffff;--papirus:#86efac;--papirus-d:#14532d;--not-allowed:#900}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;line-height:1;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{background-color:var(--gray01);height:100%;color:var(--black);line-height:1;font-family:var(--font-sans);font-size:1rem;display:flex;justify-content:center;align-items:center}select,button,label,input{cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:700}code{display:inline-block;background-color:var(--gray01);padding:calc(var(--s1)/2)var(--s1);font-family:var(--font-mono)}button{background-color:var(--papirus-d);color:var(--white);padding:var(--s1)calc(var(--s2)/1.2);text-decoration:none;border-radius:4px}.App{position:relative;overflow:hidden;border-radius:8px}.App.is-flipped .App-front{transform:rotateY(180deg)}.App.is-flipped .App-back{opacity:1;transform:rotateY(0);z-index:1}.App-front,.App-back{display:block;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-duration:.5s;transition-property:transform,opacity}.App-front{display:flex;flex-direction:column;transform:rotateY(0)}.App-back{display:flex;flex-direction:column;gap:var(--s2);background-color:var(--white);box-shadow:0 0 4px 2px var(--gray-01);position:absolute;padding:var(--s3)var(--s2)var(--s2);opacity:0;top:0;left:0;width:100%;height:100%;transform:rotateY(-180deg);z-index:-1}.App-back ul{list-style-position:inside}.App-back p,.App-back li{line-height:1.4}.App-back>button:last-child{margin-top:auto}.Grid{display:grid;gap:calc(var(--s1)/2);background-color:var(--white);grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);padding:var(--s1)}.Cell{font-family:var(--font-mono);border-radius:2px;position:relative;width:2rem;height:2rem}.Cell-val{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Cell-index{position:absolute;color:#888;font-size:.5rem;bottom:0;right:0;opacity:0}.Cell.is-occupied{background-color:var(--white);cursor:not-allowed}.Cell.is-available{background-color:var(--papirus);cursor:pointer}.Cell.is-unavailable{background-color:var(--gray01);cursor:not-allowed}.Cell.is-current{position:relative;transform:scale(1.2);z-index:9;transition:transform .3s ease-out}.Cell.is-current.is-occupied{box-shadow:0 0 4px 2px var(--not-allowed)}.Cell.is-current.is-available{box-shadow:0 0 4px 2px var(--papirus-d)}.Cell.is-current.is-unavailable{box-shadow:0 0 4px 2px var(--not-allowed)}.HUD{display:flex;align-items:center;background-color:var(--white);padding:var(--s1)}.HUD-toolbar{margin-left:auto;border-radius:3px;overflow:hidden;display:flex}.HUD-toolbar>*{border-radius:0}.HUD-toolbar>*+*{border-left:1px solid var(--white)}