:root{--paper:#fffcf5;--paper-2:#fff6e9;--ink:#7c6a5a;--ink-soft:#7c6a5a99;--berry:#f58ba8;--scene-unit:200px;--u:16px;--c-vw:3.75px;--c-vh:6.67px;--c-vmin:3.75px;--r-md:calc(1.125*var(--u));--r-lg:calc(1.75*var(--u));--r-pill:calc(62.5*var(--u));--font:"Resource Han Rounded",ui-rounded,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--pop:cubic-bezier(.34,1.56,.64,1)}.usagitap,.usagitap *,.usagitap:before,.usagitap:after{box-sizing:border-box;margin:0;padding:0}.usagitap{position:relative;overflow:hidden;isolation:isolate;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--u);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;text-autospace:normal;-webkit-text-autospace:normal;width:100%;height:100%}.stage{position:absolute;overflow:hidden;isolation:isolate;background:var(--paper);inset:0}.stage:before{content:"";position:absolute;z-index:0;pointer-events:none;background-image:radial-gradient(#c9a87c24 1.1px,#0000 1.1px);background-size:calc(1.5*var(--u))calc(1.5*var(--u));inset:0}.field{position:absolute;z-index:1;pointer-events:none;background-color:var(--paper);transition:background-color .55s;inset:0}.sky,.grass{position:absolute;z-index:2;pointer-events:none;left:0;right:0}.sky{overflow:hidden;height:46%;top:0}.cloud{position:absolute;width:var(--cw,calc(10*var(--u)));height:calc(var(--cw,calc(10*var(--u)))*.36);border-radius:var(--r-pill);opacity:.6;animation-name:drift;animation-timing-function:linear;animation-iteration-count:infinite;background:#fff;left:0}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:44%;height:148%;top:-72%;left:13%}.cloud:after{width:32%;height:118%;top:-52%;right:15%}@keyframes drift{0%{transform:translateX(calc(-45*var(--c-vw)))}to{transform:translateX(calc(118*var(--c-vw)))}}.grass{height:clamp(calc(5*var(--u)),calc(19*var(--c-vh)),calc(13*var(--u)));overflow:hidden;bottom:0}.grass-svg{position:absolute;top:0;bottom:0;left:calc(-1*var(--u));display:block;width:calc(100% + 2*var(--u));transform:translateX(calc(sin(var(--wave,0)*6.28318)*calc(var(--sway,0)*var(--u))*var(--energy,0)));height:100%}.surface{position:absolute;z-index:3;touch-action:none;inset:0}.fx{position:absolute;z-index:5;pointer-events:none;inset:0}.taps{position:absolute;z-index:8;pointer-events:none;inset:0}.usagi{position:absolute;z-index:7;display:flex;pointer-events:none;will-change:transform;justify-content:center;align-items: center;inset:0}.usagi-art{display:block;width:100%;height:100%}.flash{position:absolute;z-index:9;pointer-events:none;inset:0}.zone-flash{position:absolute;border-radius:var(--r-md);opacity:0;animation:.55s ease-out forwards zoneFade;background:#fff}@keyframes zoneFade{0%{opacity:0}15%{opacity:.55}to{opacity:0}}.ctrl{--edge:#7c6a5a29;position:relative;min-width:calc(4.25*var(--u));min-height:calc(3*var(--u));padding:calc(.625*var(--u))calc(1.0625*var(--u))calc(.625*var(--u))calc(.875*var(--u));display:inline-flex;justify-content:center;align-items: center;gap:calc(.4375*var(--u));border-radius:var(--r-pill);color:var(--ink);-webkit-backdrop-filter:blur(calc(.75*var(--u)))saturate(1.15);backdrop-filter:blur(calc(.75*var(--u)))saturate(1.15);font:normal calc(.875*var(--u))/1 var(--font);letter-spacing:.03em;cursor:pointer;pointer-events:auto;touch-action:manipulation;box-shadow:inset 0 0 0 2.5px var(--edge),0 calc(.25*var(--u))0 #7c6a5a1f,0 calc(.625*var(--u))calc(1.25*var(--u))#7c6a5a24;background:#ffffffb8;border:0;transition:box-shadow .16s,color .16s,background .16s}.ctrl svg,.ctrl>span{transform:scale(calc(1 + var(--energy,0)*.06));transform-origin:50% 50%}.ctrl svg{width:calc(1.3125*var(--u));height:calc(1.3125*var(--u));overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ctrl:focus-visible{outline:3px solid #93c8ea99;outline-offset:3px}.ctrl-icon{min-width:calc(3*var(--u));padding:calc(.625*var(--u))}@media (hover:hover){.ctrl:hover{--edge:#f7c948b8}}.ctrl:active{box-shadow:inset 0 0 0 2.5px var(--edge),0 0 0 #7c6a5a1f,0 calc(.1875*var(--u))calc(.5*var(--u))#7c6a5a29}.sheet{position:absolute;z-index:50;display:grid;padding:calc(1.25*var(--u));-webkit-backdrop-filter:blur(calc(.625*var(--u)));backdrop-filter:blur(calc(.625*var(--u)));pointer-events:auto;animation:.26s both sheetIn;transform:scale(calc(1 + var(--energy,0)*.01));background:#7c6a5a33;place-items: center;inset:0}.sheet.is-closing{pointer-events:none;animation:.24s forwards sheetOut}@keyframes sheetIn{0%{opacity:0}to{opacity:1}}@keyframes sheetOut{0%{opacity:1}to{opacity:0}}.sheet-panel{width:min(calc(26.25*var(--u)),100%);overflow-y:auto;padding:calc(1.375*var(--u));-webkit-backdrop-filter:blur(calc(1*var(--u)))saturate(1.1);backdrop-filter:blur(calc(1*var(--u)))saturate(1.1);border-radius:var(--r-lg);box-shadow:inset 0 0 0 calc(.1875*var(--u))#f58ba842,0 calc(1.25*var(--u))calc(2.875*var(--u))#7c6a5a3d;animation:panelIn .36s var(--pop)both;background:#fffcf5db;max-height:100%}.sheet.is-closing .sheet-panel{animation:.22s forwards panelOut}@keyframes panelIn{0%{opacity:0;transform:translateY(calc(1.125*var(--u)))scale(.93)}to{opacity:1;transform:none}}@keyframes panelOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(.625*var(--u)))scale(.96)}}.sheet-head{display:flex;justify-content:space-between;align-items: center;margin-bottom:0}.sheet-tools{display:flex;align-items: center;gap:calc(.5*var(--u))}.sheet-head h2{font-size:calc(1.125*var(--u));letter-spacing:.08em;font-weight:400}.sheet-list{list-style:none;display:grid;gap:calc(.5*var(--u))}.sheet-row{padding:calc(.5625*var(--u))calc(.75*var(--u));display:flex;justify-content:space-between;align-items: center;gap:calc(1*var(--u));border-radius:var(--r-md);background:var(--paper-2);color:var(--ink);text-align:left;cursor:pointer;border:0;width:100%;transition:background .18s,box-shadow .18s;font-family:inherit;box-shadow:inset 0 0 0 2px #7c6a5a14}.sheet-row:focus-visible{outline:3px solid #93c8ea99;outline-offset:3px}@media (hover:hover){.sheet-row:hover{background:#fff;box-shadow:inset 0 0 0 2px #f7c94899}}.sheet-text{display:flex;gap:calc(.25*var(--u));flex-direction:column}.sheet-text b{font-size:calc(.8125*var(--u));letter-spacing:.04em;font-weight:400}.sheet-text small{font-size:calc(.6875*var(--u));color:var(--ink-soft)}.switch{width:calc(2.875*var(--u));height:calc(1.75*var(--u));padding:calc(.25*var(--u));border-radius:var(--r-pill);transform:scale(calc(1 + var(--energy,0)*.06));background:#7c6a5a29;flex:none;transition:background .2s,box-shadow .2s;box-shadow:inset 0 0 0 2px #7c6a5a12}.switch i{display:block;width:calc(1.25*var(--u));height:calc(1.25*var(--u));box-shadow:0 1px 2px #7c6a5a38,0 calc(.1875*var(--u))calc(.375*var(--u))#7c6a5a33;transition:transform .24s var(--pop);background:#fff;border-radius:50%}.switch.is-on{background:var(--berry);box-shadow:inset 0 0 0 2px #ffffff4d,0 2px calc(.5*var(--u))#f58ba86b}.switch.is-on i{transform:translateX(calc(1.125*var(--u)))}.overlay{position:absolute;z-index:40;display:grid;padding:max(calc(1.25*var(--u)),var(--safe-area-inset-top,env(safe-area-inset-top,0px)))calc(1.25*var(--u))max(calc(1.25*var(--u)),var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));-webkit-backdrop-filter:blur(calc(1*var(--u)))saturate(1.05);backdrop-filter:blur(calc(1*var(--u)))saturate(1.05);animation:.42s both overlayIn;background:#fffcf59e;place-items: center;inset:0}.overlay.is-exiting{pointer-events:none;animation:.36s forwards overlayOut}@keyframes overlayIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(calc(1*var(--u)))saturate(1.05);backdrop-filter:blur(calc(1*var(--u)))saturate(1.05)}}@keyframes overlayOut{0%{opacity:1;-webkit-backdrop-filter:blur(calc(1*var(--u)))saturate(1.05);backdrop-filter:blur(calc(1*var(--u)))saturate(1.05)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.overlay-card{width:min(calc(32.5*var(--u)),100%);padding:clamp(calc(1.5*var(--u)),calc(4.5*var(--c-vw)),calc(2.25*var(--u)))clamp(calc(1.25*var(--u)),calc(5*var(--c-vw)),calc(2.875*var(--u)));text-align:center;border-radius:var(--r-lg);box-shadow:inset 0 0 0 calc(.1875*var(--u))#f58ba84d,0 calc(1.25*var(--u))calc(3*var(--u))#7c6a5a2e;animation:cardIn .46s var(--pop)both;background:#ffffffc7}.overlay.is-exiting .overlay-card{animation:.34s forwards cardOut}@keyframes cardIn{0%{opacity:0;transform:translateY(calc(1*var(--u)))scale(.94)}to{opacity:1;transform:none}}@keyframes cardOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(-.75*var(--u)))scale(1.05)}}.overlay-kicker{font-family:var(--font);font-size:clamp(calc(.6875*var(--u)),calc(2.4*var(--c-vmin)),calc(.8125*var(--u)));letter-spacing:.22em;color:#7c6a5a73}.overlay-title{margin-top:calc(.5*var(--u));font-family:var(--font);font-size:clamp(calc(2.125*var(--u)),calc(9*var(--c-vmin)),calc(3.5*var(--u)));white-space:nowrap;letter-spacing:.05em;color:var(--ink);text-shadow:0 calc(.1875*var(--u))0 #ffffffe6,0 calc(.5*var(--u))calc(1.125*var(--u))#7c6a5a24;font-weight:400;line-height:1.08}.overlay-roman{margin-top:calc(.5*var(--u));font-family:var(--font);font-size:clamp(calc(.6875*var(--u)),calc(2.6*var(--c-vmin)),calc(.875*var(--u)));letter-spacing:.42em;color:var(--berry);font-weight:400}.overlay-start{margin-top:clamp(calc(1.375*var(--u)),calc(5*var(--c-vmin)),calc(2.125*var(--u)));padding:calc(1.0625*var(--u))calc(2.5*var(--u));border-radius:var(--r-pill);background:linear-gradient(180deg,#ffa9c0,var(--berry));color:#fff;font:normal clamp(calc(.9375*var(--u)),calc(3.6*var(--c-vmin)),calc(1.125*var(--u)))/1 var(--font);letter-spacing:.08em;box-shadow:inset 0 calc(-.1875*var(--u))0 #00000014,0 calc(.375*var(--u))0 #dd6f8f,0 calc(.875*var(--u))calc(1.625*var(--u))#f58ba86b;cursor:pointer;border:0;transition:box-shadow .1s,transform .1s,opacity .22s}.overlay-start:active{transform:translateY(calc(.25*var(--u)));box-shadow:inset 0 calc(-.1875*var(--u))0 #00000014,0 2px 0 #dd6f8f,0 calc(.375*var(--u))calc(.75*var(--u))#f58ba857}.overlay-start:disabled{opacity:.62;cursor:default}.overlay-start:focus-visible{outline:3px solid #93c8eab3;outline-offset:4px}.overlay-hints{margin-top:calc(1*var(--u));list-style:none;display:grid;gap:calc(.5*var(--u));font-size:clamp(calc(.75*var(--u)),calc(2.7*var(--c-vmin)),calc(.875*var(--u)));color:var(--ink-soft);line-height:1.6}.overlay-about{margin-top:calc(1*var(--u));padding:calc(.25*var(--u))calc(.125*var(--u));font-family:var(--font);font-size:calc(.7188*var(--u));letter-spacing:.08em;color:#7c6a5a73;text-decoration:underline;text-decoration-color:#7c6a5a33;text-underline-offset:calc(.1875*var(--u));cursor:pointer;background:0 0;border:0;transition:color .18s}@media (hover:hover){.overlay-about:hover{color:#7c6a5acc}}.overlay-about:focus-visible{outline:3px solid #93c8eab3;outline-offset:3px}.about-panel{width:min(calc(27.5*var(--u)),100%);font-family:var(--font);letter-spacing:0}.about-panel h2,.about-panel h3,.about-panel p,.about-panel a{font-family:var(--font)}.about-body{display:grid;gap:calc(.9375*var(--u))}.about-block h3{margin-bottom:calc(.3125*var(--u));font-size:calc(.7813*var(--u));letter-spacing:.06em;color:var(--ink-soft);font-weight:400}.about-block p{font-size:calc(.8125*var(--u));color:var(--ink);line-height:1.8}.about-block p+p{margin-top:calc(.0625*var(--u))}@media (max-height:480px){.overlay-card{padding:calc(1.125*var(--u))calc(1.625*var(--u))calc(1*var(--u))}.overlay-title{font-size:clamp(calc(1.625*var(--u)),calc(6.6*var(--c-vmin)),calc(2.625*var(--u)))}.overlay-start{margin-top:calc(1*var(--u));padding:calc(.9375*var(--u))calc(2*var(--u))}.overlay-hints{margin-top:calc(.75*var(--u));gap:calc(.3125*var(--u));font-size:calc(.75*var(--u))}.overlay-about{margin-top:calc(.625*var(--u))}.sheet-panel{padding:calc(1*var(--u))calc(1.125*var(--u))calc(.875*var(--u))}.sheet-head{margin-bottom:calc(.625*var(--u))}.sheet-list{gap:calc(.375*var(--u))}.sheet-row{padding:calc(.5*var(--u))calc(.6875*var(--u))}}.credit{position:absolute;right:max(calc(.5*var(--u)),var(--safe-area-inset-right,env(safe-area-inset-right,0px)));bottom:max(calc(.5*var(--u)),var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));z-index:20;pointer-events:auto;display:grid;gap:calc(.125*var(--u));font:inherit;text-align:right;cursor:pointer;opacity:.62;font-size:calc(.5*var(--u));background:0 0;border:0;justify-items:end;padding:0}@media (hover:hover){.credit:hover{opacity:1}}.credit-note{font-family:var(--font);letter-spacing:.02em;color:#7c6a5a6b;text-shadow:0 1px #fffcf5b3;text-wrap:pretty;line-height:1.5}.credit-wave{display:flex;letter-spacing:.02em;justify-content:center;align-items:baseline;transform:translateY(.05em)}.credit-ch{font-family:var(--font);color:#7c6a5a80;text-shadow:0 1px #fffcf5b3;--ph:calc((var(--wave,0) + var(--i)/var(--n))*6.28318);transform:translateY(calc(sin(var(--ph))*calc(-.22*var(--u))*var(--energy,0)));font-weight:400}.credit-ch.is-cjk{font-family:var(--font);color:#f58ba8e6}.credit-ch:last-child{margin-right:0}.share-slot{position:absolute;top:max(calc(.625*var(--u)),var(--safe-area-inset-top,env(safe-area-inset-top,0px)));z-index:20;display:flex;pointer-events:none;animation:shareIn .4s var(--pop)both;justify-content:center;left:0;right:0}.share-btn{pointer-events:auto;color:#fff;background:linear-gradient(180deg,#ffa9c0,var(--berry));box-shadow:inset 0 calc(-.125*var(--u))0 #00000014,0 calc(.25*var(--u))0 #dd6f8f,0 calc(.5*var(--u))calc(1*var(--u))#f58ba861;transition:box-shadow .12s,transform .12s}.share-btn:active:not(.is-failed){transform:translateY(calc(.1875*var(--u)));box-shadow:inset 0 calc(-.125*var(--u))0 #00000014,0 1px 0 #dd6f8f,0 calc(.1875*var(--u))calc(.5*var(--u))#f58ba84d}.share-btn:disabled{cursor:default}.share-btn.is-busy svg{animation:.9s ease-in-out infinite shareWait}.share-btn.is-failed{box-shadow:inset 0 calc(-.125*var(--u))0 #00000014,0 calc(.25*var(--u))0 #9c8a77,0 calc(.5*var(--u))calc(1*var(--u))#7c6a5a4d;background:linear-gradient(#cec2b5,#b8a695)}@keyframes shareWait{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.84);opacity:.5}}@keyframes shareIn{0%{opacity:0;transform:translateY(calc(-.5*var(--u)))scale(.92)}to{opacity:1;transform:none}}@supports (corner-shape: squircle){.sheet-panel,.sheet-row,.zone-flash,.overlay-card{corner-shape:squircle}.ctrl,.share-btn,.switch,.overlay-start,.credit,.switch i,.cloud,.cloud:before,.cloud:after{corner-shape:round}}@media (prefers-reduced-motion:reduce){.usagitap *,.usagitap *:before,.usagitap *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}