:root{--background:#0a0a0a;--foreground:#ededed}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--foreground);font-family:halyard-display,system-ui,-apple-system,sans-serif;overflow:hidden}body{background-color:var(--background)}.logo{z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;width:182px;height:122px;transition:opacity .6s;position:fixed;top:12px;left:50%;transform:translate(-50%)}.sceneControls{z-index:15;align-items:center;gap:20px;transition:opacity .6s;display:flex;position:fixed;bottom:6vh;left:28vw;transform:translate(-50%)}.sceneControls button{cursor:pointer;background:0 0;border:0;width:22px;height:22px;padding:0;line-height:0;transition:transform .12s}.sceneControls button:hover{transform:scale(1.1)}.sceneControls button:active{transform:scale(.95)}.sceneControls img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000059);width:100%;height:100%}@media (max-width:768px){.sceneControls{flex-direction:column;inset:17vh 16px auto auto;transform:none}.logo{object-fit:contain;width:128px;height:128px;top:-2px;left:16px;transform:none}}.bgImage{z-index:0;pointer-events:none;background-image:url(/bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .8s;position:fixed;inset:0}.bgBlur{z-index:0;filter:blur(26px);pointer-events:none;background-image:url(/bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .8s;position:fixed;inset:0;transform:scale(1.08);-webkit-mask-image:linear-gradient(#0000 30%,#000 100%);mask-image:linear-gradient(#0000 30%,#000 100%)}