:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#304b43;background:#b7dfea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#app{width:100%;height:100dvh}canvas{display:block;width:100%;height:100%;touch-action:none}.title{position:absolute;top:32px;left:36px;pointer-events:none}.title span{font-size:11px;letter-spacing:.22em}h1{margin:10px 0;font-size:clamp(21px,3vw,32px);font-weight:600;letter-spacing:.12em}.title p{margin:0;font-size:12px;letter-spacing:.1em}.toolbar{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar p{font-size:11px;line-height:1.8}.touch-help{display:none}#status{position:absolute;top:45%;left:10%;right:10%;padding:24px;background:#fffaf0;border-radius:16px;text-align:center}@media(pointer:coarse){.desktop-help{display:none}.touch-help{display:inline}}@media(max-width:600px){.title{top:24px;left:22px}.toolbar{left:18px;right:18px;bottom:18px}}.copyright{position:absolute;bottom:max(5px,env(safe-area-inset-bottom));left:18px;right:18px;margin:0;color:#466057;font-size:10px;line-height:1.5;text-align:center;pointer-events:none}.toolbar{bottom:calc(30px + env(safe-area-inset-bottom))}@media(max-width:600px){.copyright{font-size:9px}.toolbar{bottom:calc(42px + env(safe-area-inset-bottom))}}[data-time-of-day=night] .title,[data-time-of-day=night] .toolbar p,[data-time-of-day=night] .copyright,[data-time-of-day=evening] .title,[data-time-of-day=evening] .toolbar p,[data-time-of-day=evening] .copyright,[data-time-of-day=morning] .title,[data-time-of-day=morning] .toolbar p,[data-time-of-day=morning] .copyright{color:#f0eee8;text-shadow:0 1px 3px #243e6455}