*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#eeeae2;color:#262e34;font-family:Arial,Helvetica,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}.back{position:fixed;top:max(20px,env(safe-area-inset-top));left:22px;color:#555c5a;text-decoration:none;font-size:27px;padding:8px;z-index:2}.caption{position:fixed;left:30px;bottom:max(35px,env(safe-area-inset-bottom));pointer-events:none;transition:opacity .45s}.caption span{font-size:14px;letter-spacing:.22em}.caption h1{font:400 45px Georgia,serif;margin:9px 0}.caption b{font-weight:400}.caption p{font-size:14px;color:#777c78;margin:0}.playing .caption{opacity:0}#error{position:fixed;inset:35% 20px auto;text-align:center;background:#eeeae2;padding:25px}

canvas{cursor:pointer}
@media(prefers-reduced-motion:reduce){.caption{transition:none}}

.score{position:fixed;right:26px;top:max(30px,env(safe-area-inset-top));text-align:right;pointer-events:none;color:#69706a;font-size:15px;font-variant-numeric:tabular-nums}.score strong{font:400 36px Georgia,serif;color:#263239}.score small{display:block;min-height:18px;margin-top:7px;letter-spacing:.14em;font-size:12px;color:#936c31}.cleared .score strong{color:#936c31}.cleared .caption{opacity:0}