:root{font-size:min(24px,max(2vw,14px))}*{margin:0;padding:0;box-sizing:border-box}.lil-gui{--width:40%;--name-width:15%}.lil-gui.off.root{display:none}html{height:100%}body{width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;font-family:serif;background-color:#000;background-image:radial-gradient(circle at 50%,#000,#323305);background-size:auto auto}main{width:100%;height:100%;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}#theCanvas{display:block;width:90vmin;height:90vmin;border-radius:45vmin;box-shadow:0 0 1.5vmin 1vmin #666122}#spritesheet{display:none}button{border:none;color:#fff;font-family:inherit;padding:.5rem;background-color:#053033;cursor:pointer;font-size:1.4rem;line-height:1.5rem;border-radius:1.5rem;min-width:3.5rem;display:block;transition:background-color .3s ease-in-out}button:hover{background-color:#226466}header{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:.5rem;font-size:2rem;margin-bottom:1.4rem;letter-spacing:-1px;font-weight:700;text-align:center;text-transform:uppercase;font-size:1.4rem}.ritual-info{position:absolute;bottom:0;left:0;padding:1rem 2rem;width:100%;height:auto;background-color:transparent;background-image:radial-gradient(circle at 50%,#00000099,#002b44);background-blend-mode:difference;color:wheat;font-size:1.2rem;letter-spacing:1px;border-radius:3rem 3rem 0 0;transition:transform .75s ease-in-out}.ritual-info.off{transform:translateY(calc(100% - 5rem))}.btn-info{display:none}.btn-close{display:block}.ritual-info.off .btn-close{display:none}.ritual-info.off .btn-info{display:block}.ritual-info header{margin-bottom:1.4rem}.ritual-info p{margin-bottom:1rem}.ritual-info .ritual-notes{font-size:1rem;font-style:italic}@media (prefers-reduced-motion){*{transition:none}}