body{font-family:Creativo,serif;font-size:32px;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box;max-width:1024px;margin:auto}section{margin-top:8px}input{border:none;width:60px;font-size:25px;text-align:center;padding:0;height:32px;border-bottom:2px solid #000;background:0 0;outline:0}header .content-sound{position:absolute;top:0;right:0}header .content-sound label{width:32px;height:32px;display:block;background-size:32px;background-image:url('.././icons/sound_on.png')}header .content-sound input[type=checkbox]{display:none}header .content-sound input[type=checkbox]:checked~label{background-image:url('.././icons/sound_off.png')}.nav{display:inline-flex;justify-content:space-between;align-items:center}.pieces{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:8px}.pieces .piece{display:inline-flex;border:1px solid #000;border-radius:8px;align-items:center;justify-content:space-around;padding:0}.pieces .piece:focus-within{border:3px solid #ea4c89}.pieces .piece span{height:32px;color:#ea4c89;font-weight:600}.pieces .piece input{margin:8px 0}.pieces .piece input:focus{border-bottom:2px solid #ea4c89}.pieces .piece input.ko{border-bottom:2px solid red;color:red}.pieces .piece input.ok{border-bottom:2px solid #006400;color:#006400}.pieces .piece .value{width:50px;text-align:center}.pieces .piece span.separator{background:#000;width:3px;display:block;padding:0;height:100%}.help label{cursor:pointer}.help input[type=checkbox]{display:none}.help input[type=checkbox]:checked~.content-help{display:block}.help .content-help{max-height:160px;overflow-x:auto;font-size:24px;display:none}@media only screen and (min-width:768px){.pieces{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1024px){body{font-size:48px}input{width:80px;font-size:38px;height:42px}header .content-sound label{width:48px;height:48px;background-size:48px}.pieces .piece span{height:42px}.pieces .piece .value{width:70px}.pieces{grid-template-columns:repeat(3,1fr)}.help div{font-size:32px}}