:root{color-scheme:dark;background:#030303;color:#f2f2ee}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}main{position:relative;min-height:100%;height:100svh;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#101111 0,#080909 26%,#030303 65%)}.field{position:absolute;inset:0;opacity:.12;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#ffffff16 4px,transparent 5px);pointer-events:none}.mark{position:absolute;inset:0;display:grid;place-items:center}.mark img{display:block;width:clamp(130px,18vw,245px);height:auto;opacity:.85;filter:brightness(0) invert(1) drop-shadow(0 0 35px #ffffff09)}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ready img{opacity:0}.corner{position:absolute;z-index:2;width:clamp(64px,10vw,140px);height:clamp(64px,12vh,130px);-webkit-tap-highlight-color:transparent;outline:none}.studio-entry{left:0;bottom:0}.bridge-entry{right:0;top:0}.corner:focus-visible{outline:1px solid #b6b8b8;outline-offset:-20px;background:#ffffff04}.corner:focus-visible:after{position:absolute;inset:22px;content:"";border:1px solid #ffffff20}@media(prefers-reduced-motion:reduce){.mark img{filter:brightness(0) invert(1)}}