:root{--sky:#141b2e;--sky-2:#0d1222;--snow:#f3f7fb;--snow-2:#cfdff0;--ice:#9fc6e8;--ice-2:#6fa3cf;--melt:#b9e8ff;--text:#e8eef6;--text-soft:#a9b6c8;--sans-jp:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--sky);color:var(--text);font-family:var(--sans-jp);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}button{font:inherit;color:inherit}[hidden]{display:none!important}#app{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.snowfall{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.screen{z-index:1;box-sizing:border-box;height:100%;min-height:0;padding:env(safe-area-inset-top,0) 16px env(safe-area-inset-bottom,0);flex-direction:column;display:flex;position:relative}.btn{border:1px solid var(--ice-2);min-height:48px;color:var(--text);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 18px;font-size:17px;font-weight:600;display:flex}.btn-main{background:var(--ice);border-color:var(--ice);color:var(--sky-2)}.btn-sub{color:var(--text)}.btn:disabled{opacity:.4;cursor:default}.btn-note{opacity:.85;font-size:14px;font-weight:400}.title,.over,.help{justify-content:center;align-items:stretch;gap:20px;width:100%;max-width:420px;margin:0 auto;overflow-y:auto}.logo{text-align:center;letter-spacing:.18em;color:var(--snow);text-shadow:0 0 24px #b9e8ff73;margin:0;font-size:44px;font-weight:600}.lead,.help-text{white-space:pre-line;text-align:center;color:var(--text-soft);margin:0;font-size:16px;line-height:1.7}.help-text{text-align:left}.help{padding-top:max(24px, env(safe-area-inset-top,0));justify-content:flex-start}.starts{gap:12px;display:grid}.best{text-align:center;color:var(--text-soft);font-variant-numeric:tabular-nums;gap:4px;font-size:14px;display:grid}.back-link{min-height:44px;color:var(--text-soft);letter-spacing:.04em;text-underline-offset:3px;justify-content:center;align-items:center;font-size:14px;text-decoration:underline;display:flex}.heading{text-align:center;letter-spacing:.1em;margin:0;font-size:28px;font-weight:600}.subheading{color:var(--ice);letter-spacing:.08em;margin:8px 0 0;font-size:16px}.help-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.help-list li{gap:2px;font-size:16px;line-height:1.6;display:grid}.help-list strong{color:var(--snow);font-weight:600}.help-list span{color:var(--text-soft)}.over-stats{text-align:center;font-variant-numeric:tabular-nums;color:var(--text-soft);gap:6px;display:grid}.over-score{color:var(--snow);font-size:36px;font-weight:600}.over-best{color:var(--melt);font-weight:600}.over-note{font-size:14px;line-height:1.5}.play{padding-left:0;padding-right:0}.hud{color:var(--text-soft);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:16px;display:flex}.hud-next{align-items:center;gap:6px;display:inline-flex}.next{display:block}.well-wrap{flex:1;justify-content:center;align-items:flex-end;min-height:0;padding:0 16px 8px;display:flex;position:relative}.well{touch-action:none;background:linear-gradient(#141b2e99,#0d1222e6);border-radius:6px;display:block;box-shadow:inset 0 0 0 1px #9fc6e840}.hint{color:var(--melt);white-space:nowrap;pointer-events:none;background:#0d1222d9;border-radius:999px;padding:6px 14px;font-size:16px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.bar{box-sizing:border-box;gap:8px;width:100%;max-width:440px;margin:0 auto;padding:4px 16px 10px;display:flex}.slot{min-width:0;min-height:48px;color:var(--snow);letter-spacing:.02em;background:0 0;border:1px dashed #9fc6e873;border-radius:12px;flex:1 1 0;font-size:15px;font-weight:600}.slot:not(:disabled){border-style:solid;border-color:var(--ice-2);background:#9fc6e824}.slot[aria-pressed=true]{background:var(--ice);color:var(--sky-2)}.btn-pause{flex:none;min-width:72px;padding:6px 12px;font-size:15px}.slot.pop{animation:.5s ease-out pop}@keyframes pop{0%{transform:scale(.8);box-shadow:0 0 #b9e8ffcc}to{transform:scale(1);box-shadow:0 0 0 12px #b9e8ff00}}.pause{z-index:2;background:#0d1222eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pause-title{letter-spacing:.1em;margin-bottom:8px;font-size:22px}.pause .btn{min-width:200px}.proto{z-index:1;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.proto-hud{color:var(--text-soft);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;padding:8px 16px;font-size:14px;display:flex}.proto-hud strong{color:var(--text);font-weight:600}.proto-panel{color:var(--text-soft);gap:6px;padding:8px 16px 12px;font-size:14px;display:grid}.proto-last{color:var(--text);min-height:1.5em;font-size:16px}.proto-stats{font-variant-numeric:tabular-nums;line-height:1.4}.proto-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.proto-row label{flex:140px;align-items:center;gap:6px;min-width:0;display:flex}.proto-row input[type=range]{flex:1;min-width:60px}.proto-row output{text-align:right;font-variant-numeric:tabular-nums;min-width:4.5em}.proto-btn{border:1px solid var(--ice-2);background:0 0;border-radius:8px;min-height:44px;padding:8px 14px}.proto-btn[aria-pressed=true]{background:#9fc6e833}