.scroll-layout{width:100%;height:200vh}[data-slot=hero]{width:100%;height:100vh}[data-slot=content]{width:400vh;height:400vh;scroll-margin-top:-2px}[data-slot=navbar]{position:fixed;top:0;left:8rem;right:0;height:156px;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:20;background-color:#fff0}[data-slot=sidebar]{position:fixed;top:0;left:0;bottom:0;width:8rem;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:20;background-color:#ffffff0d}[data-slot=panelarea]{position:fixed;inset:10rem 2rem 2rem 10rem;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:20}[data-slot=navbar].visible,[data-slot=sidebar].visible,[data-slot=panelarea].visible{opacity:1;pointer-events:auto}.sidenav--root{display:grid;grid-template-columns:1fr 1fr;background-color:#fff3;height:70vh;width:15rem}.sidenav--root:hover{background-color:#0000001a}.sidenav--menu{margin:0;padding:0}.sidenav--menu>ul{margin:40px 0 0;padding:0}.sidenav--menu>ul>li{list-style:none}.sidenav--menu-icon{background-color:#0000;margin-top:150px;padding:20px;width:80px;height:80px}button.fav{width:80px;height:80px;background-image:url(/assets/ChestWhite-BtHpx8v_.svg);background-repeat:no-repeat;background-position:center;background-size:contain;border:none;padding:0}button.fav:hover,button.fav.selected{background-image:url(/assets/ChestColor-C3dmILCE.svg)}button.play{width:80px;height:80px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20--%3e%3csvg%20width='51.628998mm'%20height='51.629009mm'%20viewBox='0%200%2051.628998%2051.629009'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cg%20id='layer1'%20transform='translate(-60.84226,-164.24143)'%3e%3cg%20id='g2-6'%20transform='translate(0.26437287,54.535716)'%20style='fill:none;stroke:%23b3b3b3'%3e%3ccircle%20style='fill:none;stroke:%23b3b3b3;stroke-width:1.629;stroke-dasharray:none'%20id='path1-5'%20cx='86.392387'%20cy='135.5202'%20r='25'%20/%3e%3cpath%20style='fill:none;stroke:%23b3b3b3;stroke-width:1.629;stroke-dasharray:none'%20id='path2-6'%20d='m%2079.55357,45.499062%20-32.658835,18.855586%200,-37.711173%20z'%20transform='translate(28.192669,89.602444)'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain;border:none;padding:0}button.play:hover,button.play.selected{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20--%3e%3csvg%20width='51.629002mm'%20height='51.629009mm'%20viewBox='0%200%2051.629002%2051.629009'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cg%20id='layer1'%20transform='translate(-61.136159,-110.26398)'%3e%3cg%20id='g2'%20transform='translate(0.55827068,0.55827068)'%3e%3ccircle%20style='fill:none;stroke:%23d4aa00;stroke-width:1.629;stroke-dasharray:none'%20id='path1'%20cx='86.392387'%20cy='135.5202'%20r='25'%20/%3e%3cpath%20style='fill:none;stroke:%23d4aa00;stroke-width:1.629;stroke-dasharray:none'%20id='path2'%20d='m%2079.55357,45.499062%20-32.658835,18.855586%200,-37.711173%20z'%20transform='translate(28.192669,89.602444)'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}button.i18n{width:80px;height:80px;background-image:url(/assets/GlobeWhite-f9Exslhk.svg);background-repeat:no-repeat;background-position:center;background-size:contain;border:none;padding:0}button.i18n:hover,button.i18n.selected{background-image:url(/assets/GlobeColor-BWrQaPZ2.svg)}button.tutorial{width:80px;height:80px;background-image:url(/assets/CompassWhite-5PdLHfz8.svg);background-repeat:no-repeat;background-position:center;background-size:contain;border:none;padding:0}button.tutorial:hover,button.tutorial.selected{background-image:url(/assets/CompassColor-qr_4ikZI.svg)}button.fundme{width:120px;height:80px;background-image:url(/assets/Fishbone--CH8Bmtk.svg);background-repeat:no-repeat;background-position:center;background-size:contain;border:none;padding:0}button.fundme:hover,button.fundme.funded{background-image:url(/assets/Fish-Bl2zkbq3.svg)}.navbar{background-color:#fff0;margin-right:20px}.navbar>ul{display:flex;align-items:center}.navbar>ul>li{list-style:none}gaoc-search-btn{display:inline-block;height:50px}.beachpanel--root{height:100vh;width:100%;background:linear-gradient(to bottom,#ffde414d 50%,#facf25b3 90%)}.riffpanel--viewport{position:relative;width:100%;height:100%;overflow:hidden;background-color:#0000}.riffpanel--world{position:absolute;top:0;left:0;width:8000px;height:6000px;background:url(/assets/bg_riff-CzvTl-8P.svg) no-repeat;background-size:cover;transform-origin:top left;transform:translate(-2410px,-200px) scale(.9)}.selpanel--root{margin:0;height:30rem}.selpanel--grid{display:grid;grid-template-rows:repeat(2,1fr);row-gap:10px;margin-top:210px}.randy--root{width:100%;height:9rem;background-image:url(/assets/Eels-bnfaXl9M.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.cat--root{width:100%;height:12rem;background-image:url(/assets/Book-DniM1cpW.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.game-card{display:grid;grid-template-rows:1fr 1fr 1fr;background:#e1e1e1;color:#fff;border-radius:8px;overflow:hidden}.game-card-thumb img{width:40px}.game-card-play{width:64px;height:64px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:24px;cursor:pointer}.game-card-content{padding:1rem;display:grid;gap:.5rem}.game-card-title{margin:0;font-size:1.2rem}.game-card-description{margin:0;font-size:.95rem;line-height:1.4}@media(min-width:768px){.game-card{grid-template-columns:1fr 1fr 4fr;align-items:stretch}.game-card-thumb img{height:150px;object-fit:cover}}.favpanel--root{margin:0;padding:5rem;background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.favpanel--root>h1{margin:0;padding:0}.favPanel--grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;margin-top:20px}.favPanel--cell{background-color:#9b9b7a99;height:150px;padding:1rem}.fundpanel--root{margin:0;padding:5rem;background-color:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.fundpanel--root>h1{margin:0;padding:0}.tutpanel--root{margin:0;padding:5rem;background-color:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tutpanel--root>h1{margin:0;padding:0}.searchpanel--root{margin:0;padding:5rem;background-color:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.searchpanel--root>h1{margin:0;padding:0}.i18npanel--root{margin:0;padding:5rem;background-color:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.i18npanel--root>h1{margin:0;padding:0}.playpanel--root{margin:0;padding:50px;background-color:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tp-root{display:flex;flex-direction:column;gap:12px}.tp-tablist{display:flex;gap:8px;flex-wrap:wrap}.tp-tab{border:1px solid #cfcfcf;background:#f7f7f7;padding:8px 10px;border-radius:8px;cursor:pointer}.tp-tab--active{background:#fff;border-color:#8a8a8a}.tp-tab--disabled{opacity:.5;cursor:not-allowed}.tp-panel{border:1px solid #cfcfcf;border-radius:10px;padding:12px;background:#fff}body{margin:0;padding:0}button{background-color:#0000}.button_wrapper{padding:20px}shader-canvas{display:block;width:800px;height:400px}.root{width:100%}.homepage{width:100%;margin:0;padding:0}.title-container{margin:auto;padding-top:20vh;width:650px}.menu-container{margin:auto;margin-top:2rem;width:200px;min-height:200px;background-color:#dfd;padding:2rem 5rem}.logo{opacity:.8}.logo-box,.login-box,.search-box,.fundme-box{padding:20px}.fundme-box button{background-color:#0000;border:none}.tutorial-box,.i18n-box,.fav-box,.play-box{padding:20px}.flags-panel{display:flex;margin:20px 0}.contact-form{max-width:640px}.row{display:grid;grid-template-columns:120px 1fr;gap:.5rem;align-items:center;margin-bottom:1rem}.topics{margin-bottom:1rem}.topics-label{display:block;margin-bottom:.5rem}.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.checkbox{display:flex;gap:.4rem;align-items:center}.textarea-group{margin-bottom:1rem;width:90%}.textarea-group textarea{width:120%;height:12rem}.textarea-group label{display:block;margin-bottom:.3rem}button{margin-top:.5rem}.loginPanel{width:100%}.loginGrid{display:grid;grid-template-columns:90px 1fr;gap:22px 14px;align-items:center;background:linear-gradient(to bottom,#9b9bff80,#00f 70%);padding:30px}.lpLabel{justify-self:start}.lpInput{width:100%;min-height:36px;padding:8px 10px;box-sizing:border-box}.lpRowFull{grid-column:1 / -1}.lpCheckbox{display:inline-flex;gap:10px;align-items:center}.lpActions{display:flex;justify-content:flex-start}.lpButton{min-height:36px;padding:8px 14px}.registerPanel{width:100%}.registerGrid{display:grid;grid-template-columns:110px 1fr;gap:22px 14px;align-items:center;background:linear-gradient(to bottom,#9b9bff80,#00f 70%);padding:30px}.rpLabel{justify-self:start}.rpInput{width:100%;min-height:36px;padding:8px 10px;box-sizing:border-box}.rpRowFull{grid-column:1 / -1}.rpCheckbox{display:inline-flex;gap:10px;align-items:center}.rpActions{display:flex;justify-content:flex-start}.rpButton{min-height:36px;padding:8px 14px}.tut_text-root{background-color:#caffee;height:200px;padding:1rem}.tut_text-root>h1{margin:0;padding:0}.categories-root{background-color:#cae32e;height:200px;padding:1rem}.categories-root>h1{margin:0;padding:0}.favorites-root{background-color:#fae32e;height:200px;padding:1rem}.favorites-root>h1{margin:0;padding:0}.fund_me-root{background-color:#fae3be;height:200px;padding:1rem}.fund_me-root>h1{margin:0;padding:0}.payments-root{background-color:#af8eeb;height:200px;padding:1rem}.payments-root>h1{margin:0;padding:0}.change_password-root{background-color:#af9e5b;height:200px;padding:1rem}.change_password-root>h1{margin:0;padding:0}.chat-root{background-color:#e4a7a7;height:200px;padding:1rem}.chat-root>h1{margin:0;padding:0}.riff-root{background-color:#00f;height:200px;padding:1rem}.riff-root>h1{margin:0;padding:0}.beach-root{background-color:#ff0;height:200px;padding:1rem}.beach-root>h1{margin:0;padding:0}.tutvideo-root{background-color:#5e9;min-height:200px;margin:auto}.vidtut-root{background-color:#5e9;min-height:300px}.vidtut-root>h3{margin-left:1rem}.try-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 30px;background-color:#f2f5f9}.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;background:linear-gradient(to left,#9b9bffcc,#6464ff 40%)}.vidtut-grid{display:grid;grid-template-columns:1fr;gap:30px;background-color:#a2a5a9;padding:5rem;width:900px;margin:auto}