.sky-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.sky{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:radial-gradient(120% 80% at 50% 108%,var(--night-glow) 0%,rgba(20,26,58,0) 62%),linear-gradient(180deg,#03040c 0%,var(--night-mid) 78%,#161b33 100%);touch-action:none}.count{position:fixed;left:0;bottom:env(safe-area-inset-bottom,0px);padding:12px 18px 14px;font-size:15px;font-style:italic;color:#f2ecdf4d;pointer-events:none;z-index:10}.finale-btn-wrapper{position:fixed;top:env(safe-area-inset-top,0px);right:0;padding:14px 16px;display:flex;gap:10px;align-items:center;z-index:20}.finale-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:15px;line-height:1;color:#f2ecdfb8;background:#ffffff0d;border:1px solid rgba(242,236,223,.18);border-radius:999px;padding:9px 15px 10px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:color .2s ease,border-color .2s ease,background .2s ease}.finale-btn:hover{color:#f2ecdf;border-color:#f2ecdf66}.finale-btn:focus-visible{outline:2px solid #8fb4ff;outline-offset:3px}:root{--night-deep: #05060f;--night-mid: #0b0f22;--night-glow: #141a3a;--smoke: #9aa3c7;--paper: #f2ecdf}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--night-deep);color:var(--paper);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root{width:100%;height:100%}.app{width:100%;height:100%;position:relative}.hint{position:fixed;left:50%;bottom:calc(14vh + env(safe-area-inset-bottom,0px));transform:translate(-50%);font-size:clamp(17px,4.4vw,24px);font-weight:300;font-style:italic;letter-spacing:.02em;color:#f2ecdf9e;text-shadow:0 0 22px rgba(140,160,255,.35);white-space:nowrap;pointer-events:none;transition:opacity .9s ease;z-index:30;margin:0}.hint.gone{opacity:0}.controls{position:fixed;top:env(safe-area-inset-top,0px);left:0;padding:14px 16px;display:flex;gap:10px;align-items:center;z-index:25}.sound-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:15px;line-height:1;color:#f2ecdfb8;background:#ffffff0d;border:1px solid rgba(242,236,223,.18);border-radius:999px;padding:9px 15px 10px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:color .2s ease,border-color .2s ease,background .2s ease}.sound-btn:hover{color:var(--paper);border-color:#f2ecdf66}.sound-btn:focus-visible{outline:2px solid #8fb4ff;outline-offset:3px}.sound-btn[aria-pressed=true]{color:#ffe6ad;border-color:#ffd6868c;background:#ffc4621f}@media (prefers-reduced-motion: reduce){.hint{transition:none}}