#peekaboo-residents{font-family:'Trebuchet MS','Segoe UI',sans-serif;color:#504d3b}
#peekaboo-residents .garden{overflow:hidden;background:light-dark(#e3e8cc,#424d3e);color:light-dark(#504d3b,#f4e7d5);padding:22px 12px 10px;position:relative}
#peekaboo-residents .scores{position:relative;text-align:center;height:52px;font-variant-numeric:tabular-nums}
#peekaboo-residents .score-group{position:relative;display:inline-block}
#peekaboo-residents .best{position:absolute;left:calc(100% + 14px);top:12px;white-space:nowrap;font-size:11px;letter-spacing:.5px;opacity:.8}
#peekaboo-residents .patch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 6px;position:relative;padding:0}
#peekaboo-residents .resident{position:relative;display:block;width:100%;padding:0;border:0;border-radius:32px;background:transparent;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#peekaboo-residents .resident:focus-visible{outline:3px solid #ad896b;outline-offset:-4px}
#peekaboo-residents canvas{display:block;width:100%;aspect-ratio:180/164;image-rendering:pixelated}
#peekaboo-residents .greeting{position:absolute;top:14px;left:0;right:0;text-align:center;font:600 17px ui-monospace,Consolas,monospace;pointer-events:none}
#peekaboo-residents .score{font-size:34px;font-weight:600;white-space:nowrap}
@media(max-width:420px){#peekaboo-residents .patch{grid-template-columns:repeat(2,minmax(0,1fr))}#peekaboo-residents .garden{padding:20px 6px 8px}}


#loading.peekaboo-active{padding:12px;justify-content:center}
#loading.peekaboo-active>.loading-orbit{display:none}
#loading.peekaboo-active>h1{margin:0 0 6px}
#loading.peekaboo-active>#loading-text{margin:0 0 8px}
#loading.peekaboo-active>#progress{display:block;width:min(260px,75vw);margin:12px 0 0;flex-shrink:0}
#loading #peekaboo-pop{width:min(480px,100%,calc((100dvh - 150px)*1.64));direction:ltr;flex-shrink:0}
#loading #peekaboo-residents .garden{background:transparent;color:inherit;padding:8px 0 0}
#loading #peekaboo-residents .scores{height:44px}
#loading #peekaboo-residents .score{font-size:30px}
#loading #peekaboo-residents .patch{grid-template-columns:repeat(3,minmax(0,1fr))}
#loading #peekaboo-residents .resident{min-width:0}