*{margin:0;padding:0;box-sizing:border-box}body,div#root{width:100%;min-height:100vh}@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P.ttf) format("truetype")}:root{--background-color: #ffffff;--text-color: #213547;--hoshino-text-red: #ff1b1b;--font-family: "Times New Roman", serif;--font-size: 16px;--border-color: rgba(89, 89, 89, 1);--hoshino-text-pink: rgba(239, 169, 224, 1);--hoshino-pink: rgba(248, 216, 225, 1)}*{margin:0;padding:0;position:relative;box-sizing:border-box;font-family:var(--font-family);color:var(--text-color)}html{font-size:16px;scroll-behavior:smooth}body{width:100%;min-height:100vh;background-image:url(/graphics/pattern_bg.png);background-repeat:repeat;background-size:500px auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.layout{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}main{max-width:1066px;width:100%;margin:46px;padding:1.625rem;border-radius:38px;background-image:url(/graphics/pattern_bg_5.png);background-repeat:repeat;background-size:auto;border:2px solid var(--border-color);box-shadow:inset 0 20px 0 0 var(--hoshino-pink),inset 0 -10px 0 0 var(--hoshino-pink),inset 10px 0 0 0 var(--hoshino-pink),inset -10px 0 0 0 var(--hoshino-pink)}section{position:relative;border:2px solid var(--border-color);background-image:url(/graphics/pattern_bg_4.jpeg);background-repeat:repeat;background-size:auto}.mainSection{width:100%;padding:.625rem;display:flex;gap:20px;flex-direction:column;align-items:center;justify-content:center}nav.header{width:100%;background-image:url(/graphics/star_background.png);background-repeat:repeat-x;background-size:110% auto;background-position:5% 2%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}nav.header .headerNav .headerNavRow{display:flex;z-index:2001;align-items:center;justify-content:center;gap:20px}nav.header .headerNav .headerNavRow a{display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:2rem;font-family:Times New Roman,Times,serif;color:var(--hoshino-text-pink);font-style:regular;font-weight:400}.licenseImage{max-width:100%;border-radius:8px}footer{width:100%;background-image:url(/graphics/star_background.png);background-repeat:repeat-x;background-size:110% auto;background-position:5% 2%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;padding:40px}footer .headerNav .headerNavRow{display:flex;align-items:center;justify-content:center;gap:20px}footer .headerNav .headerNavRow a{display:flex;align-items:center;font-family:Times New Roman,Times,serif;justify-content:center;font-size:2rem;color:var(--hoshino-text-pink);font-style:regular;font-weight:300}footer img:last-child{-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scaleX(-1)}.standardWidget{padding:10px}.standardWidget img{max-width:100%;height:auto}.sideBar{display:flex;flex-direction:column;gap:10px}.minHeight{min-height:150px}.background_1{background-image:url(/graphics/pattern_bg_2.jpg);background-repeat:repeat;background-size:200px auto}.background_2{background-image:url(/graphics/pattern_bg_5.png);background-repeat:repeat;background-size:200px auto}.width_100{width:100%}div.homeGrid_1{display:grid;width:100%;grid-template-columns:195px 1fr 195px;gap:10px}div.homeGrid_1 .bannerImage{max-width:100%}div.homeGrid_1 .sidebarRight,div.homeGrid_1 .sidebarLeft{justify-content:space-between}div.homeGrid_1 .sidebarImage{border-radius:8px}div.homeGrid_1 .widget_1{background-image:url(/frames/widget_1_box.png);background-repeat:repeat;background-position:center;background-size:100% 100%}div.homeGrid_1 .widget_2{background-image:url(/frames/widget_2_box.png);background-repeat:repeat;background-size:100% 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}div.homeGrid_1 .widget_2 .widget_2_image{background-image:url(/frames/widget_2_gif_frame.png);background-size:100% 100%;padding:5px}div.homeGrid_1 .widget_2 .widget_2_text{background-image:url(/frames/widget_2_text_frame.png);width:100%;background-size:100% 100%;padding:.5rem}div.homeGrid_1 .widget_2 .widget_2_text h2{font-size:1rem;font-weight:400;text-decoration:underline;text-align:center}div.homeGrid_1 .widget_3{background-image:url(/frames/widget_3_box.png);background-size:100% 100%;height:265px}div.homeGrid_1 .widget_4{background-image:url(/graphics/cute_frame.png);background-repeat:no-repeat;background-size:100% auto;width:100%;height:130px;padding:10px}.mainContent{display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.mainContent .heroContainer{width:100%;background-image:url(/frames/splash_frame.png);background-repeat:repeat;background-size:100% 100%;min-height:380px;padding:10px}.mainContent .heroContainer .heroContainerInner{width:100%;height:100%;background-image:url(/frames/splash_frame_inner.png);background-size:100% 100%}.mainContent .heroContainerText{padding:.75rem;width:100%;background-image:url(/borders/header_text_frame.png);background-repeat:no-repeat;background-size:100% 100%}.mainContent .heroContainerText h1{text-align:center;color:#ba8d8d;font-family:Times New Roman,Times,serif;font-size:2rem;font-weight:400}.cuteBowRow{position:absolute;width:115%;top:-4rem;display:flex;z-index:2000;justify-content:space-between}.characterContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:10px;gap:.5rem;background-repeat:no-repeat;background-size:100% 100%;background-position:center}.characterContainer .characterDescription{background-repeat:no-repeat;background-size:cover;background-position:center;width:286px;height:262px;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.characterContainer .characterDescription h2{font-size:2rem;text-transform:uppercase;margin-bottom:.5rem;color:inherit}.characterContainer .characterDescription p{font-size:1rem;margin-bottom:.5rem;color:inherit}.characterContainer img.charm{position:absolute}.characterContainer img.charm.charmTopLeft{top:0;left:0}.characterContainer img.charm.charmTopRight{top:0;right:0}.characterContainer img.charm.charmBottomRight{bottom:0;right:0}.characterContainer img.charm.charmBottomLeft{bottom:0;left:0}.characterContainer .characterPicture{flex:1 1 0;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.characterContainer .characterPicture img{max-height:200px;width:auto}.characterContainer.frame_1{background-image:url(/graphics/aro/aro_background.png)}.characterContainer.frame_1 .characterDescription{background-image:url(/graphics/aro/frame_aro.png);color:#b1ae5c}.characterContainer.frame_2{background-image:url(/graphics/zaniah/zaniah_background.png)}.characterContainer.frame_2 .characterDescription{background-image:url(/graphics/zaniah/frame_zaniah.png);color:#8e8e8e}.characterContainer.frame_3{background-image:url(/graphics/lyra/lyra_background.png)}.characterContainer.frame_3 .characterDescription{background-image:url(/graphics/lyra/frame_lyra.png);color:#ba7856}.characterContainer.frame_4{background-image:url(/graphics/orion/orion_background.png)}.characterContainer.frame_4 .characterDescription{background-image:url(/graphics/orion/frame_orion.png);color:#4f79af}.characterContainer.frame_5{background-image:url(/graphics/sirius/sirius_background.png)}.characterContainer.frame_5 .characterDescription{background-image:url(/graphics/sirius/frame_sirius.png);color:#949494}.characterFrameWithBorder{max-width:100%;position:relative;display:flex;align-items:center;justify-content:center;height:262px}.characterFrameWithBorder svg{max-width:100%;width:100%;height:262px;position:absolute;top:0;left:0;z-index:10}.characterFrameWithBorder .characterImage{max-height:200px;width:auto;z-index:20}.eggContainer{background-image:url(/borders/egg_background.png);background-size:100% 100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem .5rem;aspect-ratio:1/1}.eggContainer .eggHeader{width:100%;background-image:url(/borders/egg_text_frame.png);background-size:100% 100%;display:flex;align-items:center;justify-content:center;padding:.8rem;color:red}.eggBody{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;cursor:pointer}.eggBody.shake{animation:eggShake .5s ease-in-out}@keyframes eggShake{0%{transform:translate(0)}15%{transform:translate(-5px) rotate(-3deg)}30%{transform:translate(5px) rotate(3deg)}45%{transform:translate(-3px) rotate(-2deg)}60%{transform:translate(3px) rotate(2deg)}75%{transform:translate(-1px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.jigglyImage{animation:periodicJiggle 5s infinite}@keyframes periodicJiggle{0%{transform:translate(0) rotate(0)}1%{transform:translate(-2px) rotate(-1deg)}2%{transform:translate(2px) rotate(1deg)}3%{transform:translate(-1px) rotate(-.5deg)}4%{transform:translate(1px) rotate(.5deg)}5%{transform:translate(0) rotate(0)}95%{transform:translate(0) rotate(0)}96%{transform:translate(-1px) rotate(-.5deg)}97%{transform:translate(1px) rotate(.5deg)}98%{transform:translate(-.5px) rotate(-.25deg)}99%{transform:translate(.5px) rotate(.25deg)}to{transform:translate(0) rotate(0)}}.shardContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background-image:url(/frames/shards_frame.png);background-repeat:no-repeat;background-size:100% 100%;width:100%;height:675px}.shardContainer .shardLogo{width:60%}.shardContainer h1.shardDescription{text-align:center;color:#ba8d8d;font-family:Times New Roman,Times,serif;font-size:2rem;font-weight:400}.shardControls{background-color:#fff;padding:5px;border:2px solid var(--border-color);display:flex;justify-content:space-between}.shardControls .leftControls,.shardControls .centerControls,.shardControls .rightControls{display:flex;align-items:center;gap:5px}.shardControls img{width:63px;height:auto}