:root{color:#252525;font-synthesis:none;background:#faf8f2;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-width:280px;min-height:100svh;margin:0}main{max-width:40rem;margin-inline:auto;padding:1rem 1.25rem 2rem}h1{margin-block:.5rem 1rem;font-size:clamp(2rem,8vw,3rem)}h2{margin-block:.5rem}button{min-height:48px;font:inherit;cursor:pointer;margin-block:1rem;padding:.75rem 1.25rem}.timer{font-variant-numeric:tabular-nums;font-size:1.3rem}.drawing-frame{aspect-ratio:1;background:#fff;border:1px solid #777;position:relative}canvas,.drawing-frame img{width:100%;height:100%;display:block;position:absolute;inset:0}canvas{touch-action:none;-webkit-user-select:none;user-select:none}.countdown{background:#fffd;place-items:center;font-size:5rem;display:grid;position:absolute;inset:0}.result-drawing{max-width:28rem}.session-results{padding:0;list-style:none}.session-results li{margin-bottom:2rem}
