.beach-riff-layout{position:fixed;inset:0}.texture-layer{position:absolute;z-index:-10}svg-tile-layer{position:absolute;inset:0}.bg1{z-index:-5}.bg2{z-index:-6}.bg3{z-index:-7}.bg4{z-index:-8}.bg5{z-index:-9}. .component-layer{position:absolute;inset:0;z-index:10;background-color:#14141400}.component-layer--beach{position:absolute;inset:0;background-color:#0003}.component-layer--beach .palms{position:absolute;top:0;left:0;right:0;height:content;z-index:11}.component-layer--riff{position:absolute;inset:0;display:grid;grid-template-columns:5rem 1fr;grid-template-rows:5rem 1fr;background-color:#0003}.gaoc-content--container{margin:50px}.overlay-layer{position:fixed;inset:0;z-index:100;margin:10px;padding:200px;background-color:#14141480;display:none}.fund-button--container{padding:0}.fund-button--container svg-tile-button{height:50px}.user-button--container{padding:0}.user-button--container svg-tile-button{width:100px;margin-left:80px}.navbar{background-color:#fff0;margin-right:20px}.navbar>ul{display:flex;align-items:center}.navbar>ul>li{list-style:none}.search-button--container{padding:0}.search-button--container svg-tile-button{height:50px}.logo--container{margin:15px}.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-top:260px;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}.nav-button--container{width:50px;height:50px;padding:0;margin-left:20px;margin-bottom:40px}.nav-button--container svg-tile-button{width:50px;height:50px}.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(/gaoc/assets/Eels-bnfaXl9M.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.cat--root{width:100%;height:12rem;background-image:url(/gaoc/assets/Book-ClZ6HNcz.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.game-card{display:grid;grid-template-rows:1fr 1fr 1fr;background:#717171;color:#fff;border-radius:18px;overflow:hidden;height:160px}.game-card-thumb img{width:80px}.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:contain}}.favpanel--root{margin:0;padding:2rem;background-color:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:90%}.favpanel--root>h1{margin:0;padding:0}.favPanel--grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:40px;margin-top:20px;height:90%}.favPanel--cell{background-color:#9b9b7a99;padding:20px}.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}.gamearena--root{margin:10px;padding:50px;background-color:#05050566;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body{margin:0;padding:0}button{background-color:#0000;width:60px;height:60px}.side-nav--button{width:60px;height:60px}.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,.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}