@import "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&family=Press+Start+2P&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(#f6faff,#a6c0fc,#678ff4);height:100%;font-family:Geist,Geist Fallback,system-ui,sans-serif;overflow-x:hidden}@media only screen and (min-width:2000px){p{font-size:1.8rem}}@media only screen and (min-width:2000px){h2{font-size:2.5rem}}a{color:inherit;text-decoration:none}.intro-container{text-align:center;z-index:10;border-bottom:4px solid #000;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:92vh;margin:0 auto;padding:1rem;display:flex;position:relative}@media only screen and (max-width:769px){.intro-container{gap:6px;width:100%;padding:1rem 2%}}@media only screen and (min-width:2000px){.intro-container{gap:12px}}.badge-left{color:#fff;background:#005eff;padding:1rem 2rem;font-size:2rem;display:block;position:absolute;top:40vh;left:25vw;transform:rotate(-15deg);box-shadow:10px 10px #000}@media only screen and (max-width:769px){.badge-left{display:none}}@media only screen and (min-width:2000px){.badge-left{font-size:3rem}}.badge-right{color:#fff;background:#000;padding:1rem 2rem;font-size:2rem;display:block;position:absolute;top:40vh;right:20vw;transform:rotate(15deg);box-shadow:10px 10px #005eff}@media only screen and (max-width:769px){.badge-right{display:none}}@media only screen and (min-width:2000px){.badge-right{font-size:3rem}}.card-container{margin:32px;animation:8s infinite card-bounce}.riley-card{border:5px solid #000;border-radius:20px;max-width:90%;max-height:45vh;transition:all .4s;box-shadow:15px 15px #000}@media only screen and (max-width:769px){.riley-card{max-height:40vh}}@media only screen and (min-width:2000px){.riley-card{height:35vh}}@keyframes card-bounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-20px)rotate(3deg)}}.about-container{text-align:center;background-color:#1d74ff;border-bottom:4px solid #000;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:24px;display:flex}@media only screen and (max-width:769px){.about-container{padding:24px 2%}}.about-img{border:2px solid #000;border-radius:15px;max-height:30vh}@media only screen and (min-width:2000px){.about-img{max-height:unset;height:30vh}}.small-img{max-height:8vh}@media only screen and (min-width:2000px){.small-img{max-height:unset;height:3vh}}.about-text{text-align:center;background-color:#fff;border:4px solid #000;border-radius:35px;flex-direction:column;justify-content:center;align-items:center;margin:24px;padding:24px;display:flex;box-shadow:8px 8px #000}@media only screen and (max-width:769px){.about-text{margin:24px 0}}.intro-logo{max-width:90vw;max-height:15vh}@media only screen and (min-width:2000px){.intro-logo{max-height:20vh}}.intro-title{-webkit-text-stroke:2px black;color:#fff;text-shadow:5px 5px #000;font-family:"Press Start 2P";font-size:6rem;font-weight:700}@media only screen and (max-width:769px){.intro-title{text-shadow:3px 3px #000;-webkit-text-stroke:1px black;font-size:3rem}}.intro-subtitle{-webkit-text-stroke:1px black;color:#fff;text-shadow:3px 3px #000;font-family:"Press Start 2P";font-size:2rem;font-weight:700}@media only screen and (max-width:769px){.intro-subtitle{text-shadow:0 0 #000;-webkit-text-stroke:.5px black;font-size:18px}}@media only screen and (min-width:2000px){.intro-subtitle{font-size:48px}}.lg-container{flex-direction:column;justify-content:center;gap:32px;width:60%;min-height:100vh;margin:auto;padding-top:24px;display:flex}@media only screen and (max-width:769px){.lg-container{width:95%}}@media only screen and (min-width:2000px){.lg-container{width:70%}}.lg-subtitle{text-align:center;-webkit-text-stroke:1px black;color:#fff;text-shadow:3px 3px #000;font-family:"Press Start 2P";font-size:2rem;font-weight:700;line-height:2.5rem}@media only screen and (max-width:769px){.lg-subtitle{text-shadow:0 0 #000;-webkit-text-stroke:.2px black;font-size:18px;line-height:24px}}@media only screen and (min-width:2000px){.lg-subtitle{text-shadow:4px 4px #000;font-size:48px;line-height:56px}}.rainbow-hp{color:#84d7fc;text-align:center;text-shadow:0 0 20px #84d7fc;background-color:#000;border:4px solid #84d7fc;border-radius:30px;width:fit-content;margin:0 auto 2rem;padding:15px;font-family:"Press Start 2P";font-size:2rem;animation:3s infinite rainbow;display:inline-block;box-shadow:0 0 10px #84d7fc}@media only screen and (max-width:769px){.rainbow-hp{margin-bottom:0;font-size:1rem}}@media only screen and (min-width:2000px){.rainbow-hp{font-size:3rem}}.rainbow-lg{color:#84d7fc;text-shadow:0 0 20px #84d7fc;border:4px solid #84d7fc;border-bottom:unset;background-color:#000;border-top-left-radius:30px;border-top-right-radius:30px;padding:15px;font-family:"Press Start 2P";font-size:1rem;animation:3s infinite rainbow;display:inline-block;box-shadow:0 0 1px #84d7fc}@media only screen and (min-width:2000px){.rainbow-lg{font-size:2rem}}.lg-left{margin-right:auto}.lg-left .lg-box{border-top-left-radius:0}.lg-right{flex-direction:column;align-items:flex-end;display:flex}.lg-right .lg-box{border-top-right-radius:0}.lg-box{text-align:left;background-color:#fff;border:4px solid #000;border-radius:30px;flex-direction:column;justify-content:center;gap:6px;padding:16px;display:flex;box-shadow:10px 10px #000}.c-container{flex-direction:column;justify-content:center;gap:24px;width:80%;min-height:100vh;margin:auto auto 10vh;display:flex}@media only screen and (max-width:769px){.c-container{width:95%;min-height:unset;gap:12px;margin:20vh auto}}.a-card{text-align:center;background-color:#fff;border:4px solid #000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:20vw;padding:32px 48px;font-family:"Press Start 2P";font-weight:800;transition:all .2s ease-in-out;display:flex;box-shadow:10px 10px #000}@media only screen and (max-width:769px){.a-card{max-width:unset;width:80%}}@media only screen and (min-width:2000px){.a-card{gap:24px}}.a-card:hover{transform:translate(-3px,-3px);box-shadow:13px 13px #000}.a-card h2{font-size:32px}.a-card p{font-size:18px}.c-wrapper{flex-direction:row;justify-content:center;align-items:center;gap:48px;width:100%;display:flex}@media only screen and (max-width:769px){.c-wrapper{flex-direction:column;gap:24px}}.c-card{text-align:center;cursor:pointer;background-color:#fff;border:4px solid #000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:20vw;padding:32px 48px;transition:all .2s ease-in-out;display:flex;box-shadow:10px 10px #000}@media only screen and (max-width:769px){.c-card{max-width:unset;width:80%}}@media only screen and (min-width:2000px){.c-card{gap:24px}}.c-card:hover{transform:translate(-3px,-3px);box-shadow:13px 13px #000}.c-card h2{transition:all .2s ease-in-out}.c-card:hover h2{color:#84d7fc}.c-card h1{background-color:#000;border:4px solid #84d7fc;border-radius:20px;padding:24px;font-size:32px}@media only screen and (min-width:2000px){.c-card h1{font-size:48px}}.ca-btn{color:#000;text-align:center;cursor:pointer;background-color:#fff;border:4px solid #000;border-radius:30px;justify-content:center;align-items:center;gap:2px;margin-bottom:2rem;padding:15px;font-family:"Press Start 2P";font-size:.8rem;transition:all .2s ease-in-out;display:flex;box-shadow:5px 5px #000}@media only screen and (max-width:769px){.ca-btn{white-space:nowrap;text-overflow:ellipsis;max-width:95%;overflow:hidden}}@media only screen and (min-width:2000px){.ca-btn{font-size:2rem}}.copy-svg{width:16px;height:16px}@media only screen and (max-width:769px){.copy-svg{width:24px;height:24px}}@media only screen and (min-width:2000px){.copy-svg{width:36px;height:36px}}.truncate{text-overflow:ellipsis;white-space:nowrap;direction:ltr;overflow:hidden}.ca-btn:hover{transform:scale(1.05)}@keyframes rainbow{to{filter:hue-rotate(360deg)}}.ability{color:#333;margin:2rem 0;font-size:2.5rem;font-style:italic}.flavor-text{color:#0f0;background:#000;border-radius:15px;padding:1.5rem;font-size:2rem;display:inline-block;transform:rotate(-1deg)}.header{z-index:50;color:#fff;background-color:#000;border-bottom:4px solid #84d7fc;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:8vh;padding:0 3vw;font-family:"Press Start 2P";display:flex;position:sticky;top:0}.header-logo{cursor:pointer;max-height:64px}@media only screen and (max-width:769px){.header-logo{max-height:48px}}@media only screen and (min-width:2000px){.header-logo{max-height:10vh}}.header-left{flex-direction:row;justify-content:center;align-items:center;gap:6px;display:flex}.header-middle{justify-content:center;align-items:center;gap:24px;display:flex}.header-burger{z-index:15;color:#fff;justify-content:center;align-items:center;margin-left:auto;font-size:24px;display:flex}.header-middle a{color:#fff;cursor:pointer;text-decoration:none;transition:all .2s ease-in-out}@media only screen and (min-width:2000px){.header-middle a{font-size:24px}}.header-middle a:hover{color:#84d7fc;text-decoration:underline}.btn{text-align:center;color:#fff;cursor:pointer;background-color:#1d74ff;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;padding:12px;font-size:12px;transition:all .2s ease-in-out;display:flex;box-shadow:3px 3px #84d7fc}@media only screen and (min-width:2000px){.btn{padding:24px;font-size:32px;box-shadow:6px 6px #84d7fc}}.btn:hover{transform:translate(-3px,-3px);box-shadow:6px 6px #84d7fc;color:#fff!important;text-decoration:none!important}@media only screen and (min-width:2000px){.btn:hover{box-shadow:9px 9px #84d7fc}}.pfp-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin-top:10vh;display:flex}@media only screen and (max-width:769px){.pfp-container{min-height:unset;gap:12px;margin:20vh 0}}@media only screen and (min-width:2000px){.pfp-container{gap:24px}}.counter img{border:10px solid #fff;box-shadow:0 0 20px #000c}.counter-text{color:#fff;text-shadow:5px 5px #000;font-size:3.5rem;animation:2s infinite bounce}.ic-wrapper{background-color:#fff;border:4px solid #000;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;gap:24px;min-width:40%;max-width:90%;margin:2rem auto;padding:1rem;font-family:sans-serif;display:flex;box-shadow:10px 10px #000}@media only screen and (max-width:769px){.ic-wrapper{flex-direction:column;max-width:95%}}.ic-upload-box{text-align:center;cursor:pointer;border:2px dashed #888;border-radius:10px;width:100%;padding:1.5rem;transition:all .2s ease-in-out}@media only screen and (min-width:2000px){.ic-upload-box{font-size:1.8rem}}.ic-upload-box:hover{border:2px dashed #0bf}.ic-for-capture{box-sizing:border-box;background:#fff;display:inline-block;position:relative;overflow:visible!important}.ic-preview{border:8px dashed #0c2037;justify-content:center;align-items:center;width:100%;margin:1rem auto;display:flex;position:relative;overflow:hidden}.ic-base-img{width:auto;height:auto;max-height:60vh;display:block}.ic-accessory{transform-origin:50%;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto;position:absolute;top:50%;left:50%}.ic-accessory img{max-width:none;display:block}.ic-controls{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:40%;display:flex}@media only screen and (max-width:769px){.ic-controls{width:100%}}@media only screen and (min-width:2000px){.ic-controls{font-size:2.5rem}}.ic-row{flex-direction:column;gap:.5rem;display:flex}.ic-accessory-controls{align-items:center;gap:.5rem;display:flex}.ic-controls input[type=range]{width:100%}.ic-button-row{flex-wrap:wrap;gap:.5rem;display:flex}.ic-button-row button{color:#fff;cursor:pointer;background:#222;border:1px solid #555;border-radius:6px;padding:.6rem 1rem;transition:all .15s}.ic-button-row button:hover{background:#444}.riley-footer{color:#fff;background:#000;border-top:4px solid #84d7fc;margin-top:auto;padding:3rem 2rem 2rem;font-family:system-ui,sans-serif}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;width:70%;margin:0 auto;display:flex}@media only screen and (max-width:769px){.footer-content{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:95%}}.footer-left{align-items:center;gap:1rem;display:flex}.footer-img{max-height:8vh}@media only screen and (min-width:2000px){.footer-img{max-height:10vh}}.footer-links{flex-direction:row;display:flex}@media only screen and (max-width:769px){.footer-links{text-align:center;flex-direction:column;gap:12px}}.footer-links a{color:#fff;margin-left:2rem;font-size:1.1rem;text-decoration:none;transition:color .2s}@media only screen and (min-width:2000px){.footer-links a{font-size:2rem}}@media only screen and (max-width:769px){.footer-links a{margin:unset}}.footer-links a:hover{color:#84d7fc}.divider{border:none;border-top:1px solid #84d7fc;max-width:60%;margin:2.5rem auto 1.5rem}.footer-bottom{text-align:center;margin:0 auto}.disclaimer{color:#a6b3c6;margin:0 0 1rem;font-size:.8rem}@media only screen and (min-width:2000px){.disclaimer{font-size:1.2rem}}.catchphrase{color:#ffcb05;margin:0;font-size:1.2rem;font-weight:700}.sidenav-wrapper{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:64px;margin:auto;padding-top:6px;display:flex}.sidenav{color:#fff;z-index:10;-webkit-backdrop-filter:blur(20px);background:#000000f2;width:0;height:100vh;transition:all .4s ease-in-out;position:fixed;top:0;right:0;overflow-x:hidden}.sidenav-content{flex-direction:column;justify-content:center;align-items:center;gap:32px;width:80%;margin:96px auto 32px;display:flex}.desktop{display:flex!important}@media only screen and (max-width:769px){.desktop{display:none!important}}.mobile{display:none!important}@media only screen and (max-width:769px){.mobile{display:flex!important}}
