.yamsuph-page,yamsuph-story{color-scheme:dark;--ys-paper: #f3f0e8;--ys-ivory: #ebe8e0}yamsuph-story,yamsuph-story *{box-sizing:border-box}.yamsuph-page{margin:0;width:100%;min-height:100svh;overflow:hidden;background:var(--ys-paper)}yamsuph-story{display:block;--blood-progress: 1;--coming-progress: 1;--compass-angle: 0deg;--silver-progress: 1;--glint-x: 40%;--drift-x: 0px;--drift-y: 0px;--light-x: 50%}.ys-stage{position:relative;height:100svh;width:100%;overflow:clip;isolation:isolate;background:var(--ys-paper)}.ys-sea-base,.ys-sea-fallback,.ys-blood-sea,.ys-world,.ys-vignette,.ys-grain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ys-sea-base{background:var(--ys-paper)}.ys-sea-fallback{background:radial-gradient(ellipse at 35% 40%,#570c25,transparent 52%),radial-gradient(ellipse at 80% 70%,#39091a,transparent 53%),linear-gradient(140deg,#1b040c,#40081c 50%,#19040b);opacity:var(--blood-progress)}.ys-blood-sea{display:block}.yamsuph[data-renderer=css] .ys-blood-sea{display:none}.ys-world{z-index:2;color:var(--ys-ivory);opacity:calc(1 - var(--coming-progress) * .78);filter:brightness(calc(.12 + var(--blood-progress) * .88))}.ys-original-chart{position:absolute;left:50%;top:50%;width:max(100vw,76svh);aspect-ratio:531 / 945;transform:translate(-50%,-50%) rotate(17deg)}.ys-original-engraving,.ys-original-compass,.ys-original-navigation,.ys-engraving-material{position:absolute;top:0;right:0;bottom:0;left:0}.ys-original-chart img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.ys-engraving-base{opacity:calc(.92 - var(--silver-progress) * .07);filter:drop-shadow(.7px .8px .5px #140309b3) drop-shadow(-.3px -.3px .3px #f2f7ff70)}.ys-engraving-material{transform:translate(calc(var(--drift-x) * var(--depth, 1)),calc(var(--drift-y) * var(--depth, 1)))}.ys-original-engraving--upper-outer{--arrival-x: 32px;--arrival-y: -50px;--delay: .1s;--depth: .2}.ys-original-engraving--lower-outer{--arrival-x: -32px;--arrival-y: 50px;--delay: .35s;--depth: -.2}.ys-original-engraving--upper-creatures{--arrival-x: 12px;--arrival-y: -35px;--delay: .65s;--depth: .8}.ys-original-engraving--lower-creatures{--arrival-x: -12px;--arrival-y: 35px;--delay: .85s;--depth: -.8}.ys-original-engraving--upper-symbols{--arrival-x: 22px;--arrival-y: -20px;--delay: 1.15s;--depth: .5}.ys-original-engraving--lower-symbols{--arrival-x: -22px;--arrival-y: 20px;--delay: 1.35s;--depth: -.5}.ys-original-navigation{transform-origin:49.811676% 49.89418%;transform:rotate(var(--compass-angle))}.ys-silver-sheen{opacity:calc(var(--silver-progress) * .94);filter:brightness(1.65) drop-shadow(0 0 1.4px #e4efffcc);-webkit-mask-image:linear-gradient(112deg,transparent 35%,#0003 43%,#000 49%,#000 51%,#0002 57%,transparent 65%);mask-image:linear-gradient(112deg,transparent 35%,#0003 43%,#000 49%,#000 51%,#0002 57%,transparent 65%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-position:var(--glint-x) 0;mask-position:var(--glint-x) 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ys-silver-soft{opacity:calc(var(--silver-progress) * .27);filter:brightness(1.32) drop-shadow(0 0 .6px #e7f3ffcc);-webkit-mask-image:linear-gradient(78deg,transparent 18%,#0008 40%,#000 50%,#0008 60%,transparent 82%);mask-image:linear-gradient(78deg,transparent 18%,#0008 40%,#000 50%,#0008 60%,transparent 82%);-webkit-mask-size:180% 100%;mask-size:180% 100%;-webkit-mask-position:var(--light-x) 0;mask-position:var(--light-x) 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ys-vignette{z-index:3;box-shadow:inset 0 0 13vw #19030860;opacity:var(--blood-progress)}.ys-grain{z-index:4;opacity:.12;background:url(yamsuph-grain.svg);background-size:160px 160px;mix-blend-mode:soft-light}.ys-ending{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:32px;opacity:var(--coming-progress);pointer-events:none;background:radial-gradient(ellipse at center,#18010642,transparent 70%)}.ys-ending p{margin:0;color:#f0e9e0;font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-size:clamp(36px,6vw,84px);font-weight:400;line-height:1.15;letter-spacing:.08em;text-align:center;text-shadow:0 2px 24px #17000670}.ys-controls{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:8;display:flex;filter:brightness(calc(.12 + var(--blood-progress) * .88));gap:2px;opacity:.4;transition:opacity .3s}.ys-controls:hover,.ys-controls:focus-within{opacity:1}.ys-controls button{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:10px;color:#efebe5;background:none;border:0;border-radius:50%;cursor:pointer}.ys-controls button:focus-visible{outline:1px solid currentColor;outline-offset:-5px}.ys-controls button:disabled{opacity:.3;cursor:default}.ys-controls svg{grid-area:1/1;width:21px;height:21px;stroke:currentColor;stroke-width:1.2}.ys-control-play,.yamsuph[data-motion=paused] .ys-control-pause{display:none}.yamsuph[data-motion=paused] .ys-control-play{display:block}.yamsuph:not([data-enhanced]) .ys-controls{display:none}.yamsuph[data-enhanced] .ys-original-engraving{transition:opacity 2.1s ease,transform 2.7s cubic-bezier(.16,1,.3,1),filter 2s ease;transition-delay:var(--delay, 0s)}.yamsuph[data-enhanced]:not(.is-ready) .ys-original-engraving{opacity:0;transform:translate(var(--arrival-x, 0px),var(--arrival-y, 0px)) scale(1.06);filter:blur(4px)}.yamsuph[data-enhanced] .ys-original-compass{transition:opacity 2.2s ease;transition-delay:1.75s}.yamsuph[data-enhanced]:not(.is-ready) .ys-original-compass{opacity:0}.yamsuph.is-replaying .ys-original-engraving,.yamsuph.is-replaying .ys-original-compass{transition:none!important}@media(max-width:640px){.ys-original-chart{width:max(127vw,69svh)}.ys-controls{right:9px;bottom:max(7px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.yamsuph .ys-original-engraving,.yamsuph .ys-original-compass{transition:none!important;opacity:.93!important;transform:none!important;filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/yamsuph-story.css.map */