#glitch .opener{position:fixed;left:28px;bottom:56px;z-index:6;width:196px;height:150px;padding:0;border:none;background:none;cursor:pointer;outline:none}#glitch .opener:hover .field,#glitch .opener:focus-visible .field{animation:none;opacity:.26;filter:blur(.6px)}#glitch .opener:hover .navLabel,#glitch .opener:focus-visible .navLabel{opacity:1;letter-spacing:8px;text-indent:8px;transform:scaleY(1) skew(0);text-shadow:0 0 10px rgba(245,247,250,.55)}#glitch .field{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:.85;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(66% 74% at 50% 50%,#000 6%,rgba(0,0,0,.55) 44%,transparent 76%);mask-image:radial-gradient(66% 74% at 50% 50%,#000 6%,rgba(0,0,0,.55) 44%,transparent 76%);animation:fluxAnim 4.2s steps(30) infinite;transition:opacity .3s ease,filter .3s ease}#glitch .navLabel{position:absolute;inset:0;display:grid;place-content:center;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.625rem;font-weight:600;letter-spacing:18px;text-indent:18px;color:#f5f7fa;opacity:0;transform:scaleY(1.55) skew(-4deg);text-shadow:2px 0 rgba(255,32,86,.85),-2px 0 rgba(64,224,255,.85);transition:opacity .26s ease,letter-spacing .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),text-shadow .26s ease;pointer-events:none}#glitch .navDrawer{--reveal: 0;position:fixed;inset:0;z-index:60;pointer-events:none}#glitch .navDrawer[data-open]{--reveal: 1;pointer-events:auto}#glitch .navDrawer[data-open]:has(.slot:hover,.slot:focus) .navHeading,#glitch .navDrawer[data-open]:has(.slot:hover,.slot:focus) .blurb{opacity:0;transition-delay:0s}#glitch .scrim{position:absolute;inset:0;appearance:none;padding:0;border:0;background:#030406e6;opacity:var(--reveal, 0);cursor:pointer;transition:opacity .32s ease}#glitch .navHead{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding:72px 40px 0;opacity:var(--reveal, 0);transition:opacity .3s ease .1s}#glitch .navClose{appearance:none;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-size:.875rem;color:#a8b0c0;transition:color .18s ease}#glitch .navClose:hover{color:#f5f7fa}#glitch .escape{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6875rem;letter-spacing:1px}#glitch .navCorridor{position:absolute;inset:0;margin:0;padding:0;list-style:none;perspective:1700px;opacity:var(--reveal, 0);transition:opacity .34s ease}#glitch .hint{position:absolute;top:50%;left:9%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;max-width:340px;pointer-events:none;opacity:var(--reveal, 0);transition:opacity .3s ease}#glitch .navHeading,#glitch .blurb{transition:opacity .3s ease .16s}#glitch .navHeading{font-weight:700;font-size:2.5rem;letter-spacing:-.01em;color:#f5f7fa}#glitch .blurb{font-size:1rem;line-height:1.5;color:#a8b0c0}#glitch .slot{position:absolute;top:50%;left:50%;width:300px;height:min(70vh,560px);transform-style:preserve-3d;transform:translate(-50%,-50%) translate(calc(300px - var(--idx) * 90px)) translateZ(calc(var(--idx) * -72px)) rotateY(9deg);opacity:max(.4,min(1,1 - var(--idx) * .07));text-decoration:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s ease}#glitch .slot[data-playing]{z-index:70!important;transform:translate(-50%,-50%) translate(calc(300px - var(--idx) * 90px)) translateY(-30px) translateZ(320px) rotateY(0);transition:transform .34s cubic-bezier(.34,1.1,.5,1)}#glitch .slot:hover .wind,#glitch .slot:focus .wind{left:-400px;border-color:#f5f7fa;box-shadow:0 0 30px #f5f7fa38;transition-delay:0s}#glitch .slot:hover .charge,#glitch .slot:focus .charge{opacity:1;transition-delay:0s}#glitch .slot:hover .chargeBar,#glitch .slot:focus .chargeBar{width:100%;transition:width 5s linear}#glitch .wind{position:absolute;inset:0;display:flex;flex-direction:column;padding:16px 18px;background:#030406d1;border:1px solid rgba(245,247,250,.42);border-radius:12px;box-shadow:0 20px 54px #00000080;overflow:hidden;transition:left .42s cubic-bezier(.22,1,.36,1) .16s,border-color .2s ease .16s,box-shadow .2s ease .16s}#glitch .windBar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#glitch .windTicks{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6875rem;letter-spacing:2px;color:#5b6477}#glitch .pageName{font-weight:700;font-size:1.5rem;letter-spacing:.2px;color:#f5f7fa;white-space:nowrap}#glitch .pagePane{position:relative;flex:1;margin-top:4px;overflow:hidden;border-top:1px solid rgba(245,247,250,.12);background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(245,247,250,.04) 7px)}#glitch .poster{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center top}#glitch .liveFrame{--zoom: .46;position:absolute;top:0;left:0;z-index:2;width:calc(100% / var(--zoom));height:calc(100% / var(--zoom));border:0;transform:scale(var(--zoom));transform-origin:top left;pointer-events:none;background:#030406}#glitch .charge{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;background:#03040657;opacity:0;transition:opacity 0s .16s}#glitch .pagePane:has(.liveFrame) .charge{display:none}#glitch .chargeBar{height:3px;width:0;background:#f5f7fa;box-shadow:0 0 10px #f5f7fa99;transition:width 0s .16s}#glitch .chargeText{padding:10px 14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.4em;color:#f5f7fa;animation:dimPulse .32s steps(2,end) infinite}@media(max-width:760px){#glitch .opener{display:none}}@keyframes fluxAnim{0%,to{opacity:.85}38%{opacity:.5}41%{opacity:.95}63%{opacity:.62}80%{opacity:.42}83%{opacity:.88}}@media(prefers-reduced-motion:reduce){#glitch .field{animation:none}#glitch .scrim,#glitch .navCorridor,#glitch .slot,#glitch .hint{transition:none}#glitch .wind,#glitch .navHeading,#glitch .blurb{transition-duration:0s}#glitch .charge{display:none}}
