/* Photographic light and cloth, with one restrained invitation to act. */
#prelude-establishing-shot{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}
#prelude-world::before{content:"";position:absolute;inset:-24px;background:url("assets/peacock-arrival-poster.webp") center/cover no-repeat;filter:blur(20px) saturate(.7);pointer-events:none}
#prelude-cinema-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#142e278c 0%,#142e2740 12%,transparent 32%,transparent 67%,#142e271a 77%,#142e2799 100%),radial-gradient(ellipse at 52% 48%,transparent 46%,#18342a29 100%);opacity:var(--prelude-day-opacity,1)}
#prelude-garden-air{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;opacity:calc(var(--prelude-day-opacity,1)*.45);mix-blend-mode:screen}
#prelude-garden-air i{position:absolute;display:block;top:-18%;left:4%;width:15%;height:82%;background:linear-gradient(180deg,#fff0c83d,transparent 86%);transform:rotate(-23deg);transform-origin:50% 0;filter:blur(16px)}
#prelude-garden-air i:nth-child(2){left:23%;width:5%;height:66%;opacity:.35;filter:blur(9px)}
#prelude-garden-air i:nth-child(3){left:auto;right:-16%;top:37%;width:48%;height:48%;border-radius:50%;background:radial-gradient(ellipse,#f2e7b91c,transparent 70%);transform:none;filter:blur(12px)}
#prelude-feather-air{position:absolute;inset:0 0 50%;z-index:2;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .6s ease;mask-image:linear-gradient(#000 0 64%,transparent 96%);-webkit-mask-image:linear-gradient(#000 0 64%,transparent 96%)}
#prelude-feather-air i{position:absolute;top:0;left:0;display:block;width:40px;aspect-ratio:2/3;background:url("assets/feather-dense-v25.webp") center/contain no-repeat;opacity:0;will-change:transform,opacity}
#gate:not([data-prelude-phase="offering"]):not([data-prelude-phase="watching"]):not([data-prelude-phase="feeding"]) #prelude-feather-air{opacity:0}
#prelude-reveal{position:absolute;inset:0;z-index:8;pointer-events:none;background:#19392e;opacity:0;will-change:opacity}
#gate[data-feeding] .prelude-introduction{top:10svh;z-index:6;color:#fff9e8;text-shadow:0 1px 2px #102c26e6,0 3px 12px #102c26b3,0 0 24px #173b2f66}
#gate[data-feeding] .prelude-introduction p{font-size:clamp(18px,2.3svh,24px);font-weight:500;letter-spacing:-.015em}
#prelude-opening-line{will-change:transform,opacity}
#gate[data-feeding] #prelude-instruction{z-index:6;bottom:6.8svh;color:#fff9e8;text-shadow:0 1px 2px #102c26e6,0 3px 12px #102c26b3,0 0 24px #173b2f66}
#gate[data-feeding] #prelude-instruction>span{display:block;font-size:clamp(20px,2.6svh,26px);font-weight:500}
#gate[data-feeding] #prelude-instruction>p{margin-top:5px;font-size:12px;font-weight:500;color:#fff4da}
#prelude-potli-cord{position:absolute;z-index:0;left:calc(var(--potli-x) - var(--potli-size)*.26);top:-8px;width:calc(var(--potli-size)*.52);height:calc(var(--potli-y) - var(--potli-size)*.13 + 8px);overflow:visible;pointer-events:none;opacity:calc(var(--potli-cord-opacity,1)*.62)}
#prelude-potli-cord path{fill:none;stroke:#c6b691;stroke-width:1.05;vector-effect:non-scaling-stroke;filter:drop-shadow(.5px 1px .5px #28352c59)}
#prelude-grains{z-index:1}
#prelude-potli{z-index:2;filter:none;transition:none}
#prelude-potli-demo{display:block;width:100%;height:100%;transform-origin:50% 18%;pointer-events:none;will-change:transform}
#gate[data-feeding="dragging"] #prelude-potli{filter:none}
#prelude-potli img{opacity:.9;filter:saturate(.59) brightness(.94) contrast(.91) blur(.18px) drop-shadow(0 3px 3px #33372229);transform-origin:50% 25%;will-change:transform,opacity}
#prelude-pull-cue{position:absolute;left:calc(var(--potli-home-x) - 30px);top:calc(var(--potli-home-y) + var(--potli-size)*.42);width:60px;color:#fff2d6;text-align:center;pointer-events:none;opacity:.9;filter:drop-shadow(0 1px 1.5px #173c31b3)}
#prelude-pull-cue svg{display:block;width:36px;height:38px;overflow:visible;margin:0 auto}
#prelude-pull-cue path,#prelude-pull-cue circle{stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#prelude-pull-cue .prelude-drag-hand{fill:#204a3745;stroke:#fff4dd;stroke-width:1.6}
#prelude-pull-cue .prelude-drag-touch{stroke:#f9e4b7;stroke-width:.85;opacity:.55}
#prelude-pull-cue .prelude-drag-guide{stroke:#fff0c8;stroke-width:1;stroke-dasharray:1 5;opacity:.56}
#prelude-pull-cue .prelude-drag-arrow{stroke-width:1.15;opacity:.72}
#prelude-pull-cue>span{display:block;margin:4px auto 0;padding:0;color:#fff2d6;font:400 11px/1.2 var(--font-body);letter-spacing:.01em;text-shadow:0 1px 4px #14382ac7}
#prelude-pull-dot{opacity:.58;transform-origin:center;will-change:transform,opacity}
#gate:not([data-feeding="waiting"]) #prelude-pull-cue{visibility:hidden}
.interaction-hint{display:block;width:46px;height:56px;padding:0;color:#fff7df;pointer-events:none;filter:drop-shadow(0 1px 2px #10291bcc)}
.interaction-hint svg{display:block;width:100%;height:100%;overflow:visible}
.tap-hand{fill:#21423438;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform-origin:26px 13px}
.tap-ripple{fill:none;stroke:currentColor;stroke-width:1;opacity:0;transform-origin:26px 13px}
#prelude-touch-cue{position:absolute;top:40%;left:calc(64% - 23px);margin:0;opacity:0;will-change:opacity}
#gate[data-prelude-phase="watching"][data-feeding="ready"] #prelude-peacock:enabled .tap-hand,#gate[data-portal-phase="idle"] #gate-enter:enabled .tap-hand{animation:neel-hand-tap 3s ease-in-out infinite}
#gate[data-prelude-phase="watching"][data-feeding="ready"] #prelude-peacock:enabled .tap-ripple,#gate[data-portal-phase="idle"] #gate-enter:enabled .tap-ripple{animation:neel-hand-ripple 3s ease-out infinite}
@keyframes neel-hand-tap{0%,15%,60%,100%{transform:translateY(4px);opacity:.78}28%,38%{transform:translateY(0);opacity:1}}
@keyframes neel-hand-ripple{0%,20%{transform:scale(.65);opacity:0}28%{transform:scale(.75);opacity:.65}58%,100%{transform:scale(1.65);opacity:0}}
#gate:not([data-feeding="ready"]) #prelude-touch-cue,#gate:not([data-prelude-phase="watching"]) #prelude-touch-cue,#prelude-peacock:disabled #prelude-touch-cue{visibility:hidden}
#gate[data-prelude="peacock"]:not([data-prelude-phase="portal"]):not([data-prelude-phase="complete"]) #skip-opening{color:#f5ebd5;background:#16372b21;border-bottom-color:#eadcb536;backdrop-filter:none;text-shadow:0 1px 6px #1b342aaa}
@media(min-aspect-ratio:4/3){
  #prelude-cinema-shade{background:linear-gradient(180deg,#142e2799,transparent 29%,transparent 72%,#142e2780),radial-gradient(ellipse at 50% 51%,transparent 33%,#142e2738 100%)}
  #gate[data-feeding] .prelude-introduction{top:9svh}
  #gate[data-feeding] #prelude-instruction{top:auto;bottom:13svh;left:calc(50% - 400px);width:280px}
  #gate[data-feeding] #prelude-instruction>span{font-size:26px}
}
@media(max-height:650px) and (orientation:portrait){
  #gate[data-feeding] .prelude-introduction{top:10svh}
  #gate[data-feeding] .prelude-introduction p{font-size:18px}
  #gate[data-feeding] #prelude-instruction{bottom:5svh}
  #gate[data-feeding] #prelude-instruction>span{font-size:20px}
  #gate[data-feeding] #prelude-instruction>p{font-size:12px;margin-top:5px}
  #prelude-pull-cue{top:calc(var(--potli-home-y) + var(--potli-size)*.4)}
  #prelude-pull-cue svg{width:34px;height:36px}
  #prelude-pull-cue>span{font-size:11px;margin-top:4px}
}
@media(max-height:500px) and (orientation:landscape){
  #gate[data-feeding] .prelude-introduction{top:13svh;left:5%;width:35%;text-align:left}
  #gate[data-feeding] #prelude-instruction{left:5%;bottom:15svh;width:30%;text-align:left}
  #gate[data-feeding] #prelude-instruction>span{font-size:21px}
}
@media(max-width:599px){
  #gate[data-feeding] .prelude-introduction p{font-size:clamp(16px,2.1svh,18px)}
  #gate[data-feeding] #prelude-instruction>span{font-size:clamp(17px,2.2svh,20px)}
}
@media(prefers-reduced-motion:reduce){#prelude-reveal,#prelude-pull-cue,#prelude-touch-cue,#prelude-feather-air{display:none}.interaction-hint *{animation:none!important}#prelude-opening-line,#prelude-potli img,#prelude-potli-demo,#prelude-pull-dot,#prelude-establishing-shot{will-change:auto}}