body.tunnel-body-lock{touch-action:none;overscroll-behavior:none;height:100dvh;overflow:hidden}.infinite-tunnel{z-index:50;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0}.infinite-tunnel:active{cursor:grabbing}.tunnel-viewport{perspective:clamp(520px,72vw,980px);perspective-origin:50% 42%;background:radial-gradient(80% 70% at 50% 45%,#12101c 0%,#040208 55%,#000 100%);position:absolute;inset:0;overflow:hidden}.tunnel-world{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.tunnel-panel{width:min(92vw,980px);height:min(68vh,720px);transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none;position:absolute;top:44%;left:50%}.tunnel-panel__frame{transform-origin:50%;background:#06040c;border:1px solid #88ffc838;width:100%;height:100%;overflow:hidden;transform:rotateX(5deg);box-shadow:0 0 0 1px #000000e6,0 0 60px #00ffc814,0 24px 80px #000000bf}.tunnel-panel__media{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.tunnel-panel__label{font-family:var(--font-share-tech,ui-monospace, monospace);letter-spacing:.28em;text-transform:uppercase;color:#c8fff0bf;pointer-events:none;background:linear-gradient(#0000,#000000d9);padding:.45rem .65rem;font-size:9px;position:absolute;bottom:0;left:0;right:0}.tunnel-vignette{pointer-events:none;z-index:5;background:radial-gradient(55% 45% at 50% 42%,#0000 0%,#0000008c 72%,#000000eb 100%),linear-gradient(90deg,#000000eb 0%,#0000 18% 82%,#000000eb 100%),linear-gradient(#00000080 0%,#0000 22% 78%,#000000bf 100%);position:absolute;inset:0}.tunnel-speed-lines{pointer-events:none;z-index:4;opacity:.35;background:repeating-conic-gradient(at 50% 45%,#0000 0deg 8deg,#78ffdc08 8deg 9deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 10%,#0000 70%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 10%,#0000 70%)}.infinite-tunnel__canvas{width:100%;height:100%;display:block}.infinite-tunnel__hud{z-index:20;letter-spacing:.35em;text-transform:uppercase;color:#78fff0bf;text-shadow:0 0 12px #00ffdc59;pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;font-size:10px;display:flex;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.infinite-tunnel__exit{pointer-events:auto;color:#ff78c8b3;letter-spacing:.25em;text-decoration:none;transition:color .2s,text-shadow .2s}.infinite-tunnel__exit:hover{color:#ffa0e6;text-shadow:0 0 16px #ff50c880}.infinite-tunnel__hint{z-index:20;letter-spacing:.4em;text-transform:uppercase;color:#b4a0dc73;pointer-events:none;margin:0;font-size:9px;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.infinite-tunnel__setup{z-index:20;letter-spacing:.12em;text-align:center;color:#c8b4ff8c;pointer-events:none;background:#06040cb8;border:1px solid #88ffaa26;border-radius:4px;max-width:22rem;margin:0;padding:.65rem .9rem;font-size:9px;line-height:1.55;position:fixed;bottom:3.25rem;left:50%;transform:translate(-50%)}.infinite-tunnel__setup code{color:#88ffc8d9;font-size:8px}@media (max-width:640px){.tunnel-viewport{perspective:clamp(380px,95vw,620px)}.tunnel-panel{width:96vw;height:58vh;top:46%}.infinite-tunnel__hud{top:max(.75rem, env(safe-area-inset-top));letter-spacing:.2em;text-align:center;max-width:92vw;font-size:9px}.infinite-tunnel__hint{bottom:max(1rem, env(safe-area-inset-bottom));letter-spacing:.28em;text-align:center;max-width:90vw;font-size:8px}.infinite-tunnel__setup{bottom:max(2.75rem, calc(env(safe-area-inset-bottom) + 1.5rem));max-width:90vw}}@media (prefers-reduced-motion:reduce){.infinite-tunnel__hint:after{content:" · reduced drift"}.tunnel-speed-lines{display:none}}