@font-face{font-family:PixelFont;src:local("PixelFont"),url(/assets/rainyhearts-C-NYzKXz.ttf) format("truetype")}:root{--leaf: #a4c263;--grass: #629513}.App{background-color:var(--grass);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23629513' cx='50' cy='0' r='50'/%3E%3Cg fill='%235c8f14' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23558915' cx='50' cy='100' r='50'/%3E%3Cg fill='%234f8316' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23497e17' cx='50' cy='200' r='50'/%3E%3Cg fill='%23447817' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%233e7217' cx='50' cy='300' r='50'/%3E%3Cg fill='%23396c17' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23346617' cx='50' cy='400' r='50'/%3E%3Cg fill='%232f6117' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%232a5b16' cx='50' cy='500' r='50'/%3E%3Cg fill='%23255515' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23215015' cx='50' cy='600' r='50'/%3E%3Cg fill='%231c4a14' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23184513' cx='50' cy='700' r='50'/%3E%3Cg fill='%23153f11' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23113a10' cx='50' cy='800' r='50'/%3E%3Cg fill='%230e350f' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%230b2f0d' cx='50' cy='900' r='50'/%3E%3Cg fill='%23092a0a' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23072507' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;background-size:contain;display:flex;flex-direction:column;min-height:100vh;font-family:PixelFont}body{margin:0}button,input{font-family:inherit}.site-wrapper{display:grid;grid-template-columns:1fr min(256px,100%) 1fr;grid-template-rows:100vh;overflow:hidden}.game-wrapper{grid-column:2;display:flex;flex-direction:column;align-items:center;max-width:256px;padding:15px 0;background-color:#121212;max-height:63vh;transform:scale(1.5) translateY(16%)}@media screen and (min-width:768px){.game-wrapper{max-height:46.8vh;transform:scale(2) translateY(25%)}}@media screen and (min-width:1020px){.game-wrapper{transform:scale(3) translateY(29%);height:31.5vh}}.egg:hover{transform:scale3d(1.1,1.1,1.1);transition:transform .2s}.facing-left{transform:rotateY(180deg)}.button-no-style{background-color:transparent;border:none}.game-grid{width:256px;height:256px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(7,1fr);position:relative}.center-in-grid{grid-column:3;grid-row:4}.left-of-center{grid-column:2;grid-row:4}.right-of-center{grid-column:4;grid-row:4}.need-buttons{display:flex;justify-content:space-between;opacity:0}.top-bar{width:256px;height:40px}.needs.visible,.need-buttons.visible{opacity:1;transition:opacity 3s ease-in}.needs{display:flex;opacity:0;justify-content:space-between}.need-bar{border:2px solid black;border-radius:5px;background-color:#f0f8ff;padding:2px;display:flex;gap:2px;max-width:100px;max-height:10px}.notch{background-color:#000;width:1px;padding:3px;border-radius:1px;transition:background-color .2s ease-in-out}.notch-transparent{background-color:#dbdada;width:1px;padding:3px;border-radius:1px;transition:background-color 8s ease-in-out}.need-icon{font-size:70%}.admin-panel{border:2px solid black;border-radius:5px;background-color:#f0f8ff;width:256px;position:absolute;transform:translateY(190%)}.pet-name{color:var(--leaf);position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.enter-name{position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);padding:0;z-index:20}.enter-name input{background-color:var(--leaf);border:var(--grass) 1px solid;border-radius:5px;transition:opacity 1s ease-in;opacity:1}.enter-name:selection{border:yellow 1px solid}.prompt{color:var(--grass);position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);font-family:PixelFont}.new-pet-button{position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);padding:3px;z-index:20;background-color:var(--leaf);border:var(--grass) 2px solid;border-radius:4px}.emotion-bubble{position:absolute;transform:translate(-50%,-50%);top:-20%;left:50%}