.black-ring-entrance{background:#000;height:100svh;min-height:100svh;position:relative;overflow:hidden}.black-ring-entrance .threshold-header{z-index:5;position:absolute;top:0;left:0;right:0}.black-ring-entrance .entrance-footer{z-index:5;position:absolute;bottom:0;left:0;right:0}.black-ring-entrance .black-ring-main{z-index:4;justify-content:center;align-items:center;height:100svh;min-height:0;padding:0;display:flex;position:absolute;inset:0}.black-ring-entrance .black-ring-door{aspect-ratio:1;-webkit-tap-highlight-color:transparent;border-radius:50%;width:min(75vw,76vh);display:block;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.black-ring-entrance .black-ring-door:focus-visible{outline-offset:16px;outline:1px solid #d5e4f0;box-shadow:0 0 26px #d8e5ee20}.black-ring-entrance .black-ring-invitation{white-space:nowrap;margin:0;position:absolute;top:auto;bottom:clamp(94px,12vh,140px);left:50%;transform:translate(-50%)}.black-ring-entrance .black-ring-chrome{transition:opacity .5s}.black-ring-entrance[data-entering=true] .black-ring-chrome{opacity:0;pointer-events:none}.ring-scene-position{z-index:3;pointer-events:none;position:absolute;inset:0}.ring-scene-position .ring-poster,.ring-scene-position .ring-film{aspect-ratio:1672/941;object-fit:contain;object-position:center;width:max(100%,100svh);max-width:none;height:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-scene-position .ring-poster{-webkit-mask-image:linear-gradient(#0000,#000 10% 88%,#0000),radial-gradient(53% 64% at 50% 48%,#000 48%,#0000 100%);mask-image:linear-gradient(#0000,#000 10% 88%,#0000),radial-gradient(53% 64% at 50% 48%,#000 48%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.ring-scene-position .ring-film{opacity:0;transition:opacity .6s}.black-ring-entrance[data-journey=playing] .ring-film,.black-ring-entrance[data-journey=paused] .ring-film,.black-ring-entrance[data-journey=arrived] .ring-film{opacity:1}.black-ring-entrance[data-journey=playing] .threshold-world,.black-ring-entrance[data-journey=paused] .threshold-world,.black-ring-entrance[data-journey=arrived] .threshold-world{opacity:0}.black-ring-entrance .black-ring-dark{z-index:90;opacity:0;pointer-events:none;background:#000;transition:opacity .18s;position:fixed;inset:0}.black-ring-entrance[data-journey=arrived] .black-ring-dark{opacity:1}.ring-journey-controls{z-index:95;bottom:max(2rem,env(safe-area-inset-bottom));color:#dfe8f1;white-space:nowrap;align-items:center;gap:1.25rem;font-size:.875rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ring-journey-controls a{color:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070d16aa;border:1px solid #c4d7e033;border-radius:99px;padding:.7rem 1rem;text-decoration:none}.ring-journey-controls button{cursor:pointer;width:44px;height:44px;color:inherit;font:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070d16aa;border:1px solid #c4d7e044;border-radius:50%}.ring-journey-controls :focus-visible{outline-offset:4px;outline:2px solid #d0e4f1}.black-ring-entrance[data-journey=arrived] .ring-journey-controls{opacity:0;pointer-events:none}body:has(.black-ring-entrance[data-journey=arrived]) :is(.constellation-trigger,.support-project-link,.player-orb,.player-inquiry-orb){visibility:hidden}@media (max-width:640px){.black-ring-entrance .black-ring-invitation{font-size:1rem;bottom:15vh}.black-ring-entrance .black-ring-door{width:90vw}}@media (prefers-reduced-motion:reduce){.black-ring-entrance .black-ring-chrome,.ring-scene-position .ring-film,.black-ring-entrance .black-ring-dark{transition:none}}