:root{color:#3c504a;font-synthesis:none;-webkit-tap-highlight-color:transparent;background:#fff8ec;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}button:focus-visible{outline-offset:4px;outline:3px solid #ab6038}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}.game-shell{width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;overflow:hidden}header{z-index:4;top:calc(env(safe-area-inset-top) + 18px);left:calc(env(safe-area-inset-left) + 22px);right:calc(env(safe-area-inset-right) + 18px);justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.site-link{color:inherit;text-underline-offset:3px;padding:8px 0;font-size:12px}.site-link:focus-visible{outline-offset:4px;border-radius:2px;outline:3px solid #ab6038}.build-id{opacity:.6;font-variant-numeric:tabular-nums;font-size:10px}.scene{top:env(safe-area-inset-top);left:env(safe-area-inset-left);right:env(safe-area-inset-right);height:calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * (1 - var(--operation-ratio,.3)));position:absolute}canvas{width:100%;height:100%;display:block}.height-card{z-index:3;bottom:calc(env(safe-area-inset-bottom) + (100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * var(--operation-ratio,.3) + 16px);right:calc(env(safe-area-inset-right) + 24px);max-width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right) - 48px);text-align:right;pointer-events:none;position:absolute}.height-card strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(24px,7vw,30px);font-weight:600;line-height:1.4;display:block}.panel{z-index:5;text-align:center;width:min(86%,360px);position:absolute;left:50%;transform:translate(-50%)}.best-line{margin:15px 0;font-size:12px}.best-line strong{font-variant-numeric:tabular-nums;margin-left:10px;font-size:22px;font-weight:600}.primary{color:#fffaf1;background:#3d6558;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:16px 22px;font-size:15px;font-weight:700;display:flex;box-shadow:0 5px #294c40}.primary:active{transform:translateY(2px);box-shadow:0 3px #294c40}.primary span{font-size:22px;line-height:1}.operation-area{z-index:2;left:env(safe-area-inset-left);right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);height:calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * var(--operation-ratio,.3));touch-action:none;color:#879785;background:#edf0df;border-top:1px solid #dce4ce;border-radius:32px 32px 0 0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.operation-area.enabled{color:#3d6558;background:#e7eedc}.winding-guide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.winding-start{fill:#3d6558;opacity:.65}.winding-track{fill:none;stroke:#3d6558;stroke-width:2px;stroke-dasharray:3 7;opacity:.3}.winding-demo-touch{fill:#3d6558;fill-opacity:.22;stroke:#3d6558;stroke-opacity:.55;stroke-width:2px}.winding-demo-arrow{fill:none;stroke:#3d6558;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.winding-demo-trail{fill:none;stroke:#3d6558;stroke-width:6px;stroke-linecap:round;opacity:0;stroke-dasharray:0 100}.winding-demo-finger{animation:4.4s linear infinite winding-demo-finger}.winding-demo-arrow{animation:4.4s linear infinite winding-demo-arrow}.winding-demo-trail{animation:4.4s linear infinite winding-demo-trail}@keyframes winding-demo-finger{0%{opacity:0;transform:rotate(0)translate(0)scale(1.5)}8%{opacity:1;transform:rotate(0)translate(0)scale(1)}14%{opacity:1;transform:rotate(0)translate(0)scale(1)}28%{opacity:1;transform:rotate(0deg) translateX(var(--guide-radius,0px)) scale(1)}87%{opacity:1;transform:rotate(360deg) translateX(var(--guide-radius,0px)) scale(1)}95%,to{opacity:0;transform:rotate(360deg) translateX(var(--guide-radius,0px)) scale(1)}}@keyframes winding-demo-arrow{0%,26%{opacity:0}32%,87%{opacity:.8}95%,to{opacity:0}}@keyframes winding-demo-trail{0%{opacity:0;stroke-dasharray:0 100;stroke-dashoffset:0}28%{opacity:0;stroke-dasharray:0 100;stroke-dashoffset:0}32%{opacity:.35}45.7%{stroke-dasharray:30 70;stroke-dashoffset:0}87%{opacity:.35;stroke-dasharray:30 70;stroke-dashoffset:-70px}95%,to{opacity:0;stroke-dasharray:30 70;stroke-dashoffset:-70px}}@media (prefers-reduced-motion:reduce){.winding-demo-finger,.winding-demo-arrow,.winding-demo-trail{animation:none}.winding-demo-finger{transform:rotate(300deg) translateX(var(--guide-radius,0px))}.winding-demo-arrow{opacity:.8}.winding-demo-trail{opacity:.35;stroke-dasharray:30 70;stroke-dashoffset:-53.3px}}.result-panel{bottom:calc(env(safe-area-inset-bottom) + 20px);background:#fffaf1f2;border:1px solid #e7e0ce;border-radius:24px;padding:25px;box-shadow:0 12px 32px #6d6a4410}h2{margin:5px 0 18px;font-size:23px;line-height:1.5}.result-score{font-size:16px;font-weight:700}.new-best{color:#b67928;font-size:12px;font-weight:700}.notice{color:#a75e3a;font-size:11px;line-height:1.7}.blocking-notice{z-index:20;text-align:center;background:#fff8ecf7;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.blocking-notice>span{font-size:55px}.blocking-notice p{max-width:420px;font-size:14px;line-height:1.9}@media (max-height:660px){.best-line{margin:8px 0}.primary{padding:12px 20px}.result-panel{padding:16px 24px}.result-panel h2{font-size:20px}}.context-notice{z-index:15;text-align:center;background:#fffaf1;border:1px solid #dce4ce;border-radius:16px;padding:20px;font-size:13px;position:absolute;top:46%;left:10%;right:10%}[data-gallery=true] .operation-area,[data-gallery=true] .height-card{display:none}[data-gallery=true] .game-shell{background:radial-gradient(at 50% 40%,#fffdf7 0%,#f5ead5 75%,#ecdfc6 100%)}[data-gallery=true] .scene{top:calc(env(safe-area-inset-top) + 135px);bottom:calc(env(safe-area-inset-bottom) + var(--result-panel-height,250px) + 58px);cursor:grab;touch-action:none;height:auto}[data-gallery=true] .scene:active{cursor:grabbing}[data-gallery=true] .result-panel{bottom:calc(env(safe-area-inset-bottom) + 14px);background:#fffaf1e8;flex-direction:column;align-items:stretch;gap:10px;width:min(90%,380px);padding:16px 20px;display:flex}[data-gallery=true] .result-panel h2{letter-spacing:.08em;color:#6f7f78;margin:0;font-size:13px;font-weight:700;line-height:1.4}[data-gallery=true] .result-score{font-variant-numeric:tabular-nums;margin:0;line-height:1}.result-number{letter-spacing:-.02em;font-size:52px;font-weight:800}.result-unit{font-size:18px;font-weight:700}.result-caption{color:#6f7f78;margin:0;font-size:11px;line-height:1.5}[data-gallery=true] .new-best{color:#4a3410;background:#f3c86b;border-radius:999px;align-self:center;margin:0;padding:3px 12px;font-size:12px;line-height:1.5}[data-gallery=true] .new-best:before{content:"★ "}[data-gallery=true] .result-panel .best-line{color:#55645e;justify-content:center;align-items:baseline;gap:8px;margin:0;font-size:12px;line-height:1.5;display:flex}[data-gallery=true] .result-panel .best-line strong{color:#3a3a32;margin:0;font-size:16px}.result-actions{gap:8px;margin-top:4px;display:flex}.result-actions>button{flex:1;justify-content:center;gap:8px;min-width:0}[data-gallery=true] .result-actions .primary{border-radius:14px;padding:13px 14px;font-size:14px;box-shadow:0 4px #294c40}.secondary{color:#2f4a3e;background:#e6eadf;border:1px solid #d3dcc7;border-radius:14px;align-items:center;padding:13px 14px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px #cdd6c3}.secondary:active{transform:translateY(2px);box-shadow:0 2px #cdd6c3}.result-actions span[aria-hidden]{font-size:18px;line-height:1}[data-gallery=true] .notice{margin:0;font-size:11px}@media (max-height:660px){[data-gallery=true] .scene{top:calc(env(safe-area-inset-top) + 112px);bottom:calc(env(safe-area-inset-bottom) + var(--result-panel-height,220px) + 46px)}[data-gallery=true] .result-panel{bottom:calc(env(safe-area-inset-bottom) + 8px);gap:6px;padding:12px 16px}.result-number{font-size:40px}[data-gallery=true] .result-actions .primary,.secondary{padding:10px 12px}}[data-gallery=true][data-phase=failure] .result-number{color:#7d8a84;font-size:32px;font-weight:700}[data-gallery=true][data-phase=failure] .result-unit{color:#7d8a84;font-size:14px}[data-gallery=true][data-phase=failure] .result-panel .best-line strong{font-size:20px}