:root{--navy: #1f2b4d;--ink: #23304f;--sky: #2f8cf0;--ice: #e8f6ff;--accent: #ff6a5c;--accent-dark: #e04c3f;--gold: #ffc93c;--panel: rgba(255, 255, 255, .94);--shadow: 0 10px 30px rgba(20, 40, 90, .25);--font: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#cfe8ff;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#app{position:fixed;inset:0;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:max(16px,var(--safe-t)) max(16px,var(--safe-r)) max(16px,var(--safe-b)) max(16px,var(--safe-l));z-index:10}.screen.show{display:flex;animation:fade-in .25s ease-out}.screen.dim{background:#101e4073;backdrop-filter:blur(3px)}.screen.modal{z-index:30}@keyframes fade-in{0%{opacity:0}}.panel{background:var(--panel);border-radius:28px;padding:24px 28px;box-shadow:var(--shadow);width:min(440px,100%);max-height:100%;overflow-y:auto;text-align:center;animation:pop-in .3s cubic-bezier(.2,1.4,.4,1)}.panel.wide{width:min(880px,100%)}.panel h2{margin:0 0 12px;font-size:1.6rem;font-weight:800;color:var(--navy)}.panel p{line-height:1.6;margin:8px 0}@keyframes pop-in{0%{transform:scale(.85) translateY(10px);opacity:0}}.panel-actions{margin-top:16px;display:flex;justify-content:center;gap:10px}.menu{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:min(300px,100%);margin:12px auto 0}.menu-row{display:flex;gap:10px}.menu-row .btn{flex:1}.btn{font-family:inherit;font-weight:800;font-size:1.05rem;min-height:48px;padding:10px 20px;border:none;border-radius:999px;background:#fff;color:var(--navy);box-shadow:0 4px #b9cbe4,0 6px 14px #14285a26;cursor:pointer;transition:transform .08s,box-shadow .08s,filter .15s}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:0 1px #b9cbe4}.btn:focus-visible,.seg button:focus-visible,.stage-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.btn.primary{background:linear-gradient(180deg,#ff8576,var(--accent));color:#fff;box-shadow:0 4px 0 var(--accent-dark),0 8px 18px #e04c3f59}.btn.primary:active{box-shadow:0 1px 0 var(--accent-dark)}.btn.big{font-size:1.35rem;min-height:58px}.btn.small{font-size:.9rem;min-height:40px;padding:6px 16px}.btn.danger{color:#c0392b}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}#screen-loading{background:linear-gradient(180deg,#4aa3ff,#d8f0ff);z-index:50}.loading-card{text-align:center;color:var(--navy);width:min(360px,100%)}.loading-text{font-weight:800;font-size:1.2rem}.loading-detail{font-size:.9rem;opacity:.75}.bar{height:14px;background:#fff9;border-radius:999px;overflow:hidden}.bar-fill{height:100%;width:0;background:linear-gradient(90deg,#ffb36b,var(--accent));border-radius:999px;transition:width .2s}.loading-penguin{width:72px;height:84px;margin:0 auto 8px;background:radial-gradient(circle at 36% 34%,#111 0 5px,transparent 6px),radial-gradient(circle at 64% 34%,#111 0 5px,transparent 6px),radial-gradient(ellipse 30% 40% at 50% 64%,#fff 0 98%,transparent 100%),radial-gradient(ellipse 50% 50% at 50% 55%,var(--navy) 0 98%,transparent 100%);animation:hop .6s ease-in-out infinite alternate}@keyframes hop{to{transform:translateY(-10px) rotate(4deg)}}.loading-error{margin-top:16px;background:#fff;border-radius:18px;padding:12px}#screen-title{justify-content:space-between;pointer-events:none}#screen-title>*{pointer-events:auto}.title-logo{text-align:center;margin-top:2vh;color:#fff;text-shadow:0 3px 0 var(--navy),0 6px 18px rgba(20,40,90,.4);animation:float 3s ease-in-out infinite}.title-logo h1{margin:0;font-size:clamp(2.2rem,7vw,4.6rem);font-weight:800;letter-spacing:.06em}.logo-sub{display:inline-block;font-size:clamp(1rem,2.8vw,1.6rem);font-weight:800;background:var(--accent);border-radius:999px;padding:4px 18px;text-shadow:none;box-shadow:0 4px 0 var(--accent-dark)}@keyframes float{50%{transform:translateY(-6px)}}.title-tip{margin:auto 0 0;background:#ffffffd9;border-radius:999px;padding:6px 16px;font-size:.9rem;pointer-events:none!important}#screen-title .menu{margin-bottom:1vh}@media(min-aspect-ratio:23/20){#screen-title{align-items:flex-start;justify-content:center;gap:3vh;padding-left:max(6vw,var(--safe-l))}#screen-title .title-logo{margin-top:0;text-align:left}#screen-title .title-tip,#screen-title .menu{margin:0}#screen-title .credit{position:absolute;bottom:max(8px,var(--safe-b));left:max(6vw,var(--safe-l))}}.credit{margin:4px 0 0;font-size:.7rem;opacity:.7}.stage-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stage-card{font-family:inherit;border:none;border-radius:22px;padding:0 0 12px;background:#fff;box-shadow:0 4px #b9cbe4,0 8px 18px #14285a1f;cursor:pointer;text-align:left;overflow:hidden;color:var(--ink);transition:transform .1s}.stage-card:hover:not(:disabled){transform:translateY(-3px)}.stage-card:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.65}.stage-art{height:92px;position:relative}.stage-art.meadow{background:radial-gradient(circle at 80% 25%,#fff6c8 0 12px,transparent 14px),linear-gradient(180deg,#4aa3ff 0 55%,#e8f5ff 55% 100%)}.stage-art.coast{background:linear-gradient(170deg,transparent 0 60%,#1e6fb0 60% 100%),linear-gradient(180deg,#3f8fe0 0 55%,#e8f5ff 55% 100%)}.stage-art.aurora{background:radial-gradient(ellipse 60% 25% at 50% 25%,rgba(80,255,170,.6),transparent),linear-gradient(180deg,#0b1236 0 35%,#3b2f6b 50%,#f39a7a 62%,#c9d2f2 62% 100%)}.stage-num{position:absolute;left:10px;top:8px;background:#ffffffe6;border-radius:999px;padding:2px 10px;font-weight:800;font-size:.85rem}.stage-badge{position:absolute;right:10px;top:8px;background:var(--gold);border-radius:999px;padding:2px 10px;font-weight:800;font-size:.8rem}.stage-card h3{margin:10px 14px 4px;font-size:1.1rem}.stage-card p{margin:0 14px;font-size:.8rem;line-height:1.45;opacity:.85}.stage-card .best{margin-top:6px;font-weight:800;font-size:.85rem;opacity:1}#hud{position:absolute;inset:0;pointer-events:none;z-index:5}.hud-top{position:absolute;top:max(10px,var(--safe-t));left:max(10px,var(--safe-l));right:max(10px,var(--safe-r));display:flex;align-items:center;gap:8px}.hud-chip{background:#ffffffe6;border-radius:999px;padding:6px 14px;font-weight:800;font-size:1.2rem;display:flex;align-items:baseline;gap:4px;box-shadow:0 3px 10px #14285a2e;white-space:nowrap}.hud-chip small{font-size:.7rem;opacity:.7}.hud-chip .icon{font-size:1rem}.hud-chip.time.low{background:#ffe1dc;color:#c0392b;animation:pulse .5s ease-in-out infinite alternate}.hud-chip.bump{animation:bump .3s}@keyframes pulse{to{transform:scale(1.07)}}@keyframes bump{50%{transform:scale(1.18)}}.hud-progress{flex:1;min-width:80px}.track{position:relative;height:12px;background:#ffffffbf;border-radius:999px;box-shadow:inset 0 1px 3px #14285a33}.track-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8fd3ff,var(--sky));border-radius:999px}.track-penguin{position:absolute;top:50%;width:24px;height:26px;transform:translate(-50%,-55%);background:radial-gradient(circle at 36% 36%,#111 0 2px,transparent 3px),radial-gradient(circle at 64% 36%,#111 0 2px,transparent 3px),radial-gradient(ellipse 32% 40% at 50% 64%,#fff 0 96%,transparent 100%),radial-gradient(ellipse 50% 50% at 50% 55%,var(--navy) 0 96%,transparent 100%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.track-goal{position:absolute;right:-6px;top:50%;transform:translateY(-55%);font-size:1.1rem}.hud-pause{pointer-events:auto;width:48px;height:48px;border-radius:50%;border:none;background:#ffffffe6;font-family:inherit;font-weight:800;font-size:1.1rem;color:var(--navy);box-shadow:0 3px 10px #14285a2e;cursor:pointer;flex:none}.hint{position:absolute;left:50%;top:22%;transform:translate(-50%);background:#fffffff2;border-radius:20px;padding:10px 20px;font-weight:800;font-size:1.1rem;box-shadow:var(--shadow);text-align:center;animation:pop-in .3s cubic-bezier(.2,1.4,.4,1);max-width:calc(100% - 32px)}.hint kbd{display:inline-block;background:var(--ice);border:2px solid #b9d6f0;border-radius:8px;padding:0 8px;font-family:inherit;margin:0 2px}#countdown,#banner{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:clamp(4rem,16vw,9rem);font-weight:800;color:#fff;text-shadow:0 5px 0 var(--navy),0 10px 30px rgba(20,40,90,.5);pointer-events:none;z-index:8}#countdown.tick{animation:count-pop .9s ease-out}#banner{font-size:clamp(2.4rem,9vw,5rem);white-space:nowrap;animation:count-pop 1.2s ease-out}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(1.8);opacity:0}25%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{opacity:1}}#popups{position:absolute;inset:0;pointer-events:none;z-index:7;overflow:hidden}.popup{position:absolute;font-weight:800;font-size:1.5rem;color:#fff;text-shadow:0 2px 0 var(--navy),0 4px 10px rgba(0,0,0,.3);transform:translate(-50%,-50%);animation:rise 1s ease-out forwards;white-space:nowrap}.popup.bad{color:#ffd0c8;text-shadow:0 2px 0 #b03a2e,0 4px 10px rgba(0,0,0,.3)}.popup.good{color:#fff3a8}@keyframes rise{to{transform:translate(-50%,-160%);opacity:0}}#flash{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:0;box-shadow:inset 0 0 120px 30px #ff503cb3;transition:opacity .4s}#flash.on{opacity:1;transition:none}#touch{position:absolute;inset:auto 0 0;height:0;z-index:9}.touch-left{position:absolute;left:max(16px,var(--safe-l));bottom:max(16px,var(--safe-b));display:flex;gap:14px}.touch-btn{width:76px;height:76px;border-radius:50%;border:3px solid rgba(255,255,255,.9);background:#1f2b4d59;color:#fff;font-family:inherit;font-weight:800;font-size:1.6rem;touch-action:none;backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000026}.touch-btn.pressed{background:#fff9;color:var(--navy);transform:scale(.94)}.touch-btn.jump{position:absolute;right:max(16px,var(--safe-r));bottom:max(16px,var(--safe-b));width:104px;height:104px;font-size:1.05rem;background:#ff6a5c8c}.result-sub{font-size:.95rem}.breakdown{width:100%;border-collapse:collapse;margin:8px 0}.breakdown th,.breakdown td{padding:6px 4px;border-bottom:1px dashed #cddcee}.breakdown th{text-align:left;font-weight:500}.breakdown td{text-align:right;font-weight:800}.breakdown .total th,.breakdown .total td{font-size:1.25rem;font-weight:800;color:var(--accent-dark)}.new-best{font-weight:800;color:#d48a00;animation:pulse .6s ease-in-out infinite alternate}.setting{display:grid;grid-template-columns:6.5em 1fr 3em;align-items:center;gap:10px;margin:12px 0;text-align:left}.setting .seg{grid-column:2 / 4}.setting.danger-zone{grid-template-columns:1fr;justify-items:center;margin-top:18px}.setting input[type=range]{width:100%;accent-color:var(--accent);height:32px}.setting output{font-weight:800;text-align:right}.seg{display:flex;background:var(--ice);border-radius:999px;padding:3px}.seg button{flex:1;border:none;background:none;border-radius:999px;padding:8px 4px;min-height:40px;font-family:inherit;font-weight:800;color:var(--navy);cursor:pointer}.seg button[aria-checked=true]{background:#fff;box-shadow:0 2px 6px #14285a2e;color:var(--accent-dark)}.confirm{background:#fff4f2;border-radius:16px;padding:10px;font-size:.9rem}.howto{width:100%;border-collapse:collapse;font-size:.9rem;margin:8px 0}.howto th,.howto td{border-bottom:1px dashed #cddcee;padding:6px 4px}.obstacles{list-style:none;padding:0;margin:8px 0;text-align:left;font-size:.9rem}.obstacles li{display:flex;align-items:center;gap:10px;margin:6px 0;line-height:1.4}.obstacles b{white-space:nowrap}.ob{flex:none;width:34px;height:22px;border-radius:50%}.ob-hole{background:radial-gradient(ellipse at 50% 60%,#020a1a 30%,#1d5d8f 60%,#bfeaff 80%,transparent 82%)}.ob-crevasse{border-radius:4px;background:linear-gradient(180deg,#d9f3ff,#0b2b52 40%,#020814,#0b2b52 60%,#d9f3ff)}.ob-seal{background:radial-gradient(ellipse at 50% 60%,#a7b4c8 60%,transparent 62%)}.ob-ice{border-radius:6px;background:linear-gradient(135deg,#e9f9ff,#8fd3ff)}.ob-fish{background:radial-gradient(ellipse 45% 35% at 45% 50%,#4cb3ff 90%,transparent 95%)}.rotate-icon{font-size:3rem}#toast{position:absolute;left:50%;bottom:max(20px,var(--safe-b));transform:translate(-50%);background:#1f2b4deb;color:#fff;border-radius:16px;padding:10px 18px;z-index:60;font-size:.9rem;max-width:calc(100% - 32px);text-align:center;animation:pop-in .3s}@media(max-width:720px){.stage-list{grid-template-columns:1fr}.stage-art{height:56px}.hud-chip{font-size:1rem;padding:5px 10px}.hud-chip.score small{display:none}}@media(max-height:500px){.panel{padding:14px 18px}.panel h2{font-size:1.25rem;margin-bottom:6px}.menu{gap:6px;margin-top:6px}.btn.big{min-height:48px;font-size:1.15rem}.stage-list{grid-template-columns:repeat(3,1fr)}.stage-art{height:50px}.stage-card p:not(.best){display:none}.title-logo h1{font-size:2.2rem}.touch-btn{width:64px;height:64px}.touch-btn.jump{width:88px;height:88px}.setting{margin:4px 0}.setting.danger-zone{margin-top:6px}.seg button{min-height:36px;padding:4px}.panel-actions{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.model-setting{border-bottom:1px solid #dce7f1;padding:12px 0}.model-setting .seg{margin:8px 0}.model-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.model-previews figure{margin:0;text-align:center;font-size:12px}.model-previews img{width:100%;border-radius:14px;aspect-ratio:1;object-fit:cover}#model-status{font-size:12px;color:#55718c;margin:8px 0}.play-options{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0}.play-options .label{display:block;font-size:12px;margin-bottom:6px;color:#55718c}.play-options .seg{flex-wrap:wrap}.play-options .seg button{flex:0 0 auto;padding:9px 14px;white-space:nowrap}.options-note,.legacy{font-size:11px;color:#60788e}.hud-options{position:absolute;top:74px;left:16px;border-radius:20px;background:#ffffffd9;color:#243650;font-size:12px;padding:5px 12px}.stage-art.canyon{background:linear-gradient(115deg,#67a4c9,#c9f6ff 45%,#4186aa)}.stage-art.sunset{background:linear-gradient(#645eab,#ffad81 70%,#71afca)}.stage-art.plateau{background:linear-gradient(#95b4c8,#eaf5fa 55%,#b7cedb)}.stage-art.stars{background:radial-gradient(circle at 70% 30%,#ffefc3 0 9%,transparent 10%),linear-gradient(#10274c,#7492c3)}.stage-art.pole{background:linear-gradient(#c98bba,#ffce99 65%,#f3e9e5)}@media(max-width:640px){.hud-options{top:62px;font-size:10px}.play-options{gap:8px}.play-options .seg button{padding:7px 10px;font-size:12px}}