@font-face{font-family:"Kaisei Decol Subset";src:url("../fonts/kaiseidecol-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Kaisei Decol Subset";src:url("../fonts/kaiseidecol-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Playfair Display Subset";src:url("../fonts/gfonts-playfairdisplay-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0020-007E}:root{--paper: #efe4c6;--paper-2: #ddcfa6;--paper-3: #c9b886;--ink: #33240f;--ink-soft: #5b4628;--gold: #9a7d45;--gold-hi: #cbb27a;--olive: #5f6b36;--leaf: #8cbf5a;--leaf-deep: #3f6b2a;--deep: #14201b;--glass: rgb(20 32 27 / 0.55);--font-ja: "Kaisei Decol Subset", "Kaisei Decol", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-en: "Playfair Display Subset", "Playfair Display", "Kaisei Decol Subset", serif;--fz-body: 1.6rem;--fz-small: 1.3rem;--fz-label: 1.4rem;--radius: 0.6rem;--gap: clamp(1.2rem, 1.6vw, 2.4rem);--safe-b: env(safe-area-inset-bottom, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-t: env(safe-area-inset-top, 0px)}*,*::before,*::after{box-sizing:border-box}html{font-size:clamp(.5625rem,.3vw + .4rem,.75rem);-webkit-text-size-adjust:100%;overscroll-behavior:none}body{margin:0}h1,h2,h3,p,dl,dd{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img,svg,canvas{display:block;max-width:100%}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}body{background:var(--deep);color:var(--paper);font-family:var(--font-ja);font-size:var(--fz-body);font-weight:500;line-height:1.7;font-feature-settings:"palt";touch-action:none;-webkit-user-select:none;user-select:none}.u-visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.c-skip{position:fixed;top:1rem;left:1rem;z-index:100;padding:.8rem 1.6rem;background:var(--paper);color:var(--ink);border-radius:var(--radius);transform:translateY(-200%);transition:transform .2s cubic-bezier(0.22, 1, 0.36, 1)}.c-skip:focus{transform:none}.c-noscript{position:fixed;inset:auto 0 2rem;text-align:center}.c-frame{position:relative;color:#2b2116;background:url("../img/ui/paper.webp") center/32rem auto,linear-gradient(170deg, #e8dcbc, #d3c296);border:2.2rem solid rgba(0,0,0,0);border-image:url("../img/ui/frame.svg") 44/2.2rem stretch;border-radius:.4rem}.c-btn-start{position:relative;display:grid;place-items:center;gap:.6rem;min-width:22rem;padding:1.4rem 4.4rem 1.2rem;color:#e3cf9c;background:linear-gradient(180deg, rgba(58, 49, 41, 0.62), rgba(18, 14, 10, 0.72)) padding-box,url("../img/ui/clock-metal.webp") center/18rem auto border-box,linear-gradient(155deg, #d8bb6c, #a8853d 45%, #7a5b29 80%, #2e2210) border-box;border:.3rem solid rgba(0,0,0,0);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(18,14,10,.85),inset 0 0 0 .3rem rgba(203,178,122,.18),0 .4rem 1rem rgba(13,8,4,.45);backdrop-filter:blur(0.6rem);-webkit-backdrop-filter:blur(0.6rem);letter-spacing:.3em;/*! ja-ok: 和文ボタンの字間(参考UIの品位) */font-size:1.9rem;font-weight:700;opacity:0;transform:translateY(2.4rem);transition:opacity .9s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1),color .25s cubic-bezier(0.22, 1, 0.36, 1),filter .25s cubic-bezier(0.22, 1, 0.36, 1)}.c-btn-start.is-shown{opacity:1;transform:none}.c-btn-start:disabled{cursor:progress}@media(hover: hover){.c-btn-start:not(:disabled):hover{color:#f4e6bd;filter:brightness(1.12)}}.c-btn-start__label{padding-left:.3em}.c-btn-start__progress{display:block;width:12rem;height:2px;background:rgba(18,14,10,.6);border-radius:2px;overflow:clip;transition:opacity .4s cubic-bezier(0.22, 1, 0.36, 1)}.c-btn-start:not(:disabled) .c-btn-start__progress{opacity:0}.c-btn-start__bar{display:block;width:100%;height:100%;background:linear-gradient(90deg, #7a5b29, #d8bb6c);transform:scaleX(var(--p, 0));transform-origin:left;transition:transform .3s cubic-bezier(0.22, 1, 0.36, 1)}.c-icon-btn{position:relative;display:grid;justify-items:center;gap:.2rem;width:6.4rem;padding:.6rem 0 .4rem;color:#2b2116;background:url("../img/ui/clock-dial.webp") center/13rem auto padding-box,url("../img/ui/clock-metal.webp") center/9rem auto border-box,linear-gradient(155deg, #d8bb6c, #a8853d 45%, #7a5b29 80%, #2e2210) border-box;border:.4rem solid rgba(0,0,0,0);border-radius:1.2rem;box-shadow:inset 0 0 0 1px rgba(46,34,16,.7),inset 0 0 .8rem rgba(90,66,30,.35),0 .2rem .4rem rgba(13,8,4,.7);transition:transform .2s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.c-icon-btn:hover{transform:translateY(-0.2rem)}}.c-icon-btn:active{transform:scale(0.94)}.c-icon-btn:focus-visible{outline:.3rem solid #fff7d6;outline-offset:.2rem}.c-icon-btn[aria-pressed]::after{content:"";position:absolute;top:.4rem;right:.4rem;width:.7rem;aspect-ratio:1;background:radial-gradient(circle at 40% 35%, #6d6a5c, #2c2a22);border:1px solid #2e2210;border-radius:50%}.c-icon-btn[aria-pressed=true]{box-shadow:inset 0 0 0 1px rgba(46,34,16,.7),inset 0 .2rem .6rem rgba(60,44,20,.55),0 .1rem .2rem rgba(13,8,4,.7)}.c-icon-btn[aria-pressed=true]::after{background:radial-gradient(circle at 40% 35%, #effad0, var(--leaf) 55%, var(--leaf-deep));box-shadow:0 0 .6rem var(--leaf)}.c-icon-btn#btn-sound[aria-pressed=false] .c-icon-btn__wave{opacity:.15}.c-icon-btn__svg{width:2.6rem;height:2.6rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.c-icon-btn__label{font-size:var(--fz-small);font-weight:700;line-height:1.2}.c-chip{min-width:4.4rem;min-height:3.6rem;padding:.2rem 1rem;color:#2b2116;background:linear-gradient(180deg, #e6dbbd, #ddd0ae);border:1px solid #7a5b29;border-radius:999px;font-size:var(--fz-label);white-space:nowrap;transition:filter .12s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.c-chip:hover{filter:brightness(1.05)}}.c-chip[aria-pressed=true]{color:#e3cf9c;background:linear-gradient(180deg, #3a3024, #221c14);border-color:#2e2210}.c-act{position:relative;isolation:isolate;display:grid;place-items:center;align-content:center;gap:.1rem;width:7.2rem;aspect-ratio:1;padding:0 0 .2rem;color:#2b2116;background:radial-gradient(circle at 38% 26%, rgba(255, 251, 236, 0.5), rgba(255, 251, 236, 0) 42%) padding-box,radial-gradient(circle closest-side, transparent 70%, rgba(96, 70, 32, 0.32) 90%, rgba(46, 34, 16, 0.8) 100%) padding-box,url("../img/ui/clock-dial.webp") center/15rem auto padding-box,url("../img/ui/clock-metal.webp") center/9rem auto border-box,conic-gradient(from 200deg, #d8bb6c, #a8853d 22%, #7a5b29 42%, #a8853d 60%, #f0da98 78%, #d8bb6c) border-box;border:.55rem solid rgba(0,0,0,0);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(46,34,16,.75),0 0 0 1px #2e2210,0 .3rem .6rem rgba(0,0,0,.55);touch-action:none;transition:transform .15s cubic-bezier(0.22, 1, 0.36, 1),color .15s cubic-bezier(0.22, 1, 0.36, 1)}.c-act::before{content:"";position:absolute;inset:-1rem;z-index:-1;background:url("../img/ui/clock-metal.webp") center/8rem auto,radial-gradient(circle closest-side, transparent 80%, rgba(255, 246, 216, 0.35) 84%, transparent 92%),repeating-conic-gradient(from 0deg, #2e2210 0 0.8deg, #7a5b29 1.6deg, #a8853d 3.2deg 6.8deg, #7a5b29 8.4deg, #2e2210 9.2deg 10deg, transparent 10.4deg 15deg);border-radius:50%;mask:radial-gradient(circle closest-side, transparent 80.5%, #000 81.5% 97%, transparent 98.5%);pointer-events:none}.c-act::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle closest-side, transparent 85%, rgba(43, 33, 22, 0.5) 85.5% 86.5%, transparent 87%),repeating-conic-gradient(from -0.8deg, rgba(43, 33, 22, 0.7) 0 1.6deg, transparent 1.6deg 30deg),repeating-conic-gradient(from -0.3deg, rgba(43, 33, 22, 0.35) 0 0.6deg, transparent 0.6deg 6deg);border-radius:50%;mask:radial-gradient(circle closest-side, transparent 87%, #000 87.5% 96%, transparent 96.5%);pointer-events:none}.c-act[hidden]{display:none}.c-act:active,.c-act.is-down{transform:scale(0.92)}.c-act:focus-visible{outline:.3rem solid #fff7d6;outline-offset:.6rem}.c-act[aria-pressed=true]{color:#1d3512;background:radial-gradient(circle at 38% 26%, rgba(255, 251, 236, 0.45), rgba(255, 251, 236, 0) 42%) padding-box,radial-gradient(circle closest-side, rgba(214, 240, 170, 0.85), rgba(140, 191, 90, 0.55) 55%, rgba(63, 107, 42, 0.55) 88%, rgba(28, 51, 20, 0.85) 100%) padding-box,url("../img/ui/clock-dial.webp") center/15rem auto padding-box,url("../img/ui/clock-metal.webp") center/9rem auto border-box,conic-gradient(from 200deg, #d8bb6c, #a8853d 22%, #7a5b29 42%, #a8853d 60%, #f0da98 78%, #d8bb6c) border-box;box-shadow:inset 0 .2rem .6rem rgba(28,51,20,.55),0 0 0 1px #2e2210,0 .3rem .6rem rgba(0,0,0,.55),0 0 1.4rem rgba(140,191,90,.6)}.c-act__icon{width:2.6rem;height:2.6rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.c-act__label{font-size:1.2rem;font-weight:700;line-height:1.1;white-space:nowrap}.c-act--climb{display:inline-flex;gap:.6rem;width:auto;min-width:16rem;aspect-ratio:auto;min-height:5.2rem;padding:0 2.4rem;color:#2b2116;background:radial-gradient(ellipse closest-side, transparent 70%, rgba(96, 70, 32, 0.3)) padding-box,url("../img/ui/clock-dial.webp") center/18rem auto padding-box,url("../img/ui/clock-metal.webp") center/9rem auto border-box,linear-gradient(155deg, #d8bb6c, #a8853d 45%, #7a5b29 80%, #2e2210) border-box;border:.4rem solid rgba(0,0,0,0);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(46,34,16,.7),inset 0 0 .8rem rgba(90,66,30,.35),0 0 0 1px #2e2210,0 .3rem .6rem rgba(0,0,0,.5);animation:climb-in .35s cubic-bezier(0.34, 1.56, 0.64, 1)}.c-act--climb::before,.c-act--climb::after{content:none}.c-act--climb .c-act__icon{width:2.4rem;height:2.4rem}.c-act--climb .c-act__label{font-size:var(--fz-label)}@keyframes climb-in{from{opacity:0;transform:translateY(2rem) scale(0.85)}to{opacity:1;transform:none}}@media(prefers-reduced-motion: reduce){.c-act--climb{animation:none}}.c-act--talk{--x: 50vw;--y: 40vh;position:absolute;top:0;left:0;width:6.4rem;translate:calc(var(--x) - 50%) calc(var(--y) - 100%);animation:talk-in .35s cubic-bezier(0.34, 1.56, 0.64, 1),talk-bob 2.4s ease-in-out .35s infinite}.c-act--talk .c-act__icon{width:2.4rem;height:2.4rem}@keyframes talk-in{from{opacity:0;transform:translateY(1.2rem) scale(0.7)}to{opacity:1;transform:none}}@keyframes talk-bob{50%{transform:translateY(-0.5rem)}}@media(prefers-reduced-motion: reduce){.c-act--talk{animation:none}}.c-stick{position:absolute;right:calc(2.4rem + var(--safe-r));bottom:calc(2.4rem + var(--safe-b));width:15rem;aspect-ratio:1;touch-action:none}.c-stick__ring{position:absolute;inset:0;background:url("../img/ui/stick-ring.svg") center/contain no-repeat}.c-stick__ring::after{content:"";position:absolute;inset:0;background:url("../img/ui/clock-metal.webp") center/11rem auto;border-radius:50%;mask:radial-gradient(circle closest-side, transparent 85%, #000 85.5% 90.5%, transparent 91%)}.c-stick__knob{position:absolute;top:50%;left:50%;width:6.2rem;aspect-ratio:1;margin:-3.1rem 0 0 -3.1rem;background:radial-gradient(circle at 40% 32%, rgba(240, 228, 190, 0.6), transparent 34%),radial-gradient(circle closest-side, #d8bb6c 0, #a8853d 46%, #7a5b29 70%, #2e2210 73%, transparent 75%),repeating-conic-gradient(from 0deg, #b39966 0 6deg, #4d3c1f 6deg 12deg);border:1px solid #2e2210;border-radius:50%;box-shadow:0 .3rem .6rem rgba(13,8,4,.6);transform:translate(var(--kx, 0px), var(--ky, 0px));transition:transform .18s cubic-bezier(0.34, 1.56, 0.64, 1)}.c-stick.is-active .c-stick__knob{transition:none}.c-stick__knob::after{content:"";position:absolute;inset:0;background:radial-gradient(circle, #3b3128 0 8%, #15100a 9.5%, transparent 11%),url("../img/ui/clock-metal.webp") center/8rem auto;border-radius:50%}.c-toast{position:absolute;top:22%;left:50%;width:max-content;max-width:min(56rem,100% - 3.2rem);padding:.8rem 2.4rem;text-align:center;line-height:1.5;color:#e3cf9c;background:linear-gradient(180deg, rgba(58, 49, 41, 0.92), rgba(34, 28, 22, 0.92) 55%, rgba(18, 14, 10, 0.92)) padding-box,linear-gradient(155deg, #d8bb6c, #a8853d 45%, #7a5b29 80%, #2e2210) border-box;border:.2rem solid rgba(0,0,0,0);border-radius:2.4rem;box-shadow:inset 0 0 0 1px rgba(18,14,10,.9),0 .4rem 1rem rgba(13,8,4,.5);font-size:var(--fz-label);font-weight:700;translate:-50% 0;opacity:0;transform:translateY(2rem);transition:opacity .5s cubic-bezier(0.22, 1, 0.36, 1),transform .5s cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none}.c-toast.is-shown{opacity:1;transform:none}.c-bubble{--x: 50vw;--y: 40vh;position:absolute;top:0;left:0;display:grid;gap:.2rem;width:max-content;max-width:min(30rem,78vw);padding:.9rem 1.6rem 1rem;color:#2b2116;background:linear-gradient(180deg, #efe4c6, #ddd0ae 60%, #cdbd92) padding-box,linear-gradient(155deg, #d8bb6c, #a8853d 45%, #7a5b29 80%, #2e2210) border-box;border:.2rem solid rgba(0,0,0,0);border-radius:1.2rem;box-shadow:0 .4rem 1rem rgba(13,8,4,.45);line-height:1.6;translate:calc(var(--x) - 50%) calc(var(--y) - 100% - 1.4rem);opacity:0;transform:translateY(0.8rem) scale(0.96);transform-origin:50% 100%;transition:opacity .35s cubic-bezier(0.22, 1, 0.36, 1),transform .35s cubic-bezier(0.22, 1, 0.36, 1);cursor:pointer}.c-bubble::before,.c-bubble::after{position:absolute;left:50%;content:"";translate:-50% 0;clip-path:polygon(0 0, 100% 0, 50% 100%)}.c-bubble::before{bottom:-1.2rem;width:1.9rem;height:1.2rem;background:#7a5b29}.c-bubble::after{bottom:-0.85rem;width:1.44rem;height:.95rem;background:#cdbd92}.c-bubble.is-shown{opacity:1;transform:none}.c-bubble[hidden]{display:none}.c-bubble__name{color:#7a5b29;font-size:var(--fz-small);font-weight:700;letter-spacing:.08em}.c-bubble__text{min-height:1.6em;font-size:var(--fz-body);font-weight:500}.c-bubble__next{justify-self:end;width:2.8rem;height:2rem;margin:-0.4rem -0.8rem -0.4rem 0;padding:0;color:#7a5b29;background:none;border:0;cursor:pointer;opacity:.35}.c-bubble__next svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.c-bubble__next:focus-visible{outline:.3rem solid #fff7d6;outline-offset:.2rem;border-radius:.4rem}.c-bubble.is-done .c-bubble__next{opacity:1;animation:bubble-next 1s ease-in-out infinite}@keyframes bubble-next{50%{transform:translateY(0.3rem)}}@media(prefers-reduced-motion: reduce){.c-bubble{transform:none;transition:opacity .2s linear}.c-bubble.is-done .c-bubble__next{animation:none}}.c-bubble__choices{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}.c-bubble__choices[hidden]{display:none}.c-bubble__choice{flex:1 1 auto;min-height:4.4rem;padding:.4rem 1.4rem;border-radius:.6rem;color:#1f160a;background:linear-gradient(180deg, #d8bb6c, #a8853d 55%, #7a5b29);border:1px solid #2e2210;box-shadow:inset 0 1px 0 rgba(240,228,190,.5),0 .2rem 0 #3a2b13;transition:transform .08s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .08s cubic-bezier(0.22, 1, 0.36, 1),filter .15s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.c-bubble__choice:hover{filter:brightness(1.08)}}.c-bubble__choice:active{transform:translateY(0.2rem);box-shadow:inset 0 1px 0 rgba(240,228,190,.3),0 0 0 #3a2b13}.c-bubble__choice{font-size:var(--fz-label);font-weight:700}.c-bubble__choice:last-child{color:#2b2116;background:linear-gradient(180deg, #e6dbbd, #ddd0ae);border-color:#7a5b29}.c-bubble__choice:focus-visible{outline:.25rem solid #2b2116;outline-offset:.2rem}.c-bubble.is-menu{cursor:default}.c-bubble.is-menu .c-bubble__next{display:none}.c-minimap{position:absolute;right:calc(2.4rem + var(--safe-r));bottom:calc(2.4rem + var(--safe-b) + 15rem + 1.2rem);width:15rem;aspect-ratio:1;opacity:0;transition:opacity .8s cubic-bezier(0.22, 1, 0.36, 1);pointer-events:none}.c-minimap.is-ready{opacity:1}.c-minimap__canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.45))}@media(max-width: 767px){.c-minimap{width:12rem}}@media(max-height: 520px){.c-minimap{right:calc(2.4rem + var(--safe-r) + 12rem + 1.2rem);bottom:calc(2.4rem + var(--safe-b));width:10rem}}.c-dialog{width:min(52rem,100% - 3.2rem);max-height:calc(100dvh - 3.2rem);padding:0;color:#2b2116;background:none;border:0;overflow:auto}.c-dialog::backdrop{background:rgba(13,8,4,.55)}.c-dialog[open]{animation:dialog-in .45s cubic-bezier(0.22, 1, 0.36, 1)}@keyframes dialog-in{from{opacity:0;transform:translateY(3rem) scale(0.96)}to{opacity:1;transform:none}}.c-dialog__body{display:grid;gap:1.6rem;padding:1.2rem 1.6rem 1.6rem}.c-dialog__title{justify-self:center;padding:.2rem 3.2rem;color:#1f160a;background:url("../img/ui/clock-metal.webp") center/16rem auto,linear-gradient(180deg, #d8bb6c, #a8853d 55%, #7a5b29);border:1px solid #2e2210;border-radius:.5rem;box-shadow:inset 0 1px 0 rgba(240,228,190,.5),inset 0 -1px 0 rgba(46,34,16,.5);text-shadow:0 1px 0 rgba(240,228,190,.45);font-size:2rem;letter-spacing:.2em;/*! ja-ok: 見出し帯の字間(参考UI準拠) */}.c-dialog__sub{font-size:1.7rem}.c-field{display:grid;grid-template-columns:8rem 1fr;align-items:center;gap:1.2rem}.c-field--check{grid-template-columns:auto 1fr}.c-field__label{font-size:var(--fz-label)}.c-field__range{display:block;width:100%;height:2.8rem;margin:0;background:rgba(0,0,0,0);appearance:none;cursor:pointer}.c-field__range::-webkit-slider-runnable-track{height:.8rem;background:linear-gradient(180deg, #120e0a, #3a3129);border:1px solid #a8853d;border-radius:999px;box-shadow:inset 0 1px .2rem rgba(0,0,0,.7),0 0 0 1px #2e2210}.c-field__range::-moz-range-track{height:.8rem;background:linear-gradient(180deg, #120e0a, #3a3129);border:1px solid #a8853d;border-radius:999px;box-shadow:inset 0 1px .2rem rgba(0,0,0,.7),0 0 0 1px #2e2210}.c-field__range::-webkit-slider-thumb{box-sizing:border-box;width:2.4rem;height:2.4rem;background:radial-gradient(circle at 42% 36%, #e6d6a8 0 12%, #d8bb6c 22%, #a8853d 42%, #7a5b29 52%, transparent 54%),repeating-conic-gradient(from 0deg, #b39966 0 7.5deg, #4d3c1f 7.5deg 15deg);border:1px solid #2e2210;border-radius:50%;box-shadow:0 .2rem .4rem rgba(13,8,4,.6);cursor:grab;margin-top:calc((.8rem - 2px - 2.4rem)/2);appearance:none}.c-field__range::-moz-range-thumb{box-sizing:border-box;width:2.4rem;height:2.4rem;background:radial-gradient(circle at 42% 36%, #e6d6a8 0 12%, #d8bb6c 22%, #a8853d 42%, #7a5b29 52%, transparent 54%),repeating-conic-gradient(from 0deg, #b39966 0 7.5deg, #4d3c1f 7.5deg 15deg);border:1px solid #2e2210;border-radius:50%;box-shadow:0 .2rem .4rem rgba(13,8,4,.6);cursor:grab}.c-field__range:focus{outline:none}.c-field__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 .2rem #120e0a,0 0 0 .45rem #fff7d6}.c-field__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 .2rem #120e0a,0 0 0 .45rem #fff7d6}.c-field__select{justify-self:start;min-width:12rem;min-height:4rem;padding:.4rem 3.2em .4rem 1.2rem;color:#2b2116;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e5630' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 1.2em center/0.95em no-repeat,linear-gradient(180deg, #e6dbbd, #ddd0ae);border:1px solid #7a5b29;border-radius:.5rem;box-shadow:inset 0 1px .2rem rgba(46,34,16,.35);appearance:none;cursor:pointer}.c-field__select:focus-visible{outline:.2rem solid #2b2116;outline-offset:.2rem}.c-field--check input{flex:none;width:2.4rem;height:2.4rem;margin:0;background:linear-gradient(180deg, #e6dbbd, #ddd0ae);border:1px solid #7a5b29;border-radius:.4rem;box-shadow:inset 0 1px .2rem rgba(46,34,16,.35);appearance:none;cursor:pointer}.c-field--check input:checked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3cf9c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/1.7rem no-repeat,linear-gradient(180deg, #3a3024, #221c14);border-color:#2e2210}.c-field--check input:focus-visible{outline:.2rem solid #2b2116;outline-offset:.2rem}.c-keys{display:grid;gap:.4rem;font-size:var(--fz-small)}.c-keys__row{display:grid;grid-template-columns:10rem 1fr;gap:1rem;padding-block:.2rem;padding-inline:.8rem;background:rgba(110,86,48,.08);border-radius:.4rem}.c-keys dt{font-weight:700}.c-btn{justify-self:center;min-width:16rem;min-height:4.4rem;border-radius:.6rem;color:#1f160a;background:linear-gradient(180deg, #d8bb6c, #a8853d 55%, #7a5b29);border:1px solid #2e2210;box-shadow:inset 0 1px 0 rgba(240,228,190,.5),0 .2rem 0 #3a2b13;transition:transform .08s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .08s cubic-bezier(0.22, 1, 0.36, 1),filter .15s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.c-btn:hover{filter:brightness(1.08)}}.c-btn:active{transform:translateY(0.2rem);box-shadow:inset 0 1px 0 rgba(240,228,190,.3),0 0 0 #3a2b13}.c-btn{font-weight:700}.c-btn:focus-visible{outline:.2rem solid #2b2116;outline-offset:.3rem}.c-purse{position:relative;display:inline-flex;align-items:center;gap:.6rem;justify-self:end;min-height:4.6rem;padding:.2rem 1.2rem .2rem .5rem;color:#2b2116;background:linear-gradient(180deg, rgba(255, 251, 236, 0.35), rgba(255, 251, 236, 0) 45%) padding-box,radial-gradient(ellipse closest-side, transparent 72%, rgba(96, 70, 32, 0.3)) padding-box,url("../img/ui/clock-dial.webp") center/16rem auto padding-box,url("../img/ui/clock-metal.webp") center/9rem auto border-box,linear-gradient(155deg, #d8bb6c, #a8853d 45%, #7a5b29 80%, #2e2210) border-box;border:.4rem solid rgba(0,0,0,0);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(46,34,16,.7),inset 0 0 .8rem rgba(90,66,30,.35),0 0 0 1px #2e2210,0 .2rem .4rem rgba(13,8,4,.7);font-weight:700;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .15s cubic-bezier(0.22, 1, 0.36, 1),filter .15s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.c-purse:hover{filter:brightness(1.06)}}.c-purse:active{transform:scale(0.95)}.c-purse:focus-visible{outline:.3rem solid #fff7d6;outline-offset:.2rem}.c-purse__bag{width:1.8rem;height:1.8rem;margin-left:.2rem;padding-left:.6rem;background:linear-gradient(rgba(43, 33, 22, 0.35), rgba(43, 33, 22, 0.35)) left center/1px 80% no-repeat;box-sizing:content-box;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.c-purse__coin{width:3rem;height:3rem;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0.1rem rgba(46, 34, 16, 0.6));/*! shadow-ok: 銘板に打ち付けた硬貨の厚み */}.c-purse__coin .c-purse__rim{fill:#7a5c26;stroke:#2e2210;stroke-width:1}.c-purse__coin .c-purse__mill{fill:none;stroke:#d9bf7c;stroke-width:1.6;stroke-dasharray:.9 1.45;opacity:.85}.c-purse__coin .c-purse__face{fill:url(#purse-coin-g);stroke:#5a4219;stroke-width:.8}.c-purse__coin .c-purse__ring{stroke:rgba(63,44,12,.55);stroke-width:.6}.c-purse__coin .c-purse__mark{stroke:#3f2c0c;stroke-width:1.45}.c-purse__coin .c-purse__shine{stroke:rgba(255,246,214,.8);stroke-width:1}.c-purse__value{font-family:var(--font-en);font-size:2rem;font-weight:500;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,250,230,.6)}.c-purse__unit{font-family:var(--font-en);font-size:1.2rem;font-weight:500;letter-spacing:.08em;color:#5b4628;text-shadow:0 1px 0 rgba(255,250,230,.6)}.c-purse__gain{position:absolute;right:1.2rem;top:100%;color:#ffe9a8;font-size:1.6rem;text-shadow:0 1px .3rem rgba(0,0,0,.9);opacity:0;pointer-events:none}.c-purse__gain.is-shown{animation:purse-gain 1.6s cubic-bezier(0.22, 1, 0.36, 1)}@keyframes purse-gain{0%{opacity:0;transform:translateY(1.2rem)}15%{opacity:1;transform:translateY(0.4rem)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-0.8rem)}}@media(max-width: 767px){.c-purse{padding:.1rem 1rem .1rem .6rem}.c-purse__value{font-size:1.7rem}.c-purse__coin{width:2.5rem;height:2.5rem}}@media(prefers-reduced-motion: reduce){.c-purse__gain.is-shown{animation-duration:2.4s;animation-timing-function:steps(1, end)}}.c-shop__purse{justify-self:center;font-size:var(--fz-label)}.c-shop__purse b{font-size:2rem;font-variant-numeric:tabular-nums}.c-shop__note{margin-left:.8rem;color:#7a5b29;font-size:var(--fz-small);font-weight:500}.c-shop__list,.c-bag__list{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.c-shop__item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.2rem;padding-block:.8rem;padding-inline:.8rem;background:rgba(110,86,48,.08);border-radius:.4rem}.c-shop__name{font-size:var(--fz-body);font-weight:700}.c-shop__own{margin-left:.8rem;padding:0 .8rem;color:#f4fbe2;background:#4d6f33;border-radius:999px;font-size:1.2rem;font-weight:700;vertical-align:.15em}.c-shop__desc{font-size:var(--fz-small);line-height:1.6}.c-shop__buy{min-width:11rem;min-height:4.4rem;padding:0 1.2rem;border-radius:.6rem;color:#1f160a;background:linear-gradient(180deg, #d8bb6c, #a8853d 55%, #7a5b29);border:1px solid #2e2210;box-shadow:inset 0 1px 0 rgba(240,228,190,.5),0 .2rem 0 #3a2b13;transition:transform .08s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .08s cubic-bezier(0.22, 1, 0.36, 1),filter .15s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.c-shop__buy:hover{filter:brightness(1.08)}}.c-shop__buy:active{transform:translateY(0.2rem);box-shadow:inset 0 1px 0 rgba(240,228,190,.3),0 0 0 #3a2b13}.c-shop__buy{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.c-shop__buy:focus-visible{outline:.2rem solid #2b2116;outline-offset:.3rem}.c-shop__buy.is-poor{filter:saturate(0.4) brightness(0.9)}.c-shop__buy:disabled{color:#2b2116;background:linear-gradient(180deg, #e6dbbd, #ddd0ae);border-color:#7a5b29;box-shadow:none;cursor:default;filter:none;transform:none}.c-shop__msg{min-height:1.6em;text-align:center;font-size:var(--fz-small);font-weight:700}.c-bag__item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1.2rem;padding-block:.4rem;padding-inline:.8rem;background:rgba(110,86,48,.08);border-radius:.4rem;font-size:var(--fz-small)}.c-bag__item.is-empty,.c-bag__item.is-done{color:rgba(43,33,22,.72)}.c-bag__item.is-done>span:first-child{text-decoration:line-through}.c-bag__sub{color:#7a5b29;font-weight:700}@media(max-width: 767px){.c-shop__item{gap:.8rem;padding-block:.6rem}.c-shop__buy{min-width:9.6rem;padding:0 .8rem;font-size:1.3rem}.c-shop__note{display:block;margin:.2rem 0 0}}.c-dialog__foot{position:sticky;bottom:0;z-index:1;display:grid;margin:0 -1.6rem -1.6rem;padding:1.2rem 1.6rem 1.2rem;background:linear-gradient(180deg, rgba(226, 212, 176, 0), rgba(226, 212, 176, 0.96) 35%)}.c-catch{--fish: #9fb0a4;--fish-w: 0.6;position:absolute;top:34%;left:50%;width:min(30rem,100% - 3.2rem);translate:-50% -50%;cursor:pointer}.c-catch[hidden]{display:none}.c-catch.is-shown{animation:catch-in .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.c-catch__body{display:grid;justify-items:center;gap:.2rem;padding:.4rem 1.2rem .8rem;text-align:center}.c-catch__fish{width:calc(20rem*var(--fish-w));height:auto;fill:var(--fish);stroke:#2b2116;stroke-width:2.4;stroke-linejoin:round}.c-catch__fish .c-catch__gill{fill:none}.c-catch__fish circle{fill:#2b2116;stroke:none}.c-catch__name{font-size:2.2rem;font-weight:700}.c-catch__size{font-size:2.8rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.c-catch__note{font-size:var(--fz-small)}@keyframes catch-in{from{opacity:0;transform:translateY(2rem) scale(0.85)}to{opacity:1;transform:none}}@media(prefers-reduced-motion: reduce){.c-catch.is-shown{animation:none}}.c-bite{--x: 50vw;--y: 40vh;position:absolute;top:0;left:0;display:grid;place-items:center;width:4.8rem;aspect-ratio:1;color:#1f160a;background:radial-gradient(circle at 40% 35%, #fff3c4, #d8bb6c 45%, #a8853d 75%, #7a5b29);border:.2rem solid #2e2210;border-radius:50%;box-shadow:0 0 1.6rem rgba(255,214,110,.8);font-size:3rem;font-weight:700;line-height:1;translate:calc(var(--x) - 50%) calc(var(--y) - 100%);pointer-events:none;animation:bite-jump .35s cubic-bezier(0.34, 1.56, 0.64, 1) infinite alternate}.c-bite[hidden]{display:none}@keyframes bite-jump{from{transform:translateY(0) scale(1)}to{transform:translateY(-0.8rem) scale(1.08)}}.c-ring-mark{--x: 50vw;--y: 50vh;--a: 0rad;position:absolute;top:0;left:0;width:4.4rem;aspect-ratio:1;translate:calc(var(--x) - 50%) calc(var(--y) - 50%);rotate:var(--a);pointer-events:none}.c-ring-mark[hidden]{display:none}.c-ring-mark svg{width:100%;height:100%;fill:#ffc85a;stroke:#2e2210;stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 0 0.4rem rgba(255, 200, 90, 0.8));/*! shadow-ok: 3D画面の上で方向の矢印を見失わないための灯り */}@media(prefers-reduced-motion: reduce){.c-bite{animation:none}}.l-stage{position:fixed;inset:0;overflow:clip;height:100dvh}.l-stage__canvas{position:absolute;inset:0;width:100%;height:100%}.l-footer{position:fixed;left:0;right:0;bottom:calc(1.2rem + var(--safe-b));display:grid;justify-items:center;gap:.2rem;font-size:var(--fz-small);color:rgba(239,228,198,.8);pointer-events:none;opacity:0;transition:opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1)}.is-ready~.l-footer,body.is-start-ready .l-footer{opacity:1}body.is-playing .l-footer{display:none}.l-footer__copy{font-family:var(--font-en);font-size:1.2rem}.p-start{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto auto;justify-items:center;padding:0 2rem calc(3.2rem + var(--safe-b));pointer-events:none;transition:opacity .8s cubic-bezier(0.22, 1, 0.36, 1)}.p-start.is-leaving{opacity:0}.p-start[hidden]{display:none}.p-start__action{align-self:start;margin-top:calc(var(--logo-bottom, 34dvh) + 1.6rem);display:grid;justify-items:center;gap:1rem;pointer-events:auto}.p-start__status{font-size:var(--fz-small);color:rgba(239,228,198,.85);transition:opacity .4s cubic-bezier(0.22, 1, 0.36, 1)}.is-ready .p-start__status{opacity:0}.p-hud{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1s cubic-bezier(0.22, 1, 0.36, 1)}.p-hud.is-shown{opacity:1}.p-hud>*{pointer-events:auto}.p-hud .c-toast{pointer-events:none}.p-hud__top{position:absolute;top:calc(1.6rem + var(--safe-t));left:calc(1.6rem + var(--safe-l));right:calc(1.6rem + var(--safe-r));display:flex;justify-content:space-between;align-items:start;gap:1.2rem;pointer-events:none}.p-hud__top>*{pointer-events:auto}.p-hud__sys{display:flex;gap:.8rem}.p-hud__right{display:grid;justify-items:end;gap:.8rem;pointer-events:none}.p-hud__right>*{pointer-events:auto}.p-actions{position:absolute;left:calc(2rem + var(--safe-l));bottom:calc(2rem + var(--safe-b));display:grid;grid-template-columns:repeat(3, 7.2rem);grid-template-areas:"climb climb climb" ". up ." "left hub right" ". down .";align-items:center;justify-items:center;row-gap:0}.p-actions #act-climb{grid-area:climb;margin-bottom:.8rem}.p-actions .c-act--up{grid-area:up}.p-actions .c-act--down{grid-area:down}.p-actions .c-act--left{grid-area:left}.p-actions .c-act--right{grid-area:right}.p-actions__hub{grid-area:hub;width:3rem;aspect-ratio:1;background:radial-gradient(circle closest-side, #8cbf5a 0 18%, #23461a 24%, #3f2c0c 27%, #b39966 34%, #7f6537 62%, transparent 64%),repeating-conic-gradient(from 0deg, #9a7d45 0 15deg, transparent 15deg 30deg);border-radius:50%;filter:drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.6));/*! shadow-ok: 3D画面の上に浮かぶHUD・真鍮の操作部品の視認性と立体感(機能的浮遊・機械仕掛けの時計の明示指示) */pointer-events:none}.u-sprite{position:absolute;width:0;height:0;overflow:hidden}@media(max-width: 767px){.p-hud__top{gap:.8rem}.p-hud__sys{flex-wrap:wrap;justify-content:end;gap:.6rem}.p-hud__sys .c-icon-btn{width:5.8rem}.p-hud__right{gap:.6rem}}@media(max-height: 520px){.p-hud__top{flex-direction:row}.c-stick{width:12rem}.p-actions{grid-template-columns:repeat(3, 6.6rem) auto;grid-template-areas:". up . climb" "left hub right climb" ". down . climb"}.p-actions #act-climb{margin:0 0 0 1rem;min-width:0;padding:0 1.6rem}.c-act:not(.c-act--climb){width:6.6rem}.c-act__icon{width:2.2rem;height:2.2rem}}.p-clock{position:relative;width:23rem}.p-clock__face{position:relative;width:100%;aspect-ratio:232.94/199.87}.p-clock__svg{display:block;width:100%;height:100%;overflow:visible}.p-clock__num{font-family:var(--font-en)}.p-clock__balance{transform-box:fill-box;transform-origin:center;animation:clock-balance .9s ease-in-out infinite alternate}@keyframes clock-balance{from{transform:rotate(-55deg)}to{transform:rotate(55deg)}}.p-clock__adjust{position:absolute;top:.2rem;right:.6rem;display:grid;place-items:center;width:3.6rem;aspect-ratio:1;padding:0;color:#e3cf9c;background:radial-gradient(circle closest-side, #3a3129 0, #221c16 60%, #120e0a 74%, #2e2210 76%, #d8bb6c 82%, #a8853d 90%, #7a5b29 96%, #2e2210 100%);border:0;border-radius:50%;box-shadow:0 .2rem .4rem rgba(13,8,4,.7);transition:transform .15s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.p-clock__adjust:hover{transform:rotate(-20deg)}}.p-clock__adjust:active{transform:scale(0.92)}.p-clock__adjust:focus-visible{outline:.3rem solid #fff7d6;outline-offset:.2rem}.p-clock__adjust[aria-expanded=true]{color:#f4fbe2;background:radial-gradient(circle closest-side, #56733a 0, #2f4a22 60%, #1c2e14 74%, #2e2210 76%, #d8bb6c 82%, #a8853d 90%, #7a5b29 96%, #2e2210 100%)}.p-clock__adjust-icon{width:1.8rem;height:1.8rem;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.p-clock__pop{position:absolute;inset:1.2rem auto auto calc(100% - 1.6rem);z-index:5;width:22rem;max-width:calc(100vw - 3.2rem);margin:0;padding:.8rem 1.2rem 1.2rem;color:#2b2116;background:url("../img/ui/paper.webp") center/24rem auto,linear-gradient(170deg, #e8dcbc, #d3c296);border:.3rem solid #7a5b29;border-radius:.8rem;outline:1px solid rgba(46,34,16,.6);outline-offset:-0.7rem;box-shadow:0 .6rem 1.6rem rgba(13,8,4,.55);animation:clock-pop-in .22s cubic-bezier(0.22, 1, 0.36, 1)}@keyframes clock-pop-in{from{opacity:0;transform:translateY(-0.6rem) scale(0.96)}to{opacity:1;transform:none}}.p-clock__pop-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.2rem}.p-clock__pop-title{font-size:var(--fz-label);font-weight:700;line-height:1.4}.p-clock__close{display:grid;place-items:center;width:3.2rem;aspect-ratio:1;margin-right:-0.4rem;padding:0;color:#2b2116;background:none;border:0;border-radius:50%}.p-clock__close svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}@media(hover: hover){.p-clock__close:hover{background:rgba(110,86,48,.18)}}.p-clock__close:focus-visible{outline:.2rem solid #2b2116;outline-offset:.1rem}.p-clock__slider{display:block}.p-clock__range{display:block;width:100%;height:2.8rem;margin:0;background:rgba(0,0,0,0);appearance:none;cursor:pointer}.p-clock__range::-webkit-slider-runnable-track{height:1rem;background:linear-gradient(90deg, #262a40 0%, #2c3350 19%, #a8703f 25%, #8ea3a1 31%, #9aaeaa 66%, #b87a46 73%, #54404f 80%, #262a40 88%, #262a40 100%);border:1px solid #a8853d;border-radius:999px;box-shadow:inset 0 1px .2rem rgba(0,0,0,.7),0 0 0 1px #2e2210}.p-clock__range::-moz-range-track{height:1rem;background:linear-gradient(90deg, #262a40 0%, #2c3350 19%, #a8703f 25%, #8ea3a1 31%, #9aaeaa 66%, #b87a46 73%, #54404f 80%, #262a40 88%, #262a40 100%);border:1px solid #a8853d;border-radius:999px;box-shadow:inset 0 1px .2rem rgba(0,0,0,.7),0 0 0 1px #2e2210}.p-clock__range::-webkit-slider-thumb{box-sizing:border-box;width:2.6rem;height:2.6rem;background:radial-gradient(circle at 42% 36%, #e6d6a8 0 12%, #d8bb6c 22%, #a8853d 42%, #7a5b29 52%, transparent 54%),repeating-conic-gradient(from 0deg, #b39966 0 7.5deg, #4d3c1f 7.5deg 15deg);border:1px solid #2e2210;border-radius:50%;box-shadow:0 .2rem .4rem rgba(13,8,4,.6);cursor:grab;margin-top:calc((1rem - 2px - 2.6rem)/2);appearance:none;transform:rotate(calc(var(--clock-p, 0.7) * 720deg))}.p-clock__range::-moz-range-thumb{box-sizing:border-box;width:2.6rem;height:2.6rem;background:radial-gradient(circle at 42% 36%, #e6d6a8 0 12%, #d8bb6c 22%, #a8853d 42%, #7a5b29 52%, transparent 54%),repeating-conic-gradient(from 0deg, #b39966 0 7.5deg, #4d3c1f 7.5deg 15deg);border:1px solid #2e2210;border-radius:50%;box-shadow:0 .2rem .4rem rgba(13,8,4,.6);cursor:grab}.p-clock__range:active::-webkit-slider-thumb{cursor:grabbing}.p-clock__range:focus{outline:none}.p-clock__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 .2rem #120e0a,0 0 0 .45rem #fff7d6}.p-clock__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 .2rem #120e0a,0 0 0 .45rem #fff7d6}.p-clock__scale{display:flex;justify-content:space-between;padding:0 1.3rem;margin-top:-0.2rem;color:#3b2c18;font-family:var(--font-en);font-size:1.2rem;line-height:1.2;font-variant-numeric:tabular-nums}.p-clock__scale span{display:flex;justify-content:center;width:0}.p-clock__presets{display:flex;gap:.4rem;margin-top:.6rem}.p-clock__btn{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:.4rem;min-width:0;min-height:3.4rem;padding:0 .4rem;color:#1f160a;background:linear-gradient(180deg, #d8bb6c, #a8853d 55%, #7a5b29);border:1px solid #2e2210;border-radius:.5rem;box-shadow:inset 0 1px 0 rgba(240,228,190,.5),0 .2rem 0 #3a2b13;font-size:1.3rem;font-weight:700;line-height:1;white-space:nowrap;transition:transform .08s cubic-bezier(0.22, 1, 0.36, 1),box-shadow .08s cubic-bezier(0.22, 1, 0.36, 1),filter .15s cubic-bezier(0.22, 1, 0.36, 1)}@media(hover: hover){.p-clock__btn:hover{filter:brightness(1.08)}}.p-clock__btn:active{transform:translateY(0.2rem);box-shadow:inset 0 1px 0 rgba(240,228,190,.3),0 0 0 #3a2b13}.p-clock__btn:focus-visible{outline:.2rem solid #2b2116;outline-offset:.2rem}.p-clock__btn--auto{flex:1.7 1 0}.p-clock__btn--auto[aria-pressed=true]{color:#efe2b8;background:linear-gradient(180deg, #3a3024, #221c14);border-color:#a8853d;box-shadow:inset 0 .2rem .4rem rgba(0,0,0,.7);transform:translateY(0.2rem)}.p-clock__lamp{flex:none;width:.8rem;height:.8rem;background:radial-gradient(circle at 40% 35%, #6d6a5c, #2c2a22);border:1px solid #2e2210;border-radius:50%}[aria-pressed=true]>.p-clock__lamp{background:radial-gradient(circle at 40% 35%, #effad0, var(--leaf) 55%, var(--leaf-deep));box-shadow:0 0 .6rem var(--leaf)}@media(max-width: 767px){.p-clock{width:17rem}.p-clock__adjust{width:3.4rem;right:.2rem}.p-clock__pop{inset:calc(100% - 1.2rem) auto auto 0;width:21rem;padding:.6rem 1rem 1rem}.p-clock__presets{flex-wrap:wrap}.p-clock__btn{flex-basis:calc((100% - 1.2rem)/4)}.p-clock__btn--auto{flex-basis:100%}}@media(max-height: 520px){.p-clock{width:15rem}.p-clock__pop{inset:0 auto auto calc(100% - .8rem)}.p-clock__presets{flex-wrap:nowrap}.p-clock__btn{flex-basis:0;min-height:3rem}.p-clock__btn--auto{flex-basis:0}}@media(prefers-reduced-motion: reduce){.p-clock__balance,.p-clock__pop{animation:none}}.p-fish,.p-race{position:absolute;top:calc(1.6rem + var(--safe-t));left:50%;display:grid;justify-items:center;gap:.6rem;width:min(34rem,100% - 3.2rem);translate:-50% 0;pointer-events:none}.p-fish[hidden],.p-race[hidden]{display:none}.p-fish__tackle{color:#e3cf9c;background:linear-gradient(180deg, rgba(58, 49, 41, 0.9), rgba(34, 28, 22, 0.9) 55%, rgba(18, 14, 10, 0.9)) padding-box,linear-gradient(155deg, #d8bb6c, #a8853d 45%, #7a5b29 80%, #2e2210) border-box;border:.2rem solid rgba(0,0,0,0);box-shadow:0 .3rem .8rem rgba(13,8,4,.5);padding:.4rem 1.6rem;border-radius:999px;font-size:var(--fz-small);font-weight:700;white-space:nowrap}.p-fish__sep{margin-inline:.4rem;opacity:.6}.p-fish__meter{color:#e3cf9c;background:linear-gradient(180deg, rgba(58, 49, 41, 0.9), rgba(34, 28, 22, 0.9) 55%, rgba(18, 14, 10, 0.9)) padding-box,linear-gradient(155deg, #d8bb6c, #a8853d 45%, #7a5b29 80%, #2e2210) border-box;border:.2rem solid rgba(0,0,0,0);box-shadow:0 .3rem .8rem rgba(13,8,4,.5);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;width:100%;padding:.6rem 1.2rem;border-radius:1rem}.p-fish__meter[hidden]{display:none}.p-fish__label{font-size:1.2rem;font-weight:700;white-space:nowrap}.p-fish__gauge{position:relative;height:1.4rem;background:linear-gradient(180deg, #120e0a, #3a3129);border:1px solid #a8853d;border-radius:999px;overflow:hidden}.p-fish__gauge.is-break{animation:gauge-shake .12s linear infinite}.p-fish__fill{--p: 0;position:absolute;inset:0 auto 0 0;width:calc(var(--p)*100%);background:linear-gradient(90deg, #6f9a45, #b8c95a 60%, #e0b04a);border-radius:inherit}.is-danger>.p-fish__fill{background:linear-gradient(90deg, #c9772e, #e0452e)}.p-fish__limit{position:absolute;top:0;bottom:0;left:80%;width:.3rem;background:#f3dfa2}.p-fish__dist{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.p-fish__msg{min-height:1.6em;text-align:center;color:#fff7df;font-size:var(--fz-label);font-weight:700;text-shadow:0 1px .3rem rgba(0,0,0,.95),0 0 .8rem rgba(0,0,0,.6)}.p-fish__msg:empty{visibility:hidden}@keyframes gauge-shake{50%{transform:translateX(0.2rem)}}.p-race__time{color:#e3cf9c;background:linear-gradient(180deg, rgba(58, 49, 41, 0.9), rgba(34, 28, 22, 0.9) 55%, rgba(18, 14, 10, 0.9)) padding-box,linear-gradient(155deg, #d8bb6c, #a8853d 45%, #7a5b29 80%, #2e2210) border-box;border:.2rem solid rgba(0,0,0,0);box-shadow:0 .3rem .8rem rgba(13,8,4,.5);padding:.2rem 2rem;border-radius:1rem;font-family:var(--font-en);font-size:3rem;font-variant-numeric:tabular-nums;line-height:1.3}.p-race__rings,.p-race__best{color:#fff7df;font-size:var(--fz-small);font-weight:700;text-shadow:0 1px .3rem rgba(0,0,0,.95)}.p-race__rings:empty,.p-race__best:empty{display:none}.p-race__countdown{position:absolute;top:40%;left:50%;color:#ffe9a8;font-family:var(--font-en);font-size:7.2rem;font-weight:500;line-height:1.15;text-align:center;white-space:pre-line;text-shadow:0 .2rem 0 #2e2210,0 0 2rem rgba(0,0,0,.7);translate:-50% -50%;pointer-events:none}.p-race__countdown[hidden]{display:none}.p-race__countdown.is-pop{animation:race-pop .5s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes race-pop{from{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}@media(max-width: 767px){.p-fish,.p-race{top:calc(1.6rem + var(--safe-t) + 17rem)}.p-race__time{font-size:2.4rem}.p-race__countdown{font-size:5.6rem}}@media(max-height: 520px){.p-fish,.p-race{top:calc(.8rem + var(--safe-t));width:min(30rem,100% - 44rem)}.p-race__time{font-size:2rem}}@media(prefers-reduced-motion: reduce){.p-fish__gauge.is-break{animation:none;outline:.2rem solid #e0452e}.p-race__countdown.is-pop{animation:none}}.p-hud.is-activity .c-toast,.p-hud.is-talking .c-toast{top:auto;bottom:calc(26rem + var(--safe-b))}.p-actions[data-mode=fight] .c-act--down{width:9.2rem}.c-act.is-call{color:#2a1a06;background:radial-gradient(circle at 38% 26%, rgba(255, 251, 236, 0.6), rgba(255, 251, 236, 0) 42%) padding-box,radial-gradient(circle closest-side, rgba(255, 236, 170, 0.9), rgba(232, 180, 80, 0.6) 60%, rgba(138, 100, 32, 0.7) 92%, rgba(63, 44, 12, 0.9) 100%) padding-box,url("../img/ui/clock-dial.webp") center/15rem auto padding-box,url("../img/ui/clock-metal.webp") center/9rem auto border-box,conic-gradient(from 200deg, #d8bb6c, #a8853d 22%, #7a5b29 42%, #a8853d 60%, #f0da98 78%, #d8bb6c) border-box;box-shadow:0 0 0 1px #2e2210,0 0 1.8rem rgba(255,210,110,.9);animation:act-call .5s ease-in-out infinite alternate}@keyframes act-call{to{transform:scale(1.12)}}@media(max-width: 767px){.c-catch{top:50%}.p-hud.is-activity .c-toast,.p-hud.is-talking .c-toast{bottom:calc(32rem + var(--safe-b))}}@media(max-height: 520px){.p-hud.is-activity .c-toast,.p-hud.is-talking .c-toast{bottom:calc(1.2rem + var(--safe-b));max-width:40vw;font-size:1.2rem}.p-actions[data-mode=fight] .c-act--down{width:8rem}}@media(prefers-reduced-motion: reduce){.c-act.is-call{animation:none}}body.is-loading .p-hud{display:none}