:root{--ink:#3e3a34;--ink-mid:#3e3a34bf;--ink-faint:#3e3a3461;--rule:#3e3a346b;--rule-soft:#3e3a3438;--washi:#f4efe6;--washi-deep:#ede6d8;--washi-press:#e4daca;--washi-line:#ded4c2;--seal-cord:#9c6b5b;--warn:#9c6b5b;--font-serif:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--font-sans:"Hiragino Sans", "Yu Gothic", "YuGothic", "Noto Sans JP", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}#overlay-fx{z-index:40;pointer-events:none;background:radial-gradient(88% 80% at 50% 40%,#261c1000 48%,#20180e0a 80%,#1811091f 100%);position:fixed;top:0;bottom:0;left:0;right:0}#overlay-fx:after{content:"";opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='128'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.75'%20numOctaves='2'%20stitchTiles='stitch'%20result='t'/%3E%3CfeColorMatrix%20in='t'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%201%200'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}#ui{z-index:20;pointer-events:none;font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;position:fixed;top:0;bottom:0;left:0;right:0}#ui,#ui *{box-sizing:border-box}#ui button,#ui input,#ui select{color:inherit;font-family:inherit}#ui .nums,#ui .hud-moves,#ui .clear-moves,#ui .title-star-badge,#ui .stage-row__num,#ui .stage-row__best,#ui .clear-final__stars,#ui .settings-row__value{font-variant-numeric:tabular-nums}.ui-screen-host,.ui-settings-host,.ui-confirm-host,.screen{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui button,#ui input,#ui select,#ui .overlay{pointer-events:auto}#ui button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.jp-btn{white-space:nowrap;border:1px solid var(--rule);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:3px;padding:10px 20px;font-size:17px;line-height:1.2;transition:background-color .14s,transform 80ms,border-color .14s}.jp-btn:hover{border-color:var(--ink)}.jp-btn:active{background:var(--washi-press);transform:translateY(1px)}.jp-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.jp-btn--primary{border-color:var(--ink);font-weight:600}.jp-btn--ghost{border-color:#0000;padding:8px 12px;font-size:15px}.jp-btn--ghost:active{background:var(--washi-press);border-color:var(--rule-soft)}.jp-btn--compact{flex-shrink:0;padding:10px 14px}@media (prefers-reduced-motion:reduce){.jp-btn{transition:none}}.washi-panel{background-color:var(--washi);border:1px solid var(--rule-soft);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%3E%3Cfilter%20id='w'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.012%200.9'%20numOctaves='2'%20stitchTiles='stitch'%20result='t'/%3E%3CfeColorMatrix%20in='t'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.05%200'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23w)'/%3E%3C/svg%3E");border-radius:2px;box-shadow:0 1px #3e3a340d}.star-row{align-items:center;gap:8px;display:flex}.star-row--lg{gap:14px}.star-glyph{flex-shrink:0;width:17px;height:17px;display:inline-block;overflow:visible}.star-glyph--lg{width:34px;height:34px}.star-glyph__petals,.star-glyph__core{transition:fill .16s,stroke .16s,opacity .16s}.star-glyph.is-empty .star-glyph__petals{fill:none;stroke:var(--ink-faint);stroke-width:1.1px;stroke-linejoin:round}.star-glyph.is-empty .star-glyph__core{fill:none;stroke:var(--ink-faint);stroke-width:1.1px}.star-glyph.is-filled .star-glyph__petals{fill:var(--ink);stroke:none;opacity:.86}.star-glyph.is-filled .star-glyph__core{fill:var(--washi);stroke:none;opacity:.5}.star-glyph.is-stamping{transform-origin:50%;animation:.38s cubic-bezier(.34,1.56,.64,1) both star-stamp}@keyframes star-stamp{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.star-glyph.is-stamping{animation:.22s both star-fade}}@keyframes star-fade{0%{opacity:0}to{opacity:1}}.screen--title{padding:calc(24px + var(--safe-t)) calc(20px + var(--safe-r)) calc(24px + var(--safe-b)) calc(20px + var(--safe-l));justify-content:center;align-items:center;display:flex}.title-panel{text-align:center;flex-direction:column;align-items:center;gap:32px;width:min(420px,88vw);padding:44px 30px;animation:.52s both fade-up;display:flex}.title-heading{font-family:var(--font-serif);letter-spacing:.14em;color:var(--ink);margin:0;font-size:clamp(30px,6.4vw,42px);font-weight:500}.title-buttons{flex-direction:column;gap:14px;width:100%;display:flex}.title-buttons .jp-btn{width:100%}.title-daily-row{width:100%;position:relative}.title-daily-row .jp-btn{width:100%}.title-daily-badge{background:var(--washi-deep);border:1px solid var(--rule-soft);pointer-events:none;border-radius:10px;align-items:center;gap:3px;padding:2px 8px 2px 5px;display:inline-flex;position:absolute;top:-9px;right:-6px}.title-daily-badge .star-glyph{width:12px;height:12px}.title-daily-badge__text{color:var(--ink-mid);font-size:11px}.screen--okawari-select{padding:calc(20px + var(--safe-t)) calc(20px + var(--safe-r)) calc(20px + var(--safe-b)) calc(20px + var(--safe-l));justify-content:center;align-items:center;display:flex}.okawari-panel{flex-direction:column;gap:18px;width:min(440px,92vw);padding:18px 24px 30px;animation:.48s both fade-up;display:flex}@media (prefers-reduced-motion:reduce){.okawari-panel{animation:none}}.okawari-heading{font-family:var(--font-serif);letter-spacing:.12em;text-align:center;margin:0;font-size:26px;font-weight:500}.okawari-diff-list{flex-direction:column;gap:14px;display:flex}.okawari-diff-card{border:1px solid var(--rule);width:100%;color:var(--ink);cursor:pointer;background:0 0;border-radius:3px;flex-direction:column;align-items:center;gap:6px;padding:16px 14px;transition:background-color .14s,border-color .14s;display:flex}.okawari-diff-card:hover{border-color:var(--ink)}.okawari-diff-card:active{background:var(--washi-press)}.okawari-diff-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.okawari-diff-card__label{font-size:18px;font-weight:600}.okawari-diff-card__stats{color:var(--ink-mid);font-size:13px}.title-star-badge{right:calc(16px + var(--safe-r));bottom:calc(14px + var(--safe-b));color:var(--ink-mid);pointer-events:none;z-index:21;font-size:14px;position:fixed}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.title-panel{animation:none}}.screen--select{padding:calc(10px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));justify-content:center;display:flex}.select-panel{pointer-events:auto;-webkit-backdrop-filter:blur(10px);border:1px solid var(--rule-soft);background:#f4efe6eb;border-radius:3px;flex-direction:column;width:min(480px,100%);max-height:100%;display:flex;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.select-panel{background:#f4efe6}}.select-header{border-bottom:1px solid var(--rule-soft);flex-shrink:0;align-items:center;padding:6px 8px;display:flex}.select-header__spacer{flex:1}.stage-list-wrap{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.stage-list{flex-direction:column;display:flex}.stage-row{border:none;border-bottom:1px solid var(--rule-soft);text-align:left;width:100%;min-height:56px;color:var(--ink);cursor:pointer;background:0 0;align-items:center;gap:14px;padding:10px 16px;font-size:15px;display:flex}.stage-row:last-child{border-bottom:none}.stage-row:active{background:var(--washi-press)}.stage-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.stage-row.is-locked{opacity:.4}.stage-row__num{width:28px;color:var(--ink-mid);flex-shrink:0;font-size:14px;font-weight:300}.stage-row__name-block{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.stage-row__name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.stage-silhouette__bowl{fill:var(--ink-mid)}.stage-row__right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.stage-row__best{color:var(--ink-mid);font-size:14px}.stage-row.is-shaking{animation:.18s ease-in-out 2 row-shake}@keyframes row-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.stage-row.is-shaking{animation:none}}.screen--play{display:block}.hud-top{padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 6px calc(10px + var(--safe-l));justify-content:space-between;align-items:flex-start;gap:8px;min-height:56px;display:flex;position:absolute;top:0;left:0;right:0}.hud-top__center{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;padding-top:8px;display:flex}.hud-stage-name{color:var(--ink);font-size:15px;font-weight:600}.hud-moves{color:var(--ink-mid);font-size:14px}.hud-moves__current{transition:color .16s}.hud-top__back,.hud-top__settings{white-space:nowrap;flex-shrink:0}.hud-bottom{min-height:calc(64px + var(--safe-b));padding:8px calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-bottom__tray-reset{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(6px)}.hud-bottom__tray-reset.is-visible{opacity:1;transform:none}.hud-bottom__tray-reset[hidden]{display:none}@media (prefers-reduced-motion:reduce){.hud-bottom__tray-reset{transition:opacity .12s}}.hud-hint{right:calc(10px + var(--safe-r));bottom:calc(78px + var(--safe-b));min-width:44px;min-height:44px;color:var(--ink-mid);border:1px solid var(--rule-soft);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:15px;display:flex;position:absolute}.hud-hint:active{background:var(--washi-press)}.hud-hint:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hud-toast{left:50%;bottom:calc(96px + var(--safe-b));background:var(--washi-deep);border:1px solid var(--rule-soft);text-align:center;opacity:0;pointer-events:none;border-radius:3px;width:max-content;max-width:min(86vw,420px);padding:10px 18px;font-size:14px;transition:opacity .18s,transform .18s;position:absolute;transform:translate(-50%,6px)}.hud-toast.is-visible{opacity:1;transform:translate(-50%)}.hud-tutorial{left:50%;bottom:calc(96px + var(--safe-b));text-align:center;width:max-content;max-width:min(90vw,420px);color:var(--ink);border:1px solid var(--rule-soft);opacity:0;visibility:hidden;pointer-events:none;background:#f4efe6d9;border-radius:3px;padding:8px 16px;font-size:14px;transition:opacity .2s;position:absolute;transform:translate(-50%)}.hud-tutorial.is-visible{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.hud-toast,.hud-tutorial{transition:opacity .1s}}.screen--clear{padding:calc(20px + var(--safe-t)) calc(20px + var(--safe-r)) calc(20px + var(--safe-b)) calc(20px + var(--safe-l));justify-content:center;align-items:center;display:flex}.clear-panel{text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(420px,88vw);padding:40px 30px;animation:.48s both fade-up;display:flex}.clear-heading{font-family:var(--font-serif);letter-spacing:.12em;margin:0;font-size:clamp(26px,6vw,34px);font-weight:500}.clear-moves{font-size:17px}.clear-best{color:var(--ink);margin-top:-12px;font-size:14px;font-weight:600}.clear-count{color:var(--ink-mid);font-size:14px}.clear-final{border-top:1px solid var(--rule-soft);flex-direction:column;align-items:center;gap:8px;width:100%;padding-top:8px;display:flex}.clear-final__heading{font-family:var(--font-serif);letter-spacing:.1em;font-size:clamp(20px,5vw,26px)}.clear-final__stars{color:var(--ink-mid);font-size:15px}.clear-buttons{flex-direction:column;gap:12px;width:100%;display:flex}.clear-buttons .jp-btn{width:100%}@media (prefers-reduced-motion:reduce){.clear-panel{animation:none}}.overlay{z-index:30;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));-webkit-backdrop-filter:blur(2px);background:#3e3a344d;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ui-confirm-host{z-index:31}.settings-panel{flex-direction:column;gap:18px;width:min(420px,92vw);max-height:min(88vh,640px);padding:30px 26px;display:flex;overflow-y:auto}.settings-heading{font-family:var(--font-serif);text-align:center;margin:0;font-size:24px;font-weight:500}.settings-row{justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:15px;display:flex}.settings-row__label{flex-shrink:0}.settings-row__value{color:var(--ink-mid);text-align:right;width:2.4em;font-size:14px}.settings-row__control--slider{flex:1;align-items:center;gap:10px;max-width:220px;display:flex}.jp-slider{height:20px;accent-color:var(--ink);flex:1}.jp-toggle{cursor:pointer}.jp-toggle__switch{border:1px solid var(--rule);border-radius:12px;flex-shrink:0;width:44px;height:24px;display:inline-flex;position:relative}.jp-toggle__switch:after{content:"";background:var(--ink-faint);border-radius:50%;width:18px;height:18px;transition:left .14s,background-color .14s;position:absolute;top:2px;left:2px}.jp-toggle__input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.jp-toggle__switch.is-on{border-color:var(--ink)}.jp-toggle__switch.is-on:after{background:var(--ink);left:22px}.jp-toggle__input:focus-visible~.jp-toggle__switch{outline:2px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.jp-toggle__switch:after{transition:none}}.segmented{border:1px solid var(--rule);border-radius:3px;display:flex;overflow:hidden}.segmented__btn{border:none;border-left:1px solid var(--rule-soft);min-width:44px;min-height:44px;color:var(--ink-mid);cursor:pointer;background:0 0;padding:6px 14px;font-size:14px}.segmented__btn:first-child{border-left:none}.segmented__btn.is-active{background:var(--washi-press);color:var(--ink);font-weight:600}.settings-row--erase{border-top:1px solid var(--rule-soft);justify-content:center;padding-top:10px}.settings-erase-btn{border-color:var(--seal-cord)}.settings-erase-btn:active{background:#9c6b5b1f}.settings-close{width:100%;margin-top:4px}.confirm-panel{text-align:center;flex-direction:column;gap:20px;width:min(360px,90vw);padding:28px 24px;display:flex}.confirm-text{margin:0;font-size:15px;line-height:1.7}.confirm-buttons{gap:12px;display:flex}.confirm-buttons .jp-btn{flex:1}@media (max-width:380px){.title-panel,.clear-panel{padding:32px 20px}.hud-bottom{gap:10px}.jp-btn{padding:10px 14px}}