.shell{max-width:940px}.layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start}.intro p{max-width:790px}.toolbar output{font-size:23px;min-width:55px}#board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1;border:3px inset #eee;background:#777;gap:2px}.tile{position:relative;overflow:hidden;min-width:0;min-height:0;padding:0;border:0;touch-action:manipulation;background:#eee}.tile img{position:absolute;width:300%;height:400%;max-width:none;pointer-events:none;user-select:none}.tile:disabled{cursor:default}.tile[aria-pressed=true]{outline:5px solid #ffe54c;outline-offset:-5px;z-index:1}.tile[aria-pressed=true]:after{content:'1';position:absolute;right:6px;top:6px;background:#ffe54c;color:#111;font:bold 15px Arial;padding:4px 8px}.tile:focus-visible{outline:4px dashed white;outline-offset:-8px;z-index:2}#board.complete{gap:0;border-color:#416746}#reference{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:top;border:2px inset #eee;margin-top:12px}aside h3{font-size:14px}aside h3:not(:first-child){margin-top:25px}#leaders li b{float:none;display:block;font-size:11px;margin:4px 0 0}#sync{margin-bottom:12px}@media(max-width:740px){.layout{grid-template-columns:1fr}.toolbar{gap:15px}.toolbar>button{flex-basis:auto;margin-right:auto}.toolbar output{font-size:18px}.toolbar>div{gap:5px}#reference{max-width:240px}aside{margin-top:5px}.intro h2{font-size:23px}}
