.background{background-color:#f9f6e5;min-width:100vw;min-height:100vh}.background-mametchi{background-image:url(/mametchi-background.png),url(/mametchi-background.png);background-position:0 0,200px 200px;background-repeat:repeat;background-size:400px 400px}.square-wrap{width:min(100%,800px);position:relative}.mametchi{z-index:0;animation:20s linear infinite animateMametchi;position:absolute}.mametchi:hover{cursor:pointer}@keyframes animateMametchi{0%{top:50%;left:calc(50% + 365px);transform:translate(0)rotate(90deg)}9.0909%,15%{top:50%;left:calc(50% + 365px);transform:translate(25px)rotate(90deg)}18.1818%{top:50%;left:calc(50% + 365px);transform:translate(-25px)rotate(90deg)}27.2727%{top:auto;bottom:0;left:50%;transform:translateY(-25px)rotate(180deg)}36.3636%,42%{top:auto;bottom:0;left:50%;transform:translateY(25px)rotate(180deg)}45.4545%{top:auto;bottom:0;left:50%;transform:translateY(-25px)rotate(180deg)}54.5455%{top:50%;left:calc(50% - 398px);transform:translate(25px)rotate(270deg)}63.6364%,68%{top:50%;left:calc(50% - 398px);transform:translate(-25px)rotate(270deg)}72.7273%{top:50%;left:calc(50% - 398px);transform:translate(25px)rotate(270deg)}81.8182%{top:0;bottom:auto;left:50%;transform:translateY(25px)rotate(360deg)}90.9091%,95%{top:0;bottom:auto;left:50%;transform:translateY(-25px)rotate(360deg)}to{top:0;bottom:auto;left:50%;transform:translateY(25px)rotate(360deg)}}.caught-text{z-index:1;margin-bottom:5px;margin-left:20px;top:50%}.mametchi-caught{z-index:0;top:50%}.parentMametchi{width:90px;position:absolute;left:calc(50% + 400px)}a{color:#0070e0}.link-text{float:left}.flex{border-radius:20px;justify-content:center;align-items:center;min-height:100vh;display:flex}.square{z-index:1;background-color:#fff8dc;grid-template:"icon-sidebar content"5fr"icon-sidebar description"3fr/1fr 4fr;width:100%;max-width:800px;min-height:400px;display:grid;position:relative}.next-icon{background-image:url(/arrow.png);background-repeat:no-repeat;background-size:8px 8px;width:8px;height:8px;margin-left:5px;display:inline-block}.prev-icon{background-image:url(/prev-arrow.png);background-repeat:no-repeat;background-size:8px 8px;width:8px;height:8px;margin-right:5px;display:inline-block}.prev-button{margin-right:auto;font-weight:700;position:static}.next-button{margin-left:auto;font-weight:700;position:static}.set-of-buttons{justify-content:space-between;margin-top:auto;display:flex}.text-container{flex-direction:column;flex:1;display:flex;position:relative}.square>.description{flex-direction:column;display:flex}.next-button:hover,.prev-button:hover{cursor:pointer}.description{border:16px solid #0000;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background-color:#fff0e9;border-image-source:url(/dialogue.png);border-image-slice:8 fill;border-image-width:30px;border-image-repeat:stretch;grid-area:description;padding:12px;font-size:.7rem;line-height:2}.content{width:640px;height:360px;image-rendering:pixelated;background-image:url(/room.png);background-repeat:no-repeat;background-size:640px 360px;grid-area:content;justify-content:center;align-items:center;display:flex}.icon-sidebar{background-color:#dc9b9b;flex-direction:column;grid-area:icon-sidebar;align-items:center;height:100%;padding-top:30px;padding-bottom:30px;display:flex}.icon{flex-direction:column;align-items:center;height:100%;font-size:.8rem;display:flex}.icon:hover{cursor:grab}.icon-image{image-rendering:pixelated;background-repeat:no-repeat;background-size:50px 50px;width:50px;height:50px}.transition-container{animation:.4s ease-in playTransition}@keyframes playTransition{0%{opacity:0}to{opacity:1}}.pixel-art-waving{image-rendering:pixelated;background-image:url(/waving.png);background-repeat:no-repeat;background-size:256px 128px;width:128px;height:128px;animation:1s steps(2,end) infinite playWaving;position:relative;top:70px;right:30px}@keyframes playWaving{0%{background-position:0 0}to{background-position:-256px 0}}.pixel-art-knitting{image-rendering:pixelated;background-image:url(/knitting.png);background-repeat:no-repeat;background-size:256px 128px;width:128px;height:128px;animation:1s steps(2,end) infinite playKnitting;position:relative;top:70px;right:30px}@keyframes playKnitting{0%{background-position:0 0}to{background-position:-256px 0}}.pixel-art-computer{image-rendering:pixelated;background-image:url(/computer.png);background-repeat:no-repeat;background-size:380px 128px;width:190px;height:128px;animation:1s steps(2,end) infinite playComputer;position:relative;top:70px;right:30px}@keyframes playComputer{0%{background-position:0 0}to{background-position:-380px 0}}.pixel-art-talking{image-rendering:pixelated;background-image:url(/talking.png);background-repeat:no-repeat;background-size:444px 160px;width:222px;height:160px;animation:1s steps(2,end) infinite playTalking;position:relative;top:70px;right:30px}@keyframes playTalking{0%{background-position:0 0}to{background-position:-444px 0}}.selection-group{flex-direction:column;align-items:start;gap:10px;width:fit-content;padding-top:15px;display:flex}.selection-icon{background-image:url(/arrow.png);background-repeat:no-repeat;background-size:8px 8px;width:8px;height:8px;margin-right:8px;display:inline-block}.selection-child:hover{font-weight:700}.description.modal-container{scrollbar-color:#403037 #fef7ef;background-color:#0000;width:600px;height:500px;margin:auto;left:150px;right:0}.modal-content{padding:40px}.modal-close-button{cursor:pointer;padding:5px 10px;position:absolute;top:10px;right:10px}.close-icon{background-image:url(/close-button.png);background-repeat:no-repeat;background-size:24px 24px;width:24px;height:24px}ul{list-style-type:"— "}@media screen and (max-width:850px){.square{grid-template:"icon-sidebar"1fr"content"3fr"description"2fr/1fr;max-width:100vw;overflow:scroll}.icon-sidebar{flex-direction:row;justify-content:space-around;width:100%;height:auto;padding:10px}.icon{flex:auto;width:auto;min-width:0;height:auto}.content{aspect-ratio:16/9;background-size:contain;width:100%;max-width:100%;height:auto}.description.modal-container{height:80%;margin:auto;left:0;right:0}.description{height:300px;font-size:.8rem}.prev-button{margin-right:auto;font-size:.9rem;font-weight:700;position:static}.next-button{margin-left:auto;font-size:.9rem;font-weight:700;position:static}}@media screen and (max-width:400px){.flex{align-items:normal}.square{overflow-x:scroll}.description{z-index:10;width:100vw;font-size:.7rem;position:fixed;top:60%}.description.modal-container{height:100%}.prev-button .next-button,.next-button{font-size:.8rem}}