.yph{--H:max(100svh, 560px);--hud:var(--hud-offset,84px);--tab:var(--tabbar-h,0px);--bottom-h:200px;--tag-h:64px;--rh:max(calc(110cqw * .5625), calc(var(--H) * 1.1));--focal-y:calc(var(--H) * -.05 + (var(--H) * 1.1 - var(--rh)) / 2 + var(--rh) * .38);--logo-wmax:min(88cqw, 1000px);--logo-hmax:min(calc(var(--rh) * .38), calc(var(--H) - var(--hud) - var(--tab) - var(--bottom-h) - var(--tag-h) - 56px));--s:max(2px, round(down, calc(min(var(--logo-wmax), var(--logo-hmax) * 2.303) / 76), var(--s-step,1px)));--logo-w:calc(var(--s) * 76);--logo-h:calc(var(--s) * 33);--logo-cy:clamp(calc(var(--hud) + 20px + var(--logo-h) / 2), var(--focal-y), calc(var(--H) - var(--tab) - var(--bottom-h) - var(--tag-h) - var(--logo-h) / 2));isolation:isolate;min-height:var(--H);background:var(--void);position:relative;overflow:clip;container-type:inline-size}@supports not (width:round(down, 1px, 1px)){.yph{--s:max(2px, calc(min(var(--logo-wmax), var(--logo-hmax) * 2.303) / 76))}}@media (resolution:1.25x){.yph{--s-step:.8px}}@media (resolution:1.5x){.yph{--s-step:calc(2px / 3)}}@media (resolution:1.75x){.yph{--s-step:calc(4px / 7)}}@media (resolution:2x){.yph{--s-step:.5px}}@media (resolution:2.25x){.yph{--s-step:calc(4px / 9)}}@media (resolution:2.5x){.yph{--s-step:.4px}}@media (resolution:2.625x){.yph{--s-step:calc(8px / 21)}}@media (resolution:3x){.yph{--s-step:calc(1px / 3)}}@media (resolution:3.5x){.yph{--s-step:calc(2px / 7)}}@media (resolution:4x){.yph{--s-step:.25px}}@media (max-width:639px){.yph{--bottom-h:196px;--tag-h:76px;--logo-wmax:calc(100cqw - 28px)}}.yph-stage{pointer-events:none;position:absolute;inset:0;overflow:hidden}.yph-layer{width:110%;height:110%;position:absolute;top:-5%;left:-5%}.yph-layer picture{display:contents}.yph-layer-img{object-fit:cover;object-position:50% 50%;width:100%;max-width:none;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;display:block}@media (orientation:portrait){.yph-layer-img{object-position:54.3% 50%}}.yph-bloom{left:50%;top:var(--logo-cy);width:calc(var(--logo-w) * 1.7);height:calc(var(--logo-h) * 2.9);mix-blend-mode:screen;background:radial-gradient(closest-side,#ffd23f1a,#0000 55%),radial-gradient(closest-side,#c8102e66,#c8102e29 48%,#0000 100%);animation:5.6s steps(14,end) infinite alternate yph-bloom;position:absolute;translate:-50% -52%}.yph-embers{z-index:0}.yph-vignette{background:radial-gradient(72% 78% at 50% 44%,#0000 52%,#07060b6b 82%,#07060bc7 100%);position:absolute;inset:0}.yph-top-shade{height:calc(var(--hud) + 72px);background:linear-gradient(#07060bb8,#07060b52 55%,#0000);position:absolute;inset:0 0 auto}.yph-bottom-shade{background:linear-gradient(to top, var(--void) 0, #07060bd1 22%, #07060b59 60%, transparent);height:min(46%,380px);position:absolute;inset:auto 0 0}.yph-veil{will-change:transform;flex-direction:column;height:120%;display:flex;position:absolute;top:100%;left:0;right:0}.yph-veil-solid{background:var(--void);flex:auto}.yph-rig{z-index:1;pointer-events:none;position:absolute;inset:0}.yph-recede,.yph-rig-parallax{position:absolute;inset:0}.yph-recede{transform-origin:50% var(--logo-cy)}.yph-logo-canvas{z-index:2;image-rendering:pixelated;pointer-events:none;display:block;position:absolute}.yph-orbit{position:absolute;inset:0}.yph-orbiter{z-index:3;opacity:0;will-change:transform;display:block;position:absolute;top:0;left:0}.yph-orbiter:not([data-placed]){visibility:hidden}.yph-orbiter[data-off]{display:none}.yph-orbiter[data-front="0"]{filter:brightness(.62)saturate(.8)}.yph-orbiter-img{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 2px #07060be6);display:block}.yph-orbiter-lit{filter:brightness(1.35);opacity:0;animation:1.4s step-end infinite yph-twinkle;position:absolute;inset:0}.yph-content{z-index:2;min-height:var(--H);padding-bottom:var(--tab);flex-direction:column;align-items:center;display:flex;position:relative}.yph-logo-slot{width:var(--logo-w);height:var(--logo-h);margin:calc(var(--logo-cy) - var(--logo-h) / 2) 0 0;flex:none;padding:0;position:relative}.yph-static-logo{width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--s) * 3), #000000a8 0 calc(100% - var(--s) * 2), #00000069 0 calc(100% - var(--s)), #0000002e 0);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--s) * 3), #000000a8 0 calc(100% - var(--s) * 2), #00000069 0 calc(100% - var(--s)), #0000002e 0);display:block}.yph-tagline-wrap{justify-content:center;width:100%;margin-top:clamp(10px,2.2vh,22px);padding-inline:16px;display:flex}.yph-tagline{max-width:min(100%,46rem);font-family:var(--font-terminal);color:var(--bone);text-align:center;text-wrap:balance;text-shadow:2px 2px 0 var(--void), 0 0 14px #07060bf2;background:linear-gradient(90deg,#0000,#07060b80 18% 82%,#0000);margin:0;padding:4px 1.4em 6px;font-size:clamp(22px,1vw + 13px,32px);line-height:1.05}.yph-tag-prompt{color:var(--gold);margin-right:.45em}.yph-tag-cursor{vertical-align:-.08em;background:var(--gold);width:.5em;height:.9em;box-shadow:2px 2px 0 var(--void);margin-left:.4em;animation:1.05s step-end infinite yph-blink-hard;display:inline-block}@media (max-width:899px){.yph{--tag-h:76px}.yph-tagline-wrap{--tag-fs:22px;height:calc(2 * 1.05 * var(--tag-fs) + 10px);align-items:flex-start}.yph-tagline{font-size:var(--tag-fs);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (max-width:639px){.yph-tagline-wrap{--tag-fs:clamp(18px, 5.2vw, 22px);padding-inline:10px}.yph-tagline{padding-inline:.6em}}.yph-spacer{flex:auto;min-height:20px}.yph-bottom{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.yph-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;padding-inline:20px;display:flex}.yph-now-showing{max-width:min(92vw,640px);font-family:var(--font-terminal);color:var(--ash);white-space:nowrap;text-shadow:1px 1px 0 var(--void);justify-content:center;align-items:baseline;gap:10px;margin:-2px 0 0;padding-inline:16px;font-size:18px;line-height:1.1;display:flex}.yph-now-kicker{font-family:var(--font-pixel);letter-spacing:1px;color:var(--gold-deep);flex:none;font-size:8px;transform:translateY(-1px)}.yph-now-game{color:var(--g,var(--bone));flex:none;align-items:center;gap:5px;display:inline-flex}.yph-now-title{text-overflow:ellipsis;min-width:0;color:var(--bone);overflow:hidden}.yph-now-dur{color:var(--ash);flex:none}.yph-hud{width:100%;margin-top:30px;position:relative}.yph-coin{z-index:1;min-height:34px;color:var(--gold);font-family:var(--font-pixel);letter-spacing:2px;white-space:nowrap;text-shadow:2px 2px 0 var(--void);box-shadow:0 -2px 0 0 var(--crypt-2), 2px 0 0 0 var(--crypt-2), -2px 0 0 0 var(--crypt-2), inset 0 2px 0 0 #f2b7051f;background:linear-gradient(#1a1426,#110d1a);border:0;align-items:center;gap:10px;padding:6px 14px 6px 12px;font-size:10px;line-height:1;display:flex;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%)}.yph-coin:before{content:"";position:absolute;inset:-6px -4px -4px}.yph-coin-text{animation:1.2s step-end infinite yph-coin-blink}.yph-coin:hover .yph-coin-text,.yph-coin:focus-visible .yph-coin-text{color:#fff3c4;animation:none}.yph-coin:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.yph-coin-spin{width:16px;height:16px;animation:.9s steps(3,end) infinite yph-coin-bob;display:block}.yph-coin-art{animation:.8s step-end infinite yph-coin-spin;display:block}.yph-coin-arrow{color:var(--gold-deep);animation:1.1s steps(2,end) infinite yph-arrow-bob}.yph-ticker{--tick-gap:clamp(14px, 3vw, 44px);justify-content:center;align-items:center;gap:0 var(--tick-gap);width:100%;box-shadow:inset 0 2px 0 0 var(--crypt-2), inset 0 4px 0 0 #07060be6, inset 0 6px 0 0 #f2b7050f;background:linear-gradient(#110d1aeb,#07060bf7);margin:0;padding:15px 16px 14px;display:flex;position:relative}.yph-ticker:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(#0000 0 2px,#00000047 2px 3px);position:absolute;inset:0}.yph-stat{align-items:baseline;gap:10px;min-width:0;margin:0;display:flex;position:relative}.yph-stat-label{font-family:var(--font-pixel);letter-spacing:1px;color:var(--ash);align-items:center;gap:6px;font-size:9px;line-height:12px;display:inline-flex;transform:translateY(-2px)}.yph-stat-icon{color:var(--blood)}.yph-stat-value{color:var(--gold);text-shadow:2px 2px 0 var(--void);margin:0;font-size:18px;line-height:1}.yph-num-compact{display:none}.yph-stat+.yph-stat:before{content:"";left:calc(var(--tick-gap) / -2 - 1px);background:var(--gold-deep);width:2px;height:2px;box-shadow:2px 0 0 var(--gold-deep), -2px 0 0 var(--gold-deep), 0 2px 0 var(--gold-deep), 0 -2px 0 var(--gold-deep);margin-top:-1px;position:absolute;top:50%}@media (max-width:899px){.yph-actions{grid-template-columns:minmax(0,max-content);justify-content:center;gap:12px;width:100%;padding-inline:30px;display:grid}.yph-actions>.ui-btn{width:100%;display:flex}}@media (max-width:639px){.yph-bottom{gap:10px}.yph-now-showing{gap:8px;font-size:16px}.yph-now-kicker{letter-spacing:0;font-size:0}.yph-now-kicker:before{content:"▶ " attr(data-short);letter-spacing:1px;font-size:8px}.yph-hud{margin-top:26px}.yph-coin{letter-spacing:1px;gap:8px;min-height:30px;font-size:8px}.yph-coin:before{inset:-8px -6px -6px}.yph-ticker{--tick-gap:22px;padding:13px 10px 11px}.yph-stat{flex-direction:column;align-items:center;gap:6px}.yph-stat-label{font-size:8px;transform:none}.yph-stat-value{font-size:14px}.yph-stat+.yph-stat:before{margin-top:0;top:auto;bottom:7px}.yph-num-full{display:none}.yph-num-compact{display:inline}}@media (orientation:landscape) and (max-height:500px){.yph{--H:max(100svh, 320px);--bottom-h:124px;--tag-h:38px;--logo-cy:clamp(calc(var(--hud) + 8px + var(--logo-h) / 2), var(--focal-y), calc(var(--H) - var(--tab) - var(--bottom-h) - var(--tag-h) - var(--logo-h) / 2))}.yph-tagline-wrap{--tag-fs:18px;height:calc(1.05 * var(--tag-fs) + 10px);align-items:flex-start;margin-top:6px}.yph-tagline{font-size:var(--tag-fs);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.yph-spacer{min-height:4px}.yph-bottom{flex-flow:wrap;justify-content:center;align-items:center;gap:8px 0}.yph-actions{gap:12px 16px;width:auto;padding-inline:26px 18px;display:flex}.yph-actions>.ui-btn--xl{--h:64px;--pad:24px;--fs:16px;--gap:12px;--ico:24px;--drop:6px;--press:3px;--cp:4px;width:auto}.yph-now-showing{flex:0 auto;min-width:0;max-width:min(48vw,420px);margin:0;padding-inline:0 16px}.yph-actions:has(>:nth-child(2))+.yph-now-showing{display:none}.yph-hud{flex:1 0 100%;margin-top:0;display:flex}.yph-coin{letter-spacing:1px;min-height:0;box-shadow:inset 0 2px 0 0 var(--crypt-2), inset -2px 0 0 0 var(--crypt-2), inset 0 6px 0 0 #f2b70514;flex:none;gap:8px;padding:0 16px 0 14px;font-size:8px;position:relative;bottom:auto;left:auto;transform:none}.yph-coin:before{inset:-4px 0}.yph-ticker{--tick-gap:26px;flex:auto;width:auto;min-width:0;padding:12px 16px 11px}.yph-stat-value{font-size:14px}.yph-num-full{display:none}.yph-num-compact{display:inline}.yph-now-kicker{letter-spacing:0;font-size:0}.yph-now-kicker:before{content:"▶ " attr(data-short);letter-spacing:1px;font-size:8px}}.yph-rise{--d:0s;--r:0s}.yph-d-tag{--d:1.05s}.yph-d-actions{--d:1.3s;--r:60ms}.yph-d-now{--d:1.42s;--r:.14s}.yph-d-ticker{--d:1.56s;--r:.22s}.yph-d-coin{--d:1.9s}:root.js[data-motion=full]:not([data-boot]) .yph:not([data-after-boot]) .yph-rise:not(.yph-d-coin){animation:yph-rise .52s cubic-bezier(.2, .9, .25, 1) var(--r) backwards}:root.js[data-motion=full]:not([data-boot]) .yph:not([data-after-boot]) .yph-hud{--rise-from:70%}:root.js[data-motion=full] .yph[data-intro=pending] .yph-static-logo{visibility:hidden}:root.js[data-motion=full] .yph[data-intro=pending] .yph-stat-value,:root.js[data-motion=full][data-boot] .yph[data-intro=pending] .yph-rise,:root.js[data-motion=full] .yph[data-intro=pending][data-after-boot] .yph-rise{opacity:0}:root.js[data-motion=full][data-boot] .yph[data-intro=pending] .yph-rise,:root.js[data-motion=full] .yph[data-intro=pending][data-after-boot] .yph-rise{translate:0 14px}:root.js[data-motion=full][data-boot] .yph[data-intro=pending] .yph-hud,:root.js[data-motion=full] .yph[data-intro=pending][data-after-boot] .yph-hud{translate:0 70%}:root.js[data-motion=full] .yph .yph-static-logo{visibility:hidden}:root.js[data-motion=full] .yph:not([data-live]) :is(.yph-static-logo,.yph-stat-value){animation:1ms linear 3.2s forwards yph-failsafe}:root.js[data-motion=full][data-boot] .yph:not([data-live]) :is(.yph-static-logo,.yph-stat-value,.yph-rise){animation:1ms linear 2.6s forwards yph-failsafe}.yph[data-intro=playing] .yph-rise{transition:opacity .42s steps(5, end) var(--d), translate .52s cubic-bezier(.2, .9, .25, 1) var(--d)}.yph[data-intro=playing] .yph-stat-value{transition:opacity .28s steps(4, end) var(--d)}.yph[data-intro=playing] .yph-orbiter{transition:opacity .48s steps(4,end) 1.5s}.yph:is([data-intro=playing],[data-intro=instant]) .yph-orbiter,:root[data-motion=reduce] .yph-orbiter{opacity:1}:root[data-motion=reduce] .yph-rig{z-index:3}.yph[data-offscreen] *,.yph[data-offscreen] :before,.yph[data-offscreen] :after{animation-play-state:paused}html[data-quality=low] .yph-bloom{opacity:.86;animation:none}:root[data-motion=reduce] .yph-veil,:root[data-motion=reduce] .yph-bloom{animation:none}:root[data-motion=reduce] .yph-veil{display:none}html[data-death="1"] .yph-logo-canvas{filter:sepia(.3)hue-rotate(-28deg)saturate(1.35)contrast(1.06)}@keyframes yph-bloom{0%{opacity:.72}to{opacity:1}}@keyframes yph-blink-hard{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes yph-coin-blink{0%,64%{opacity:1}65%,to{opacity:0}}@keyframes yph-twinkle{0%{opacity:0}25%,75%{opacity:.5}50%{opacity:1}}@keyframes yph-coin-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes yph-coin-spin{0%{transform:scaleX(1)}25%{transform:scaleX(.5)}50%{transform:scaleX(.125)}75%{transform:scaleX(.5)}}@keyframes yph-arrow-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes yph-rise{0%{translate:0 var(--rise-from,14px)}}@keyframes yph-failsafe{to{visibility:visible;opacity:1;translate:0}}