*{box-sizing:border-box}body{color:#f6f1e7;background:#202833;min-height:100dvh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}main{grid-template-columns:minmax(120px,.6fr) minmax(0,min(92dvh,100vw - 300px)) minmax(130px,.7fr);justify-content:center;align-items:start;gap:10px;width:100vw;margin:0 auto;padding:10px;display:grid}.side{min-width:0;padding-top:8px}.controls-panel{justify-items:start;gap:16px;display:grid}h1,p{margin:0}h1{font-size:30px;font-weight:800;line-height:1}p{color:#d7e4df;white-space:nowrap;margin-top:3px}.stats{gap:8px;display:grid}button{font:inherit}.stats span{color:#d7e4df}.controls-panel>button{color:#202833;cursor:pointer;background:#f6f1e7;border:0;border-radius:6px;padding:8px 10px;font-weight:700}fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}legend{color:#d7e4df;margin-bottom:8px;padding:0}label{color:#f6f1e7;cursor:pointer;border:1px solid #6c776f;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;display:flex}label.selected{color:#202833;background:#f6f1e7;border-color:#f6f1e7}input{margin:0}.board{aspect-ratio:1;background:#d99b45;border:2px solid #3c2a1a;grid-template-rows:repeat(19,1fr);grid-template-columns:repeat(19,1fr);width:100%;padding:2.63158%;display:grid}.cell{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative}.cell:disabled{cursor:default}.cell:before,.cell:after{content:"";background:#3c2a1a;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cell:before{width:100%;height:1px}.cell:after{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.cell:nth-child(19n+1):before{width:50%;left:50%}.cell:nth-child(19n):before{width:50%}.cell:nth-child(-n+19):after{height:50%;top:50%}.cell:nth-last-child(-n+19):after{height:50%}.star{background:radial-gradient(circle,#3c2a1a 0 4px,#0000 5px)}.cell span{color:#202833;aspect-ratio:1;z-index:1;border-radius:999px;justify-content:center;align-items:center;inline-size:78%;font-size:14px;font-weight:800;line-height:1;display:flex;position:relative;box-shadow:0 2px 4px #0007}.black span{color:#fbfaf4;background:#111418;font-size:12px}.white span{background:#fbfaf4}.last span{outline-offset:-5px;outline:3px solid #3bbf8f}@media (width<=640px){body{overflow:auto}main{grid-template-columns:1fr;width:min(96vw,880px);padding-top:14px;display:grid}.stats{justify-content:start}}