:root{--page-bg:#1a1a1a;--layer-size:800px;--wheel-max-size:2048px;--wheel-offset-x:0px;--wheel-offset-y:0px;--page-padding:8px}html{background-color:var(--page-bg)}body{margin:0;padding:0}body.wheel-only-page{overflow:hidden}.page-center,.wheel-stage{display:flex;justify-content:center;width:100%}body.wheel-only-page,body.wheel-only-page .mainpage,body.wheel-only-page .page-center{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh}body.wheel-only-page .mainpage{box-sizing:border-box;width:min(100%,calc(var(--wheel-max-size) + (var(--page-padding)*2)));padding:var(--page-padding);display:flex;flex-direction:column;align-items:center}.wheel-stage{position:relative;flex:1 1 auto;min-height:0;align-items:center;overflow:hidden}body.wheel-only-page .wheel-stage{min-height:100%}#container,[id^=wheel_w]{position:absolute;width:var(--layer-size);height:var(--layer-size)}#container{top:50%;left:50%;margin:0;overflow:hidden;cursor:pointer;transform:translate(calc(-50% + var(--wheel-offset-x)),calc(-50% + var(--wheel-offset-y)));transform-origin:50% 50%}[id^=wheel_w]{top:0;left:0;background-position:center center;background-repeat:no-repeat;background-size:contain}