*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{font-family:Hiragino Maru Gothic ProN,Yu Gothic UI,Meiryo,system-ui,sans-serif;background:#2a2218;color:#fff8ec;user-select:none;-webkit-user-select:none}[hidden]{display:none!important}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}button{font-family:inherit;cursor:pointer;padding:9px 24px;border:3px solid #fff8ec;border-radius:26px;background:#fff8ec;color:#5a3a22;font-size:17px;font-weight:700;box-shadow:0 4px #0000004d}button:hover{background:#ffeccb}button:active{transform:translateY(2px);box-shadow:0 2px #0000004d}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ff6a8a;outline-offset:3px}#center{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding:12px;background:radial-gradient(ellipse at center,#140c0433,#140c048c);overflow-y:auto}#center>*{pointer-events:auto}#banner{font-size:clamp(44px,9vw,96px);font-weight:800;letter-spacing:.04em;color:#fff8ec;text-align:center;pointer-events:none;-webkit-text-stroke:7px #7a4a22;paint-order:stroke fill;text-shadow:0 8px 0 rgba(0,0,0,.25)}#sub{margin-top:4px;font-size:clamp(15px,2.4vw,22px);font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.7);text-align:center;pointer-events:none}#flavors{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#flavors button{padding:7px 20px;font-size:16px;background:#5a3a22;color:#fff8ec;border-color:#c89a6a}#flavors button.current{background:#ff7aa2;border-color:#fff8ec}#start-button{margin-top:16px;font-size:30px;padding:12px 56px;background:#ff6a8a;color:#fff;box-shadow:0 6px #b83a5a}#start-button:hover{background:#ff7f9b}#rules-button,#ranking-button{margin-top:10px}#title-best{margin-top:10px;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7)}#license-link,#games-link{margin-top:8px;font-size:14px;padding:6px 18px;text-decoration:none;display:inline-block;border:3px solid #fff8ec;border-radius:22px;background:#fff8ec;color:#5a3a22;font-weight:700;box-shadow:0 4px #0000004d}#license-link:hover,#games-link:hover{background:#ffeccb}#hud{position:fixed;top:12px;left:12px;right:12px;display:flex;gap:10px;align-items:flex-start;pointer-events:none}.hud-main{background:#1e140ab8;border:2px solid rgba(255,248,236,.5);border-radius:16px;padding:10px 16px;min-width:250px}.hud-height{display:flex;align-items:baseline;gap:8px}.hud-height #hud-height{font-size:40px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.hud-height small{font-size:16px}.label{font-size:13px;font-weight:700;color:#e9c9a0;letter-spacing:.06em;min-width:38px}.hud-row{display:flex;align-items:center;gap:8px;margin-top:6px}.bar{flex:1;height:14px;border-radius:8px;background:#ffffff2e;overflow:hidden}.bar .fill{height:100%;width:0;border-radius:8px;background:#5fd36e}#thickness{flex:1;min-width:0;pointer-events:auto;accent-color:#ff6a8a;height:28px}.hud-best{margin-top:6px;font-size:14px;color:#e9c9a0}.hud-best b{color:#fff8ec}#minimap{margin-left:auto;background:#1e140ab8;border:2px solid rgba(255,248,236,.5);border-radius:16px;width:120px;height:120px}#mute-button{pointer-events:auto;padding:6px 12px;font-size:13px;border-radius:16px;position:fixed;top:140px;right:12px}#hint{position:fixed;left:50%;bottom:14px;transform:translate(-50%);max-width:calc(100vw - 24px);width:max-content;padding:8px 18px;border-radius:18px;background:#1e140ac7;font-size:15px;font-weight:600;text-align:center;pointer-events:none}#measure-readout{position:fixed;left:27%;top:50%;transform:translate(-50%,-50%);font-size:clamp(44px,10vw,96px);font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 4px 0 #7a4a22,0 0 24px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap}#lever-button{position:fixed;z-index:5;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));width:min(86vw,420px);padding:20px;font-size:22px;background:#ff6a8a;color:#fff;box-shadow:0 6px #b83a5a;touch-action:manipulation}#lever-button:active{transform:translate(-50%) translateY(3px)}#pause,#result{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#140c048c;z-index:6;padding:12px;overflow-y:auto}.pause-box,.result-box{background:#fff8ec;color:#5a3a22;border:4px solid #ff7aa2;border-radius:24px;padding:24px;width:min(440px,100%);text-align:center;box-shadow:0 8px 30px #0006;margin:auto}.pause-box{display:flex;flex-direction:column;gap:14px}.pause-box button,.result-box button{background:#ff6a8a;color:#fff;border-color:#fff}#pause-title-button,#result-title-button{background:#fff;color:#5a3a22;border-color:#c89a6a}#result-banner{font-size:28px;font-weight:800}#result-height{font-size:clamp(40px,11vw,60px);font-weight:800;color:#ff5a80;font-variant-numeric:tabular-nums;margin-top:4px}#result-rank{font-size:18px;font-weight:700;min-height:1.6em}.ranking-status{min-height:1.4em;margin-top:4px;color:#765a43;font-size:13px;line-height:1.4}#ranking-refresh-button{margin-top:8px;padding:6px 16px;font-size:14px}#result-form{margin-top:8px}#result-form label{font-size:14px;display:block;margin-bottom:4px}.name-row{display:flex;gap:8px;justify-content:center}.name-row input{flex:1;min-width:0;font:inherit;font-size:17px;padding:8px 12px;border:3px solid #c89a6a;border-radius:16px;color:#5a3a22;background:#fff;-webkit-user-select:text;user-select:text}.name-row button{padding:8px 16px;font-size:16px}ol{list-style:none;text-align:left;margin:14px 0 0;padding:0;font-size:16px}ol li{display:flex;gap:10px;padding:4px 8px;border-radius:10px;font-variant-numeric:tabular-nums}ol li:nth-child(odd){background:#c89a6a2e}ol li.me{background:#ffd0dc;font-weight:800}li .rk{width:2.2em;font-weight:800}li .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}dialog{margin:auto;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:4px solid #ff7aa2;border-radius:24px;background:#fff8ec;color:#5a3a22;line-height:1.7;overflow-y:auto;box-shadow:0 8px 30px #0006}dialog::backdrop{background:#140c0499}dialog h2{font-size:24px;margin-bottom:10px}dialog ul{padding-left:20px;margin:12px 0}dialog li+li{margin-top:8px}dialog .rules-touch{font-size:14px}dialog form{margin-top:16px;text-align:center}dialog button{background:#ff6a8a;color:#fff;border-color:#fff}@media(max-width:600px){#hud{top:8px;left:8px;right:8px;gap:6px}.hud-main{min-width:0;flex:1;padding:8px 12px}.hud-height #hud-height{font-size:30px}#minimap{width:92px;height:92px}#mute-button{top:108px;right:8px}#measure-readout{left:50%;top:22%}#hint{bottom:calc(100px + env(safe-area-inset-bottom,0px));font-size:13px}}