#detail{font-size:13px;line-height:1.5;color:var(--muted);min-height:38px}h1{font-size:22px;margin-top:10px}#connect{margin-top:10px}.controls+.controls{padding-top:18px}.controls select{margin-bottom:12px}.check{display:flex;justify-content:start;align-items:start;gap:10px;line-height:1.5;margin:12px 0}.check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}#stop{border-color:#9c624e;color:#f0b79b;margin-top:10px}#match-help,.recovery p{font-size:12px;line-height:1.5;color:var(--muted)}.recovery{padding-top:16px;font-size:12px}.recovery summary{cursor:pointer;padding:12px 0}.board{opacity:.65}.board.confirmed{opacity:1}.square{cursor:default}.square:hover{box-shadow:none}header>.quiet{text-decoration:none}#notice{min-height:0}#notice:empty{display:none}@media(min-width:850px){.play-area{max-width:min(100%,calc(100dvh - 310px))}}@media(min-width:850px) and (max-height:680px){.shell{padding-top:14px}h1{font-size:18px}#detail{font-size:11px;min-height:32px;margin:8px 0}.play-area{max-width:min(100%,calc(100dvh - 270px))}.hardware-note{font-size:10px}main{gap:30px;grid-template-columns:minmax(0,1fr) 370px}}
@media(min-width:850px){main{grid-template-rows:minmax(0,1fr)}aside{min-height:0;height:100%}}
@media(min-width:850px){.play-area{max-width:100%}.play-area .board{width:min(100%,calc(100dvh - 330px));margin-inline:auto}}