body{background:#00f}.screen-default{width:100vw;height:100vh}@keyframes spin{to{--bg-angle: 360deg}}@property --bg-angle{inherits: false; initial-value: 0deg; syntax: "<angle>";}.screen.portrait.status-state,.screen.notfound{width:1074px;height:1914px;animation:spin 2.5s infinite linear paused;animation-play-state:running;background:linear-gradient(to bottom,#000,#363636) padding-box,conic-gradient(from var(--bg-angle) in oklch longer hue,oklch(85% .37 0deg) 0 100%) border-box!important;border:6px solid transparent!important}.screen.portrait.status-state.error,.screen.notfound.error{width:1074px;height:1914px;animation:spin 2.5s infinite linear paused;animation-play-state:running;background:linear-gradient(to bottom,#000,#0a1c39) padding-box,conic-gradient(from var(--bg-angle) in hsl,hsl(346,90%,48%),hsl(346,90%,48%),hsl(0,0%,0%),hsl(0,0%,0%),hsl(346,90%,48%),hsl(0,0%,0%),hsl(346,90%,48%)) border-box!important;border:6px solid transparent!important}html{box-sizing:border-box;overflow-y:hidden}*,*:before,*:after{box-sizing:inherit;position:relative}#app{position:absolute;height:100%;width:100vw;background:#000;background-blend-mode:multiply;font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:hidden;overflow-x:hidden;margin:0;padding:0}body{position:static;height:100vh;margin:0;padding:0}div{color:#fff}.guidebook-content p{margin:0;padding:0}
