:root{color:#285a58;font-synthesis:none;--ink:#285a58;--muted:#56756b;--cream:#fff8e8;--mint:#367d70;--coral:#c86548;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-size:16px;font-weight:700}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{overscroll-behavior:none;touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(at 80% 5%,#fffaf0b0,#0000 55%),linear-gradient(#d3edec,#edf4df 65%,#fff2d7);height:100dvh}body:before{content:"";background:repeating-linear-gradient(90deg,#83b8ab 0 30px,#fff8e8 30px 60px);border-bottom:1px solid #61998b30;height:12px;position:fixed;inset:0 0 auto}button,a{font:inherit;color:inherit;cursor:pointer;touch-action:none}button{border:0;min-height:48px;transition:transform .15s,filter .15s}button:active{transform:translateY(2px)}button:hover{filter:brightness(1.05)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}svg{flex-shrink:0;width:1.3em;height:1.3em;display:block}#world{pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}#app{pointer-events:none;width:min(100%,560px);height:100%;margin:auto;position:relative}.screen{width:100%;height:100%;padding:max(26px,env(safe-area-inset-top)) 20px max(14px,env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;gap:12px;display:flex;position:relative}.screen button,.screen a{pointer-events:auto}h1,h2,p{margin:0}h1,h2{font-weight:900}header{text-align:center;flex-shrink:0}.eyebrow{letter-spacing:.12em;color:var(--muted);font-size:14px}#scene-window{border-radius:18px;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.sound{right:20px;top:max(26px,env(safe-area-inset-top));z-index:2;background:#fff9edda;border:1px solid #729c8f70;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;box-shadow:0 3px 8px #285a5810}.sound svg{width:25px;height:25px}.title header{padding-top:32px}.title h1{letter-spacing:-.04em;margin:0;font-size:clamp(27px,8.2vw,43px);line-height:1.3}.title-name{white-space:nowrap;display:block}.title-sub{letter-spacing:.2em;color:var(--coral);margin-top:5px;font-size:.58em;display:block}.tagline{letter-spacing:.18em;border-top:1px solid #83a89990;border-bottom:1px solid #83a89990;margin-top:14px;padding:5px 22px;font-size:18px;display:inline-block}.title-display{border:4px double #5f9587;border-radius:18px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 20px #285a5808}.title #scene-window{border-radius:0;margin:0}.gesture-guide{text-align:center;flex-shrink:0;padding:0 8px 16px;position:relative}.gesture-demo{width:140px;height:102px;margin:0 auto;position:relative}.gesture-trail{fill:none;width:140px;height:78px;stroke:var(--mint);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.gesture-trail ellipse{stroke-dasharray:3 6;opacity:.5}.gesture-hand{width:38px;height:45px;color:var(--ink);offset-path:ellipse(34px 18px at 70px 30px);offset-anchor:48% 8%;offset-rotate:0deg;filter:drop-shadow(0 3px 1px #285a5820);animation:3.2s linear infinite guide-circle;position:absolute;top:0;left:0}.gesture-hand:before{content:"";background:#83b8ab40;border:2px solid #367d7080;border-radius:50%;width:19px;height:19px;position:absolute;top:-5px;left:9px}.gesture-hand svg{width:100%;height:100%;position:relative}.gesture-guide p{letter-spacing:.06em;background:#fff8e8e8;border:1px solid #729c8f60;border-radius:30px;padding:5px 14px;font-size:16px;display:inline-block}@keyframes guide-circle{to{offset-distance:100%}}.start-bottom{text-align:center;flex-shrink:0}.start-pad{background:var(--mint);min-height:56px;color:var(--cream);border:1px solid #286557;border-radius:13px;justify-content:center;align-items:center;gap:18px;padding:12px;font-size:18px;display:flex;box-shadow:0 4px #285a58}.start-pad span{font-size:24px}.keyboard-hint{color:var(--ink);margin-top:12px;font-size:14px}.author{color:var(--ink);background:#fff8e8cc;border:1px solid #729c8f50;border-radius:24px;align-self:center;min-height:44px;padding:0 18px;font-size:14px}.play{gap:8px}.hud{min-height:128px}.meter{font-weight:900;transition:color .2s}.meter>span{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:64px;line-height:1.1}.meter small{margin-left:7px;font-size:23px}.best{color:var(--muted);margin-top:5px;font-size:14px;font-weight:700}.meter.danger{color:var(--coral)}.play-bottom{text-align:center;background:#fff9e9ed;border:1px solid #86a99880;border-radius:13px;flex-shrink:0;padding:12px}.settle-note{font-size:18px;line-height:1.5}.tutorial-tip{border:3px double #5f9587;border-radius:30px;align-self:center;min-width:210px;box-shadow:0 3px 12px #285a5810}.result{gap:10px}.result-heading{justify-content:center;align-items:center;gap:12px;min-height:46px;display:flex}.result-heading h1{letter-spacing:.02em;font-size:clamp(23px,5.8vw,32px)}.shop-stamp{letter-spacing:-.04em;border:2px solid var(--mint);border-radius:6px;padding:4px;font-size:14px;line-height:1.05;transform:rotate(-4deg)}.result-paper{background:#fffaf012;border:4px double #5f9587;border-radius:18px;flex-direction:column;flex:1;min-height:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 20px #285a5808}.result-paper #scene-window{border-radius:0}.result-info{text-align:center;background:#f4f6e3;border-top:1px solid #7a9e8f70;flex-shrink:0;padding:8px 0 4px}.result-height{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(64px,17vw,84px);font-weight:900;line-height:1.08}.result-height small{letter-spacing:0;margin-left:9px;font-size:25px}.rank{letter-spacing:.07em;font-size:23px;line-height:1.4}.failure .rank{color:#b4573d}.result-actions{flex-shrink:0;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.result-actions button{white-space:nowrap;border:1px solid #69918070;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:56px;padding:8px 5px;font-size:16px;display:flex;box-shadow:0 3px #285a582b}.post{color:#fff9eb;background:#263d39}.download{background:#fff9eb}.download span{font-size:14px}.again{background:var(--coral);color:#fff8e8;border-color:#a9543d!important}.follow-x{text-align:center;flex-shrink:0}.follow-x button{background:#fff9ebc0;border:1px solid #69918080;border-radius:30px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:7px 24px;font-size:16px;display:inline-flex}.follow-x button:before{content:"𝕏";font-family:Arial,sans-serif;font-size:19px}.follow-x p{color:var(--muted);margin-top:6px;font-size:14px}.share-feedback{text-align:center;color:#8b4a36;flex-shrink:0;min-height:20px;font-size:14px;line-height:1.5}.share-feedback a{min-height:44px;color:var(--ink);background:#fff9eb;border:1px solid #689284;border-radius:9px;justify-content:center;align-items:center;margin-bottom:5px;text-decoration:underline;display:flex}.share-feedback a[hidden]{display:none}.unsupported{pointer-events:auto;background:var(--cream);text-align:center;border-radius:24px;margin:15vh 24px;padding:30px}.unsupported h1{font-size:22px}.unsupported p{margin:18px 0}.unsupported button{background:var(--mint);color:#fff;border-radius:12px;padding:14px}@media (width>=900px){#app:has(.title){width:min(100%,1000px)}.title{grid-template-rows:1fr auto auto;grid-template-columns:1fr 1fr;column-gap:36px;padding:56px 30px 14px;display:grid}.title header{align-self:center;padding:0}.title .title-display{grid-area:1/2/3;height:100%;min-height:0}.title .start-bottom{grid-area:2/1;padding-bottom:14px}.title .author{grid-column:1/-1;justify-self:center}.title h1{font-size:43px}.play #scene-window{width:calc(100% + 32px);margin:0 -16px}}@media (height<=740px){.screen{gap:8px;padding-top:22px}.title header{padding-top:28px}.title h1{margin:0;font-size:clamp(26px,8.2vw,43px)}.title-sub{font-size:.58em}.tagline{margin-top:10px;padding:4px 18px;font-size:18px}.start-pad{min-height:52px;font-size:16px}.keyboard-hint{margin-top:7px}.title .author{min-height:36px}.gesture-guide{padding-bottom:10px}.result-info{padding-top:5px}.result-height{font-size:62px}.rank{font-size:21px}.result-actions button{min-height:52px}.follow-x p{margin-top:4px}.hud{min-height:116px}.meter>span{font-size:58px}.sound{top:22px}}@media (prefers-reduced-motion:reduce){button{transition:none}.gesture-hand{offset-distance:25%;animation:none}}.how-to{text-align:left;margin-top:4px;display:inline-block}.how-to-title{text-align:center;letter-spacing:.2em;color:var(--coral);margin:0 0 4px;font-size:14px;font-weight:900}.how-to ol{margin:0;padding:0;font-size:16px;font-weight:700;line-height:1.6;list-style:none}.how-to-num{color:var(--coral);margin-right:4px}.how-to{background:#fff8e8e8;border:1px solid #729c8f60;border-radius:14px;padding:8px 18px 10px}.gesture-guide .how-to-title{letter-spacing:.2em;background:0 0;border:0;border-radius:0;padding:0;font-size:14px;display:block}.how-to ol{white-space:nowrap;font-size:clamp(14px,4.2vw,16px)}