.planetarium{color:#ece6f6;overscroll-behavior:none;background:#0f1530;height:100dvh;overflow:hidden}#sky,#pad{width:100%;height:100%;position:fixed;inset:0}#pad{touch-action:none;cursor:crosshair}.home{z-index:5;color:var(--moonlight);font-size:15px;font-weight:700;text-decoration:none;position:fixed;top:18px;left:20px}.home span{color:#9aa1c4;margin-left:4px;font-weight:400}.best{z-index:5;color:#9aa1c4;font-variant-numeric:tabular-nums;margin:0;font-size:14px;position:fixed;top:18px;right:22px}.intro{z-index:3;text-align:center;pointer-events:none;width:min(560px,100vw - 32px);transition:opacity .4s;position:fixed;top:15vh;left:50%;translate:-50%}.intro.gone{opacity:0}.intro h1{letter-spacing:-.03em;color:#fff4cf;margin:0 0 12px;font-size:clamp(28px,4.4vw,46px);font-weight:700;line-height:1.2}.intro p{color:#b9b8d8;margin:0;font-size:16px}.live{z-index:3;letter-spacing:-.03em;font-variant-numeric:tabular-nums;pointer-events:none;margin:0;font-size:clamp(28px,4vw,42px);font-weight:800;position:fixed;top:50%;left:50%;translate:-50% -150%}.msg{z-index:3;text-align:center;width:max-content;max-width:calc(100vw - 32px);font-family:var(--font-hand);color:#ff9aa6;pointer-events:none;margin:0;font-size:clamp(26px,3vw,34px);line-height:1.2;position:fixed;bottom:14vh;left:50%;translate:-50%}.result{z-index:4;text-align:center;pointer-events:none;width:min(520px,100vw - 32px);position:fixed;bottom:max(6vh,28px);left:50%;translate:-50%}.result>*{pointer-events:auto}.result[hidden]{display:none}.score{letter-spacing:-.04em;color:#fff4cf;font-variant-numeric:tabular-nums;text-shadow:0 0 30px #ffe7a059;margin:0;font-size:clamp(54px,8vw,88px);font-weight:800;line-height:1}.comment{font-family:var(--font-hand);color:#e3dcf4;margin:10px 0 4px;font-size:clamp(27px,3vw,34px);line-height:1.2}.record{color:#9aa1c4;margin:0 0 16px;font-size:14px}.record strong{color:#ffd27a;font-weight:700}.again{color:#fff4cf;background:#fff4cf14;padding:8px 26px;font-size:16px;font-weight:600;transition:background .15s,rotate .15s}.again:hover{background:#fff4cf2e;rotate:2deg}.result.show .score{animation:.5s cubic-bezier(.2,1.4,.4,1) both pop}.result.show .comment{animation:.5s .25s both rise}@keyframes pop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes rise{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.result:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 55%,#0d112cb3,#0d112c00);position:absolute;inset:-40px -60px -30px}.keyhole{--s:18px;z-index:4;width:var(--s);height:calc(var(--s) * 1.5);cursor:pointer;background:0 0;border:0;padding:0;animation:1.2s both kh-in;position:fixed;translate:-50% -50%}.keyhole[hidden]{display:none}.keyhole svg{fill:#6b5530;opacity:.85;width:100%;height:100%}.keyhole:hover svg{fill:#2b2640}@keyframes kh-in{0%{opacity:0}}.comment.moon-memo{color:#ffe9a0}.intro .wish{font-family:var(--font-hand);color:#ffe9a0;text-shadow:0 0 18px #ffe9a073;margin-top:14px;font-size:clamp(24px,2.6vw,30px)}.wish-line{color:#c9c2e6;margin:0 0 6px;font-size:14.5px}.wish-line:empty{display:none}.wish-line.granted{font-family:var(--font-hand);color:#ffe9a0;text-shadow:0 0 18px #ffe9a08c;font-size:clamp(24px,2.6vw,30px)}.result.show .wish-line.granted{animation:.6s .55s both rise}.intro .wish-count{color:#9aa1c4;margin-top:6px;font-size:13.5px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;display:flex}.again.ghost{background:0 0;font-weight:400}