:root{color-scheme:dark;--lime:#ddff80;font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#062737;color:#effcff}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}main{height:100%;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;max-width:540px;margin:auto;display:flex;flex-direction:column}header{height:46px;flex:none;display:flex;align-items:center;gap:12px;padding:0 12px;background:#072f42;font-size:11px}header .brand{font-size:10px;color:#a1cad3;white-space:nowrap}.brand b{color:#e9fbff;font-size:14px;margin-left:3px}.throw{margin-left:auto;white-space:nowrap}.throw strong{font-size:14px}.score{display:flex;align-items:baseline;gap:4px;min-width:64px;justify-content:flex-end}.score strong{font-size:20px;color:var(--lime);font-variant-numeric:tabular-nums}.score small{font-size:9px}button{font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #79bdce55;border-radius:12px;background:#083e50eb;color:#effcff;min-height:40px;padding:0 12px;touch-action:manipulation}header button{min-height:32px;padding:0 8px;font-size:10px}button:disabled{opacity:.5}button:focus-visible,canvas:focus-visible{outline:2px solid #e5ff90;outline-offset:-2px}.arena{flex:1;min-height:0;position:relative;overflow:hidden;background:#c4e9ef}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}nav{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:8px;pointer-events:none}nav button{pointer-events:auto;font-size:11px;backdrop-filter:blur(8px)}#help{margin-left:auto;border-radius:50%;width:40px;padding:0;font-size:15px}#coach{position:absolute;left:12px;right:12px;bottom:175px;text-align:center;pointer-events:none;color:#07526a;text-shadow:0 1px #dfffff;font-size:12px}#coach span{display:block;font-size:10px;margin-top:5px}.bottom{position:absolute;bottom:18px;left:14px;right:14px;display:flex;align-items:center;flex-direction:column;gap:9px;pointer-events:none}#notice{padding:9px 15px;border-radius:30px;background:#063c4ee8;color:white;font-size:12px;box-shadow:0 3px 16px #05313e22;text-align:center}.primary{border:0;min-height:46px;border-radius:12px;background:var(--lime);color:#123e50;font-weight:800;font-size:14px;padding:12px 22px;box-shadow:0 3px 0 #95ad56;pointer-events:auto}#shoot{width:min(100%,320px)}[hidden]{display:none!important}#result,#helpPanel{position:absolute;z-index:5;inset:12px 12px auto;max-height:calc(100% - 24px);overflow:auto;overscroll-behavior:contain;padding:25px 20px;background:#082e40f5;border:1px solid #568da0;border-radius:20px;box-shadow:0 20px 60px #00273777;backdrop-filter:blur(15px);text-align:center}h2{font-size:20px;margin:15px 0}#finalScore{font-size:72px;font-weight:900;color:var(--lime);line-height:1.15;font-variant-numeric:tabular-nums}#result>small{font-size:9px;letter-spacing:1px;color:#a1c2cc}#result p{font-size:11px;color:#a1c2cc;margin:5px 0 20px}#history{display:flex;gap:6px;margin:20px 0}#history div{flex:1;background:#194859;border-radius:9px;padding:10px 2px;font-size:14px;font-weight:bold}#history small{font-size:8px;display:block;margin-bottom:5px;color:#99bcc9}label{text-align:left;display:block;font-size:10px;color:#a1c2cc;letter-spacing:1px}input{width:100%;display:block;padding:12px;margin:8px 0 12px;border-radius:9px;border:1px solid #4a7487;background:#103e50;color:#fff;font-size:16px}#result .primary,#helpPanel .primary{width:100%}#helpPanel p{text-align:left;font-size:13px;line-height:1.8;color:#d1e7ef}#helpPanel small{display:block;line-height:1.7;color:#90b8c8;font-size:10px;margin:20px 0}@media(max-height:550px){header{height:38px}#coach{bottom:125px}#result,#helpPanel{padding:15px}#finalScore{font-size:48px}}

.final{color:#ffda76}#notice{white-space:pre-line;line-height:1.6;max-width:100%}#history div:last-child{border:1px solid #bc9445}

#finalScore{font-size:clamp(42px,14vw,72px)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.throw{display:flex;flex-direction:column;align-items:center;line-height:1.2;gap:2px}#scoreMultiplier{font-size:9px;font-weight:700;color:#ffda76;background:#70531b66;border-radius:4px;padding:1px 5px}

#result .playedAt{font-size:11px;color:#d1e7ef;margin:8px 0 14px;font-variant-numeric:tabular-nums}

#result .replayButton{background:#ffdb7a;color:#49340a;box-shadow:0 3px 0 #b88e38;margin:2px 0 12px}
#replayPanel{position:absolute;z-index:6;inset:0;pointer-events:none;text-align:center}
#replayPanel .replayHeading{position:absolute;top:66px;left:10%;right:10%;color:#fff4a9;text-shadow:0 2px 5px #063748;font-size:19px;font-weight:900}
#replayInfo{position:absolute;top:100px;left:15%;right:15%;color:#f3ffff;text-shadow:0 2px 5px #063748;font-weight:800;font-size:14px}
#replayPanel button{pointer-events:auto;position:absolute;bottom:20px;width:43%;}
#replayAgain{left:5%}#replayBack{right:5%;background:var(--lime);color:#123e50}