html,body{color:#f4fbff;touch-action:none;-webkit-user-select:none;user-select:none;background:#070b16;height:100%;margin:0;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic,system-ui,sans-serif;overflow:hidden}#app{height:100dvh;position:fixed;inset:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{top:max(14px, env(safe-area-inset-top));text-align:center;pointer-events:none;text-shadow:0 2px 10px #000;position:absolute;left:0;right:0}#hud[hidden]{display:none!important}#score{letter-spacing:.04em;font-size:28px;font-weight:800}#combo{color:#ff4b96;min-height:1.1em;font-size:22px;font-weight:800}#cracks{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#cracks path{fill:none;stroke:#ecfcffe0;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 3px #b4f5ffe6);opacity:0}#cracks[data-hits="1"] .c1 path{opacity:.9}#cracks[data-hits="2"] .c1 path,#cracks[data-hits="2"] .c2 path{opacity:.95}#cracks[data-hits="3"] path{opacity:1}#flash{opacity:0;pointer-events:none;background:#f3fbff;position:absolute;inset:0}#reticle{pointer-events:none;border:2px solid #3ef2fff2;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;box-shadow:0 0 12px #ff3d8ad9,inset 0 0 8px #3ef2ff66}#reticle[hidden]{display:none!important}#reticle:before,#reticle:after{content:"";background:#f4fbff;position:absolute}#reticle:before{width:2px;margin-left:-1px;top:18%;bottom:18%;left:50%}#reticle:after{height:2px;margin-top:-1px;top:50%;left:18%;right:18%}#stick-guide{pointer-events:none;background:#070c1824;border:2px solid #3ef2ff52;border-radius:50%;width:108px;height:108px;margin:-54px 0 0 -54px;position:absolute}#stick-guide[hidden]{display:none!important}#stick-guide:after{content:"";background:#f4e4c652;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%}#stick{pointer-events:none;background:#070c1847;border:2px solid #3ef2ffbf;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;box-shadow:0 0 16px #3ef2ff47}#stick[hidden]{display:none!important}#stick-knob{background:radial-gradient(circle at 35% 35%,#fff6e4,#e0b07a 42%,#8d4e28 78%);border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;box-shadow:0 0 10px #ffdcb473}#touch{touch-action:none;position:absolute;inset:0}#end{text-align:center;background:#050812c7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#end[hidden]{display:none!important}.end-score,.end-combo{font-variant-numeric:tabular-nums;font-weight:800;line-height:.9}.end-score{color:#f5fbff;text-shadow:0 0 22px #3ef2ffd9;font-size:92px}.end-combo{color:#ff4b96;text-shadow:0 0 18px #ff4b96b3;margin-top:8px;font-size:72px}.end-label{letter-spacing:.22em;color:#c5d4e4;margin:6px 0 18px;font-size:13px}.end-best{color:#e7f4ff;font-size:36px;font-weight:800}