*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102420;color:#faf6e8;font-family:Arial,'Noto Sans JP',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #698174;background:transparent;color:inherit;border-radius:10px;padding:12px 16px;font-weight:700;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ef7c43;outline-offset:3px}.machine{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bar{display:flex;align-items:center;gap:8px;padding:8px 12px;flex-shrink:0;min-height:48px;font-size:12px;font-weight:800}.bar #mode{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar #distance{margin-left:auto;white-space:nowrap}.bar button{padding:7px 10px;font-size:12px;flex-shrink:0}.screen{position:relative;flex:1;min-height:0;overflow:hidden;background:#0d191a}canvas{display:block;width:100%;height:100%}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;overflow:auto;overscroll-behavior:contain;padding:24px 16px;background:#112420ed;text-align:center;gap:10px}#overlay:empty{display:none}#overlay>*{flex-shrink:0}#overlay>h2{margin:auto 0 4px;font-size:clamp(26px,5vw,42px);line-height:1.3}#overlay>:last-child{margin-bottom:auto}#overlay p{font-size:14px;line-height:1.65;max-width:600px;margin:0 0 8px}#overlay button{background:#f6f3e8;border:0;color:#234637;min-height:48px;max-width:100%}#overlay .primary{background:#f1844b;color:#172e24}#overlay .sub{background:transparent;color:#e6eddc;border:1px solid #697c6d}#overlay a{color:#f5ce9b;font-size:14px;padding:8px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(100%,960px)}.grid button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;padding:14px 8px;gap:7px;overflow-wrap:anywhere}.grid strong{font-size:26px}.controls{display:flex;gap:10px;padding:10px 12px;flex-shrink:0;background:#18382e}.controls button{width:50%;height:clamp(75px,15dvh,120px);background:#d6dfcf;color:#234637;border:0;border-bottom:4px solid #9eaf95;touch-action:none;user-select:none;-webkit-user-select:none}.controls #jump{background:#ef8450;border-bottom-color:#b8582b}.controls b{font-size:24px}.controls small{display:block;font-size:11px;margin-top:7px;font-weight:500}.controls button:active,.controls button.held{filter:brightness(.9);border-bottom-width:2px}body[data-view="title"] .bar,body[data-view="title"] .controls,body[data-view="stageSelect"] .bar,body[data-view="stageSelect"] .controls{display:none}body[data-view="title"],body[data-view="stageSelect"]{background:#f6f3e8}body[data-view="title"] #overlay,body[data-view="stageSelect"] #overlay{background:#f6f3e8;color:#234637}body[data-view="title"] #overlay{gap:18px}body[data-view="title"] #overlay h2{font-size:clamp(48px,9vw,86px);font-weight:900;margin-bottom:24px}body[data-view="title"] #overlay button{width:min(310px,90%);font-size:20px;background:#dce4d3}body[data-view="title"] #overlay .primary{background:#ef8450}body[data-view="stageSelect"] #overlay .grid button{background:#e0e7d8}body[data-view="stageSelect"] #overlay .sub{color:#234637;border-color:#94a58e}textarea{width:min(90%,600px);min-height:110px;font-size:16px}label{font-size:14px;padding:12px}@media(max-width:600px) and (orientation:portrait){.bar{gap:5px;padding:6px 7px;font-size:10px}.bar #mode{max-width:30vw}.bar button{font-size:11px;padding:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:480px}.grid button{flex-direction:row;justify-content:flex-start;min-height:65px;text-align:left;font-size:12px;padding:10px}.grid strong{font-size:24px;flex-shrink:0}.controls{gap:8px;padding:8px}.controls b{font-size:22px}#overlay{padding:20px 14px}.controls small{font-size:10px}}@media(max-height:500px) and (orientation:landscape){.bar{min-height:38px;padding:4px 10px}.controls{padding:5px 10px}.controls button{height:58px}.controls b{font-size:20px}.controls small{display:none}.grid button{min-height:60px;padding:7px;font-size:11px;gap:3px}.grid strong{font-size:22px}#overlay{padding:12px;gap:8px}#overlay h2{font-size:26px}body[data-view="title"] #overlay h2{font-size:48px;margin-bottom:10px}body[data-view="title"] #overlay{gap:10px}body[data-view="title"] #overlay button{min-height:44px;padding:9px 18px}}
#coins{color:#f4ce5e;white-space:nowrap}.bar #mode{min-width:0}
body[data-view="title"] #overlay .sub{color:#234637;background:#e0e7d8;border:2px solid #58735b} .rule-picture{width:min(100%,760px);height:auto;aspect-ratio:16/9;border-radius:12px}body.show-result #overlay{inset:18% 5%;border-radius:16px;background:#112420cc;box-shadow:0 8px 40px #0006}body.show-result #overlay h2{font-size:28px}body.show-result #overlay p{font-size:13px}
.credits{line-height:1.8;max-width:680px}.credits a{color:#345d42!important;text-decoration:underline}body[data-view="title"] #overlay{gap:12px}
body[data-view="title"] #overlay>.title-credits{margin-top:auto;margin-bottom:0;padding-top:25px;font-size:10px;line-height:1.6;color:#62735f;width:100%}body[data-view="title"] #overlay>.title-credits p{font-size:10px;line-height:1.6;margin:3px 0}body[data-view="title"] #overlay>.title-credits a{font-size:10px;padding:0;margin:0;color:#526b4f!important}