:root{font-family:system-ui,-apple-system,Noto Sans JP,sans-serif;color:#e1e9dd;background:#0d1722;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#pad:focus-visible{outline:3px solid #ffe1a3;outline-offset:3px}main{max-width:430px;margin:auto;padding:24px 22px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));min-height:100svh;background:radial-gradient(at 80% 10%,#253d49,#101e2d 65%)}.eyebrow{font-size:10px;letter-spacing:3px;color:#a0b4b4}.title h1{font-size:clamp(42px,12vw,58px);line-height:1.28;letter-spacing:.04em;margin:16px 0}.title h1 span{color:#e7c38c}.moon{font-size:62px;color:#ead4a2;margin:22px 0 0}.quiet,.subtitle{color:#b7c9c5;font-size:14px;line-height:1.9}.title-art{padding:24px;text-align:center;color:#adc7bc;letter-spacing:4px}.title-art span{font-size:56px}.meta,.best{font-size:11px;color:#b4c5c1;text-align:center}.primary,.secondary{width:100%;border:0;border-radius:10px;min-height:52px;padding:14px;margin:7px 0;font-weight:700}.primary{background:#e7ca94;color:#20313a}.secondary{background:#293d4b;color:#e1e9dd;border:1px solid #536573}.fine{font-size:10px;color:#98adaa;line-height:1.7;text-align:center}.tutorial h1{font-size:40px}.tutorial ol{padding-left:22px;line-height:1.7}.tutorial li{padding:10px 0}.tutorial li p{font-size:13px;color:#b8cbc5}.play{padding:12px 12px max(12px,env(safe-area-inset-bottom));padding-top:max(12px,env(safe-area-inset-top))}header{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:16px}a{color:#c2d1c9}header a{text-decoration:none;font-weight:700}header span{color:#8aa39e}.stats{display:flex;justify-content:space-between;padding:0 8px}.stats small{display:block;font-size:10px;color:#acbeb8}.stats strong{font-size:22px}.sleepbar{height:5px;background:#334550;margin:9px 8px 12px;border-radius:5px;overflow:hidden}.sleepbar i{display:block;height:100%;background:#a6d7b5;transition:width .2s}.rhythm{display:flex;align-items:center;gap:8px;padding:8px;background:#263b42;border-radius:7px;font-size:12px;color:#ace3bf}.rhythm[data-phase=yellow]{color:#efda96}.rhythm[data-phase=red]{color:#f5a89b}.rhythm small{font-size:9px}.track{position:relative;height:6px;flex:1;background:linear-gradient(to right,#6da98a,#6da98a 37.5%,#c1a76b 37.5%,#c1a76b 68.75%,#b56f68 68.75%);border-radius:5px}.track i{position:absolute;width:3px;height:12px;top:-3px;background:#fff}#scene{width:100%;max-height:48svh;object-fit:contain;display:block;margin:8px 0;border-radius:12px}#pad{touch-action:none;-webkit-user-select:none;user-select:none;min-height:112px;border:1px solid #829b92;border-radius:14px;background:#30474b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;margin-top:8px;text-align:center}#pad b{font-size:12px}#pad span{font-size:13px;color:#dfd6b9}#pad small{font-size:10px;color:#a8bdb6}.candidates{display:flex;gap:5px}.candidates span{flex:1;text-align:center;font-size:10px;border:1px solid #516a6d;border-radius:6px;padding:5px 0}.candidates b{display:block;color:#e5c998}.candidates .disabled{opacity:.35}.candidates .chosen{border-color:#f3dfa7;background:#3a514d}.result h1{font-size:28px}.outcome{color:#e5c998;letter-spacing:4px;font-size:15px;margin-top:30px}#ending{width:100%;height:190px;object-fit:cover;object-position:top;border-radius:12px}.result-stats p{display:flex;justify-content:space-between;font-size:12px;color:#b9cac4;border-bottom:1px solid #314550;padding-bottom:10px}.result-stats b{color:#e2e7d9}.result>a{display:block;text-align:center;font-size:12px;margin:15px}#message{font-size:12px}#debug{font-size:10px;white-space:pre-wrap}#pause{background:#263d4e;padding:8px}@media(max-width:340px){main{padding-left:16px;padding-right:16px}.play{padding-left:8px;padding-right:8px}.rhythm{gap:5px}.rhythm small{font-size:8px}}