@font-face{font-family:Mochiy Pop One;src:url(assets/fonts/mochiy-pop-one.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Zen Maru Gothic;src:url(assets/fonts/zen-maru-gothic-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Zen Maru Gothic;src:url(assets/fonts/zen-maru-gothic-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Zen Maru Gothic;src:url(assets/fonts/zen-maru-gothic-900.woff2) format("woff2");font-weight:900;font-display:swap}@property --ink{syntax: "<color>"; inherits: true; initial-value: #2b2a4c;}@property --paper{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --glass{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.6);}:root{--ink: #2b2a4c;--paper: #ffffff;--glass: rgba(255, 255, 255, .6);--shu: #e9553f;--washi: #f6efdf;--washi-line: rgba(92, 70, 45, .24);--sumi: #2a2522;--washi-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.035 0.55' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.36 0 0 0 0 0.22 0 0 0 0.11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--font-display: "Mochiy Pop One", "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, sans-serif;--font-ui: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, sans-serif;--sky: #ffd2c0;--sky-top: #86a6e2;--gutter-l: max(16px, env(safe-area-inset-left, 0px));--gutter-r: max(16px, env(safe-area-inset-right, 0px));--edge: clamp(0px, 4vw - 16px, 64px);--rail: 48px;--rail-axis: calc(var(--gutter-r) + 23px);--sound: 44px;--top: calc(env(safe-area-inset-top, 0px) + 96px) ;--bottom: calc(env(safe-area-inset-bottom, 0px) + 40px) ;color-scheme:light;transition:--ink 1.2s ease,--paper 1.2s ease,--glass 1.2s ease}:root[data-night],[data-ink=light]{--ink: #f6f3ff;--paper: #1e2148;--glass: rgba(26, 30, 70, .55)}[data-ink=dark]{--ink: #2b2a4c;--paper: #ffffff;--glass: rgba(255, 255, 255, .6)}:root,[data-ink]{--ink-soft: color-mix(in srgb, var(--ink) 80%, transparent);--ink-faint: color-mix(in srgb, var(--ink) 48%, transparent);--ink-line: color-mix(in srgb, var(--ink) 18%, transparent);--glass-strong: color-mix(in srgb, var(--glass), var(--paper) 40%)}[data-ink]{transition:--ink .6s ease,--paper .6s ease,--glass .6s ease}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--sky)}body{margin:0;padding-left:var(--gutter-l);padding-right:var(--gutter-r);background:var(--sky) linear-gradient(to top,var(--sky) 30%,var(--sky-top)) fixed;color:var(--ink);font-family:var(--font-ui);font-weight:500;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--shu);color:var(--paper)}:focus-visible{outline:2px solid var(--shu);outline-offset:3px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-color:var(--shu)}#stage{position:fixed;inset:0 0 auto;width:100%;height:100%;height:100lvh;display:block;z-index:0;touch-action:pan-y}.track{height:1000svh;pointer-events:none}.captions{position:fixed;inset:0;z-index:2;pointer-events:none}.cap{position:absolute;width:min(29rem,calc(100% - 32px));display:flex;flex-direction:column;gap:.9rem;color:var(--ink);visibility:hidden;isolation:isolate;transition:visibility 0s linear .9s}.cap.is-active{visibility:visible;transition-delay:0s}.cap.is-active a,.cap.is-active button{pointer-events:auto}.cap[data-pos=bl]{left:calc(var(--gutter-l) + var(--edge));bottom:calc(var(--bottom) + 4svh)}.cap[data-pos=tl]{left:calc(var(--gutter-l) + var(--edge));top:calc(var(--top) + 2svh)}.cap[data-pos=tr]{right:calc(var(--gutter-r) + var(--edge) + var(--rail));top:calc(var(--top) + 1svh)}.cap[data-pos=ml]{left:calc(var(--gutter-l) + var(--edge));top:45%;transform:translateY(-50%)}@media(min-width:761px){.cap[data-place=tl]{left:calc(var(--gutter-l) + var(--edge));right:auto;top:calc(var(--top) + 2svh);bottom:auto}.cap[data-place=bl]{left:calc(var(--gutter-l) + var(--edge));right:auto;top:auto;bottom:calc(var(--bottom) + 4svh)}.cap[data-place=tr]{right:calc(var(--gutter-r) + var(--edge) + var(--rail));left:auto;top:calc(var(--top) + 1svh);bottom:auto}.cap[data-place=br]{right:calc(var(--gutter-r) + var(--edge) + var(--rail));left:auto;top:auto;bottom:calc(var(--bottom) + 4svh)}.cap[data-place=ml]{left:calc(var(--gutter-l) + var(--edge));right:auto;top:45%;bottom:auto;width:min(21rem,calc(100% - 32px));transform:translateY(-50%)}.cap:is([data-place=tr],[data-place=br]):not(.cap-v){align-items:flex-end;text-align:right}.cap:is([data-place=tr],[data-place=br]):not(.cap-v) .cap-body,.cap:is([data-place=tr],[data-place=br]):not(.cap-v) .cap-note{justify-items:end}}.cap[data-pos=top]{left:50%;top:calc(var(--top) - 2svh);width:min(40rem,calc(100% - 32px));transform:translate(-50%);align-items:center;text-align:center}.cap-jp{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(2.8rem,6.6vw,6rem);line-height:1.08;letter-spacing:.04em;white-space:nowrap;color:var(--ink);text-shadow:.045em .055em 0 var(--shu)}.cap-hero .cap-jp,.cap-end .cap-jp{font-size:clamp(3.2rem,9vw,8rem)}.cap.cap-hero{--cap-top: calc(var(--top) + 7svh);top:var(--cap-top);left:0;right:0;margin-inline:auto;transform:none}.cap-hero .cap-actions{position:fixed;left:0;right:0;bottom:calc(var(--bottom) + 2svh);margin:0;display:flex;justify-content:center}.scroll-cue{position:fixed;left:0;right:0;bottom:calc(var(--bottom) + 2svh + 3.9rem);margin:0;display:grid;justify-items:center;gap:.55rem;font-size:clamp(.875rem,.8rem + .25vw,1rem);font-weight:900;letter-spacing:.05em;color:#fff;text-shadow:.07em .09em 0 var(--shu);pointer-events:none}.scroll-cue-icon{position:relative;width:24px;height:36px;border:2.5px solid currentColor;border-radius:12px}.scroll-cue-icon:after{content:"";position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:currentColor;animation:cue-wheel 1.7s cubic-bezier(.5,0,.4,1) infinite}@keyframes cue-wheel{0%{transform:translateY(0);opacity:0}20%{opacity:1}75%{transform:translateY(11px);opacity:0}to{transform:translateY(11px);opacity:0}}.is-touch .scroll-cue-icon{border:0;border-radius:0}.is-touch .scroll-cue-icon:before,.is-touch .scroll-cue-icon:after{content:"";position:absolute;left:50%;top:8px;width:15px;height:15px;margin-left:-7.5px;border:solid currentColor;border-width:3px 0 0 3px;border-radius:3px 0 0;background:none;animation:cue-up 1.3s ease-in-out infinite}.is-touch .scroll-cue-icon:after{top:18px;animation-delay:.15s}@keyframes cue-up{0%,to{transform:translateY(4px) rotate(45deg);opacity:.6}50%{transform:translateY(-4px) rotate(45deg);opacity:1}}.cap-body{display:grid;gap:.6rem;min-width:0}.cap[data-pos=top] .cap-body{justify-items:center}.cap-read{margin:0;font-weight:700;font-size:.875rem;letter-spacing:.03em;color:var(--ink-soft)}.cap-time{margin-right:.7rem;letter-spacing:.24em;color:var(--ink)}.cap-note{display:grid;gap:.2rem;max-width:34ch}.cap-v .cap-note{max-width:26ch;justify-items:end}.cap[data-pos=top] .cap-note{max-width:42ch;justify-items:center}.note-term{margin:0;display:flex;align-items:baseline;gap:.5rem}.note-term [lang=ja]{font-family:var(--font-display);font-size:1.2rem;color:var(--shu)}.note-read{font-size:.8125rem;font-weight:700;color:var(--ink-faint)}.note-text{margin:0;font-size:1rem;line-height:1.6;word-break:keep-all}.cap-v{flex-direction:row-reverse;align-items:flex-start;width:auto;max-width:min(32rem,calc(100% - 32px));gap:1.4rem}.cap-v .cap-jp{writing-mode:vertical-rl;letter-spacing:.1em;line-height:1.05}.cap-v .cap-body{width:min(19rem,60vw);padding-top:.5rem;text-align:right;justify-items:end}.cap-jp .ch{display:inline-block;opacity:0;transform:translateY(.45em) scale(.55) rotate(calc(var(--r) * 3));transition:opacity .35s ease,transform .45s ease}.cap-v .cap-jp .ch{transform:translateY(-.45em) scale(.55) rotate(calc(var(--r) * 3))}.cap.is-active .cap-jp .ch{opacity:1;transform:rotate(var(--r));transition-duration:.6s,.9s;transition-timing-function:ease,cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.1s + var(--i) * 85ms)}.cap-jp.is-brushed{text-shadow:none}.cap-jp.is-brushed .ch,.cap.is-active .cap-jp.is-brushed .ch{opacity:1;transform:rotate(var(--r));transition:none;vertical-align:-.12em}.cap-jp.is-brushed .ch:not(:last-child){margin-inline-end:.04em}.cap-v .cap-jp.is-brushed .ch{vertical-align:middle}.cap-v .cap-jp.is-brushed .ch:not(:last-child){margin-inline-end:.1em}.brush{display:block;width:1em;height:1em;overflow:visible}.brush text{font-family:var(--font-display);font-weight:400}.brush-ink{fill:currentColor}.brush-shade{fill:var(--shu)}.brush mask path{fill:none;stroke:#fff;stroke-width:200;stroke-linecap:round;stroke-linejoin:round}.cap-jp.is-painted .brush g{mask:none}.cap-body>*{opacity:0;transform:translateY(var(--shift, 10px));transition:opacity .4s ease,transform .5s ease}.cap.is-active .cap-body>*{opacity:1;transform:none;transition-duration:.8s,1s;transition-delay:calc(.45s + var(--j, 0) * .11s)}.cap-body>:nth-child(2){--j: 1}.cap-body>:nth-child(3){--j: 2}.cap-body>:nth-child(4){--j: 3}.cap-body>:nth-child(5){--j: 4}.cap-actions{margin:.4rem 0 0}.cap-sub{margin:.2rem 0 0;max-width:38ch;font-size:.875rem;line-height:1.5;letter-spacing:.02em;color:var(--ink-soft)}.btn{display:inline-grid;place-items:center;overflow:hidden;padding:calc(1rem - .05em) 1.5rem calc(1rem + .05em);font:700 .9375rem/1 var(--font-ui);letter-spacing:.03em;color:var(--paper);background:var(--ink);border:0;border-radius:999px;cursor:pointer;text-shadow:none}.btn:disabled{cursor:default}.btn-fr,.btn-ja{grid-area:1 / 1;transition:opacity .25s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.btn-ja{opacity:0;transform:translateY(70%);letter-spacing:.14em;white-space:nowrap}.btn:is(:hover,:focus-visible):not(:disabled) .btn-fr,.spot:is(:hover,:focus-visible) .btn-fr{opacity:0;transform:translateY(-70%)}.btn:is(:hover,:focus-visible):not(:disabled) .btn-ja,.spot:is(:hover,:focus-visible) .btn-ja{opacity:1;transform:translateY(-.03em)}.btn,.sound-btn,.tour-btn,.season-btn{translate:var(--mx, 0px) var(--my, 0px);transition:translate .6s cubic-bezier(.34,1.56,.64,1),scale .6s cubic-bezier(.34,1.56,.64,1)}.is-pulled{scale:1.06;transition-duration:.2s,.35s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}.btn:disabled.is-pulled{scale:1;translate:0 0}.btn-ghost{color:var(--ink);background:var(--glass);box-shadow:inset 0 0 0 2px var(--ink-line)}.cap-hero .cap-body>*,.cap-end .cap-body>*{opacity:0;transform:translateY(var(--shift, 0px));transition:opacity .35s ease,transform .5s ease}.cap-hero.is-active .cap-body>*,.cap-end.is-active .cap-body>*{opacity:1;transform:none;transition:opacity .6s ease .1s}.end-credits{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:3;padding:0 calc(var(--gutter-r) + var(--edge)) 0 calc(var(--gutter-l) + var(--edge));display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}body:has(.cap-end.is-active) .end-credits{opacity:1;visibility:visible;transition:opacity .6s ease .1s,visibility 0s}.end-credits a{pointer-events:auto}.credit-model{text-align:right}.credit-model{max-width:min(36rem,58vw)}.credit{margin:0;font-size:.75rem;color:var(--ink-soft)}.credit{max-width:46ch;line-height:1.5}.hud{position:fixed;left:0;right:0;z-index:3;padding-left:calc(var(--gutter-l) + var(--edge));padding-right:calc(var(--gutter-r) + var(--edge));pointer-events:none;color:var(--ink)}.hud-top{top:0;padding-top:calc(env(safe-area-inset-top,0px) + 18px);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.hud-brand{display:grid;gap:.1rem;color:inherit;text-decoration:none;pointer-events:auto;cursor:pointer;border-radius:6px}.hud-brand:focus-visible{outline:2px solid var(--shu);outline-offset:4px}.brand{margin:0;font-family:var(--font-display);font-size:1.2rem;line-height:1.2;letter-spacing:.02em;color:#fff;text-shadow:.05em .06em 0 var(--shu);transition:text-shadow .25s ease}.hud-brand:hover .brand{text-shadow:.08em .1em 0 var(--shu)}.hud-meta{margin:0;font-size:.8125rem;font-weight:700;letter-spacing:.06em;color:var(--ink-soft);font-variant-numeric:tabular-nums}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;margin-right:calc(var(--rail-axis) - var(--gutter-r) - var(--edge) - var(--sound) / 2)}.season{margin:0 calc(var(--sound) / 2 - 17px) 0 0;display:flex;align-items:center;gap:.4rem;line-height:1}.season-kanji{font-family:var(--font-display);font-size:1.15rem;color:var(--shu)}.season-name{font-size:.875rem;font-weight:700;letter-spacing:.04em;margin-right:-.04em;color:var(--ink)}.sound-btn{pointer-events:auto;width:var(--sound);height:var(--sound);padding:0;display:grid;place-items:center;color:#2b2a4c;background:#fff;border:2px solid #fff;border-radius:50%;cursor:pointer;overflow:hidden}.sound-btn svg{width:26px;height:16px;overflow:hidden}.wave{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 50%;transform:scaleY(.35);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.sound-btn[aria-pressed=true]{border-color:var(--shu);color:var(--shu)}.sound-btn[aria-pressed=true] .wave{transform:scaleY(1);animation:wave 1.1s linear infinite}.is-opening .tour-btn{background:#fff;border-color:#fff;color:#2b2a4c}.is-opening .tour-btn[aria-pressed=true]{background:#fff;border-color:var(--shu);color:var(--shu)}@keyframes wave{0%{transform:translate(0) scaleY(1)}to{transform:translate(20px) scaleY(1)}}.rail{position:fixed;z-index:3;top:50%;right:calc(var(--rail-axis) - 17px);transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.tour-btn{width:34px;height:34px;margin-bottom:8px;padding:0;display:grid;place-items:center;color:var(--ink);background:var(--glass-strong);border:2px solid var(--ink-line);border-radius:50%;cursor:pointer}.tour-icon{width:0;height:0;margin-left:3px;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.tour-btn[aria-pressed=true]{color:var(--shu);background:var(--paper)}.tour-btn[aria-pressed=true] .tour-icon{width:9px;height:11px;margin-left:0;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}.dot{width:22px;height:18px;padding:0;display:grid;place-items:center;background:none;border:0;cursor:pointer}.dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#181a3659;box-shadow:0 0 0 2px #fff,0 0 0 3px #181a3638;transition:background .2s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.dot[aria-current=true]:after{background:var(--shu);transform:scale(1.5)}.explore-ui{position:fixed;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%);width:min(27rem,calc(100% - 32px));padding:10px 12px 12px 16px;display:grid;gap:10px;color:var(--ink);background:var(--glass-strong);border:2px solid var(--ink-line);border-radius:20px}.explore-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.explore-title{margin:0;font-weight:900;font-size:.9375rem;letter-spacing:.02em}.explore-close,.tool-btn{padding:0;display:grid;place-items:center;color:#2b2a4c;background:#fff;border:2px solid #fff;border-radius:50%;cursor:pointer;translate:var(--mx, 0px) var(--my, 0px);transition:color .2s ease,translate .6s cubic-bezier(.34,1.56,.64,1),scale .6s cubic-bezier(.34,1.56,.64,1)}.explore-close{width:34px;height:34px;margin-right:-2px}.explore-close:is(:hover,:focus-visible),.tool-btn:is(:hover,:focus-visible){color:var(--shu)}.explore-close svg,.tool-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.explore-close svg{width:18px;height:18px}.tool-btn .ico-fill{fill:currentColor;stroke:none}.explore-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font-weight:700;font-size:.875rem}.explore-row output{font-weight:900;font-size:1.1rem;font-variant-numeric:tabular-nums;min-width:5ch;text-align:right}.explore-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.explore-ico{position:relative;width:22px;height:22px;color:var(--shu)}.explore-ico svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .3s ease,transform .4s ease}.ico-sun circle,.ico-moon path{fill:currentColor}.ico-moon{opacity:0;transform:rotate(-40deg) scale(.6)}.is-night .ico-sun{opacity:0;transform:rotate(40deg) scale(.6)}.is-night .ico-moon{opacity:1;transform:none}#hourRange{--day: linear-gradient(90deg, #1b1f4a 0%, #262c68 20%, #f2a27a 26%, #a3d2f4 36%, #c9e7ff 50%, #a3d2f4 64%, #f08a5d 75%, #2a2f6e 81%, #1b1f4a 100%);-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:none;cursor:pointer}#hourRange::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:var(--day);box-shadow:inset 0 0 0 1px #1416301f}#hourRange::-moz-range-track{height:8px;border-radius:4px;background:var(--day);box-shadow:inset 0 0 0 1px #1416301f}#hourRange::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border-radius:50%;background:#fff;border:3px solid var(--shu)}#hourRange::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--shu)}#hourRange:focus-visible{outline:2px solid var(--shu);outline-offset:3px;border-radius:6px}.season-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.season-btn{padding:6px 4px 7px;display:grid;justify-items:center;gap:4px;color:var(--ink);background:transparent;border:2px solid var(--ink-line);border-radius:14px;cursor:pointer}.season-btn-ja{font:400 1.1rem/1 var(--font-display)}.season-btn-fr{font-size:.6875rem;font-weight:700;letter-spacing:.02em;line-height:1.1}.season-btn[aria-pressed=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}.season-btn[aria-pressed=true] .season-btn-ja{color:var(--shu)}.explore-tools{position:fixed;z-index:4;top:50%;right:calc(var(--rail-axis) - 20px);transform:translateY(-50%);display:grid;gap:8px}.tool-btn{width:40px;height:40px}.explore-gesture{position:fixed;z-index:4;left:50%;top:28%;translate:-50% -50%;pointer-events:none;filter:drop-shadow(0 10px 12px rgba(20,14,8,.32));transition:opacity .45s ease}.explore-gesture.is-gone{opacity:0}.gesture-paper{padding:1rem 1.5rem 1.1rem;display:grid;justify-items:center;gap:.6rem;color:var(--sumi);text-align:center;background-color:var(--washi);background-image:var(--washi-grain);animation:paper-float 5.5s ease-in-out var(--float-delay, 0s) infinite}.gesture-track{position:relative;width:132px;height:34px}.gesture-finger{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--shu);box-shadow:0 0 0 6px #e9553f38;animation:gesture-swipe 2.2s ease-in-out infinite}.gesture-arrow{position:absolute;top:50%;width:11px;height:11px;margin-top:-5.5px;border:solid var(--sumi);border-width:2.5px 2.5px 0 0;border-radius:0 2px 0 0;opacity:.7}.gesture-arrow.is-left{left:3px;transform:rotate(-135deg)}.gesture-arrow.is-right{right:3px;transform:rotate(45deg)}@keyframes gesture-swipe{0%,to{transform:translate(-38px)}50%{transform:translate(38px)}}.gesture-text{margin:0;display:grid;gap:2px;font-weight:900;font-size:.9375rem;letter-spacing:.02em;white-space:nowrap}.gesture-text span+span{font-weight:700;font-size:.8125rem;color:#2a2522b3}.is-exploring,.is-exploring body{overflow:hidden}.is-exploring .captions,.is-exploring .rail{visibility:hidden}.is-exploring #stage{touch-action:none}.loader{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 0 calc(env(safe-area-inset-bottom,0px) + 32px) calc(var(--gutter-l) + var(--edge) + 4px);color:#fff;background:#000;transition:opacity .9s ease,visibility 0s linear .9s}.loader.is-done{opacity:0;visibility:hidden}.loader-jp{margin:0 0 .6rem;font:500 .8125rem/1 var(--font-ui);letter-spacing:.4em;color:#ffffff8c}.loader-pct{margin:0;font:500 clamp(2.4rem,5vw,3.4rem)/1 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.02em}.loader-unit{margin-left:.12em;font-size:.45em;color:#ffffff8c}.loader-size{min-height:1em;margin:.7rem 0 0;font:500 .75rem/1 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#ffffff8c}.spots{position:fixed;inset:0;z-index:2;pointer-events:none}.spot{position:absolute;left:0;top:0;translate:calc(var(--x, -200px) - 11px) calc(var(--y, -200px) - 50%);display:flex;align-items:center;gap:.45rem;padding:0;border:0;background:none;font:700 .75rem/1 var(--font-ui);letter-spacing:.04em;cursor:pointer;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.spot.is-on{opacity:1;visibility:visible;transition:opacity .5s ease .8s,visibility 0s}.spot{filter:drop-shadow(0 2px 2px rgba(20,14,8,.28))}.spot.is-flip{flex-direction:row-reverse;translate:calc(var(--x, -200px) - 100% + 11px) calc(var(--y, -200px) - 50%)}.spot-dot{position:relative;flex:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#fff 0 4.5px,var(--shu) 5px 8px,transparent 8.5px)}.spot-dot:after{content:"";position:absolute;inset:0;border:2px solid #fff;border-radius:50%;animation:spot-pulse 1.8s ease-out infinite}.spot.is-seen .spot-dot:after{animation:none;opacity:0}@keyframes spot-pulse{0%{transform:scale(.5);opacity:.95}to{transform:scale(1.6);opacity:0}}.spot-label{display:inline-grid;place-items:center;overflow:hidden;padding:calc(.5rem - .05em) .8rem calc(.5rem + .05em);color:var(--sumi);background-color:var(--washi);background-image:var(--washi-grain);animation:paper-float 4.8s ease-in-out var(--float-delay, 0s) infinite;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.spot:hover .spot-label,.spot[aria-expanded=true] .spot-label{color:#fff8f0;background-color:var(--shu);border-color:var(--shu)}.spot-card{position:fixed;left:0;top:0;z-index:3;width:min(20rem,calc(100vw - 32px));margin:0;color:var(--sumi);filter:drop-shadow(0 10px 12px rgba(20,14,8,.32));translate:var(--cx, 0px) var(--cy, 0px);opacity:0;cursor:pointer;transition:opacity .25s ease}.spot-card .paper{position:relative;display:grid;gap:.3rem;padding:1.1rem 3.8rem 1.2rem 1.25rem;background-color:var(--washi);background-image:var(--washi-grain),radial-gradient(120% 90% at 15% 0%,rgba(255,255,255,.6),transparent 60%);animation:paper-float 5.5s ease-in-out var(--float-delay, 0s) infinite}@keyframes paper-float{0%,to{transform:translateY(0) rotate(var(--tilt, -.6deg))}50%{transform:translateY(-4px) rotate(calc(var(--tilt, -.6deg) * -.5))}}.spot-card.is-open{opacity:1}.spot-card .note-text{font-size:.9375rem;line-height:1.6}.spot-card .note-term [lang=ja]{color:var(--sumi);font-size:1.35rem}.spot-card .note-read{color:#2a25228c}.seal{position:absolute;top:.9rem;right:.9rem;width:2.15rem;height:2.15rem;display:grid;place-items:center;font-family:var(--font-display);font-size:1.2rem;line-height:1;color:#fff6ec;background-color:#c8362b;background-image:var(--washi-grain);border-radius:4px;box-shadow:inset 0 0 0 2px #ffecde66;transform:rotate(-6deg)}.toast{position:fixed;z-index:5;top:calc(env(safe-area-inset-top,0px) + 84px);left:50%;max-width:calc(100% - 32px);margin:0;font-size:.875rem;font-weight:700;padding:.65rem 1.15rem;color:var(--sumi);background-color:var(--washi);background-image:var(--washi-grain);rotate:var(--tilt, 0deg);transform:translate(-50%,-6px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.toast.show{opacity:1;transform:translate(-50%)}.noscript{position:fixed;inset:auto 16px 16px;z-index:6;padding:1rem;background:var(--paper);color:var(--ink);border-radius:16px}@media(max-width:760px){:root{--top: calc(env(safe-area-inset-top, 0px) + 78px) ;--bottom: calc(env(safe-area-inset-bottom, 0px) + 24px) ;--rail: 44px;--sound: 40px}.cap,.cap-v,.cap[data-pos=bl],.cap[data-pos=tl],.cap[data-pos=tr],.cap[data-pos=ml]{left:var(--gutter-l);right:calc(var(--gutter-r) + var(--rail));top:auto;bottom:var(--bottom);width:auto;max-width:none;transform:none;flex-direction:column;align-items:flex-start;text-align:left;gap:.4rem}.cap{--ink: #f6f3ff;--paper: #1e2148;--ink-soft: color-mix(in srgb, var(--ink) 84%, transparent);--ink-faint: color-mix(in srgb, var(--ink) 62%, transparent);--ink-line: color-mix(in srgb, var(--ink) 18%, transparent);padding:.55rem .8rem .65rem;border-radius:12px}.cap:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#0e102461;-webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15);box-shadow:inset 0 0 0 1px #ffffff17;opacity:0;transition:opacity .45s ease .4s}.cap.is-active:before{opacity:1;transition-delay:0s}.cap:not(.cap-hero):not(.cap-end){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.75rem;row-gap:.3rem}.cap:not(.cap-hero):not(.cap-end) .cap-body{display:contents}.cap:not(.cap-hero):not(.cap-end) .cap-note{grid-column:1 / -1;display:block;font-size:.8125rem;line-height:1.45}.cap-body{gap:.3rem}.cap-note{gap:.1rem;max-width:none}.cap-read{font-size:.75rem}.cap-sub{margin:0;font-size:.8125rem;line-height:1.45}.cap[data-pos=top]{top:auto;bottom:var(--bottom)}.cap.cap-hero,.cap.cap-end{top:calc(env(safe-area-inset-top,0px) + 96px);bottom:auto;left:calc(var(--gutter-l) + var(--rail));right:calc(var(--gutter-r) + var(--rail));width:auto;margin:0;padding:0;transform:none;align-items:center;text-align:center}.cap.cap-hero:before,.cap.cap-end:before{content:none}.cap.cap-hero .cap-body,.cap.cap-end .cap-body{justify-items:center}.end-credits{gap:1rem}.end-credits .credit{max-width:50%;font-size:.6875rem}.cap-v .cap-jp{writing-mode:horizontal-tb;letter-spacing:.04em}.cap-v .cap-jp .ch{transform:translateY(.45em) scale(.55) rotate(calc(var(--r) * 3))}.cap-v .cap-jp.is-brushed .ch{vertical-align:-.12em}.cap-v .cap-jp.is-brushed .ch:not(:last-child){margin-inline-end:.04em}.cap-v .cap-body{width:auto;padding-top:0;text-align:left;justify-items:start}.cap-v .cap-note{justify-items:start;max-width:none}.cap-jp{font-size:clamp(1.75rem,8.6vw,2.4rem)}.cap-hero .cap-jp,.cap-end .cap-jp{font-size:clamp(2.2rem,11vw,3rem)}.note-text{font-size:.8125rem;line-height:1.45}.hud-brand .hud-meta{font-size:.75rem}.brand{font-size:1.05rem;white-space:nowrap}.hud-right{gap:.6rem}.season-kanji{font-size:1rem}.season-name{font-size:.8125rem}}@media(min-width:761px)and (max-height:520px){.rail{top:128px;transform:none;gap:2px}}@media(prefers-reduced-motion:reduce){.cap-jp .ch,.cap-body>*{transform:rotate(var(--r, 0deg))!important}.spot-dot:after{animation:none;opacity:0}.spot-card .paper,.spot-label{animation:none}.scroll-cue-icon:after{animation:none;opacity:1}.gesture-finger,.gesture-paper{animation:none}.is-touch .scroll-cue-icon:before,.is-touch .scroll-cue-icon:after{animation:none;transform:rotate(45deg)}.sound-btn[aria-pressed=true] .wave{animation:none}#stage,.toast,.loader{transition:none}}