html,body{margin:0;padding:0;box-sizing:border-box;height:100%;width:var(--main-width);min-height:var(--main-height);overflow-x:hidden;overflow-y:auto}body{font-family:Roboto,Helvetica Neue,sans-serif;display:flex;flex-direction:column}app-root{display:block;min-height:var(--main-height);box-sizing:border-box;background:radial-gradient(circle at top left,rgba(217,184,0,.28),transparent 32rem),linear-gradient(135deg,#111,#202020 48%,#101010);padding-top:var(--sat);padding-right:var(--sar);padding-bottom:var(--sab);padding-left:var(--sal)}*,*:before,*:after{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--main-color: #D9B800}@supports (height: 100dvh){:root{--main-height: 100dvh;--main-width: 100dvw}}@supports not (height: 100dvh){:root{--main-height: 100vh;--main-width: 100vw}}