@font-face{font-family:ArialNarrow;font-style:normal;font-weight:400;font-weight:400;font-smooth:always;src:url(/fonts/ArialNarrow.woff2)format("woff2"),url(/fonts/ArialNarrow.woff)format("woff");font-display:swap;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:ArialNarrow-Bold;font-style:normal;font-weight:400;font-weight:400;font-smooth:always;src:url(/fonts/ArialNarrow-Bold.woff2)format("woff2"),url(/fonts/ArialNarrow-Bold.woff)format("woff");font-display:swap;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:ArialNarrow-BoldItalic;font-style:normal;font-weight:400;font-weight:400;font-smooth:always;src:url(/fonts/ArialNarrow-BoldItalic.woff2)format("woff2"),url(/fonts/ArialNarrow-BoldItalic.woff)format("woff");font-display:swap;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:ArialNarrow-Italic;font-style:normal;font-weight:400;font-weight:400;font-smooth:always;src:url(/fonts/ArialNarrow-Italic.woff2)format("woff2"),url(/fonts/ArialNarrow-Italic.woff)format("woff");font-display:swap;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;box-sizing:border-box!important}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}p,span,a,h1,h2,h3,h4,h5,h6,li{-webkit-user-select:text;user-select:text}::selection{color:#fff;background:#000}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{font:inherit;vertical-align:baseline;border:0;margin:0;padding:0;font-size:100%}html{font-size:13px}@media (min-width:500px){html{font-size:14px}}@media (min-width:850px){html{font-size:16px}}@media (min-width:1901px){html{font-size:18px}}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-spacing:0;border-collapse:collapse}.visually-hidden{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{overscroll-behavior:none;width:100%;height:100%}body{overscroll-behavior:none;font-family:ArialNarrow}
.menu-container{z-index:10;pointer-events:none;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.menu-button{color:#000;pointer-events:all;touch-action:none;cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px 8px 36px;font-family:ArialNarrow;font-size:16px;display:flex;position:fixed}@media (min-width:500px){.menu-button{gap:8px;padding:10px 10px 36px}}@media (min-width:850px){.menu-button{gap:8px;padding:10px 10px 36px}}:global(html[data-arrive]) .menu-button{transform:translateY(110%)}.menu-card{pointer-events:all;touch-action:none;--drag-x:45%;--drag-y:35%;--bottom-x:31%;--bottom-y:70%;background-color:#d9d9d9;width:270px;height:300px;position:relative;overflow:hidden;transform:translateY(100%)}.menu-card canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (min-width:500px){.menu-card{--drag-x:45%;--drag-y:30%;--bottom-x:31%;--bottom-y:62%;width:300px;height:400px}}@media (min-width:850px){.menu-card{width:300px;height:350px}}.menu-card-ui{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 70px;padding:30px 10px;display:flex}@media (min-width:500px){.menu-card-ui{gap:0 100px;padding:20px}}@media (min-width:850px){.menu-card-ui{gap:0 100px;padding:20px}}.menu-item{z-index:2;width:80px;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:inherit;border:none;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-family:ArialNarrow;font-size:16px;text-decoration:none;display:flex;position:relative}.menu-item.center-item{top:var(--drag-y);left:var(--drag-x);touch-action:none;width:40px;margin:0;position:absolute;transform:translate(-50%,-50%)}.menu-item.bottom-item{top:var(--bottom-y);left:var(--bottom-x);margin:0;position:absolute;transform:translate(-50%,-50%)}.menu-item.menu-tutorial{color:#777;text-align:center;width:100%;position:absolute;bottom:24px}@media (min-width:500px){.menu-item{gap:15px;width:80px;padding:10px;font-size:16px}.menu-item.center-item{width:40px}}@media (min-width:850px){.menu-item{gap:15px;width:80px;padding:10px;font-size:16px}.menu-item.center-item{width:60px}.menu-item.menu-tutorial{bottom:26px}}.dot{touch-action:none;-webkit-touch-callout:none;will-change:transform;background-color:#000;border-radius:50%;width:20px;height:20px;display:block;position:relative}.dot[data-href]{cursor:pointer}.dot:before{content:"";width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:500px){.dot{width:20px;height:20px}}@media (min-width:850px){.dot{width:20px;height:20px}}
.grid-container{z-index:999;pointer-events:none;opacity:.12;width:100%;height:100%;position:fixed;top:0;left:0}.grid{grid-template-columns:repeat(5,auto);column-gap:5px;width:100%;height:100%;padding:0 5px;display:grid}@media (min-width:850px){.grid{grid-template-columns:repeat(8,auto);column-gap:10px;padding:0 10px}}.grid div{opacity:0;background-color:green}.grid div:nth-child(6),.grid div:nth-child(7),.grid div:nth-child(8){display:none}@media (min-width:850px){.grid div:nth-child(6),.grid div:nth-child(7),.grid div:nth-child(8){display:inline}}.test{background-color:red;width:60%;height:200px;position:fixed}@media (min-width:500px){.test{width:60%}}@media (min-width:850px){.test{width:25%;margin-left:10px}}