html,body.scotoma-page{margin:0;width:100%;min-height:100%;background:#f0f0f0;overflow:hidden}.scotoma-page{display:grid;place-items:center;min-height:100vh}.scotoma-stage{position:relative;width:min(500px,88vw);aspect-ratio:1}.scotoma-circle{position:absolute;inset:0;border-radius:50%;animation:scotoma-rotate 20s linear infinite}.scotoma-segment{position:absolute;inset:0;overflow:hidden;transform-origin:center}.scotoma-segment-content{position:absolute;inset:0;clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%)}.scotoma-crescent-container{position:absolute;animation:scotoma-orbit var(--orbit-duration) linear infinite var(--orbit-direction);transform-origin:center}.scotoma-crescent{position:absolute;animation:scotoma-self-rotate var(--self-rotation-duration) linear infinite var(--self-rotation-direction);transform-origin:center}.scotoma-note{position:fixed;left:14px;bottom:14px;z-index:50;width:min(520px,calc(100% - 28px));padding:10px 12px;border:1px solid rgba(32,35,28,.2);border-radius:10px;background:rgba(241,242,237,.86);backdrop-filter:blur(10px);color:#20231c}.scotoma-note h1{margin:0 0 3px;font-size:1rem}.scotoma-note p{margin:0;color:#55584f;font-size:.76rem;line-height:1.5}.scotoma-svg-defs{position:absolute;width:0;height:0;overflow:hidden}@keyframes scotoma-rotate{to{transform:rotate(360deg)}}@keyframes scotoma-orbit{to{transform:rotate(360deg)}}@keyframes scotoma-self-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.scotoma-circle,.scotoma-crescent-container,.scotoma-crescent{animation-play-state:paused!important}}