@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Quicksand:wght@500;600;700&display=swap";*{box-sizing:border-box}body{margin:0}.tg-app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:radial-gradient(circle at 50% 20%,#3a3550,#211d30 60%,#16131f);font-family:Quicksand,sans-serif}.loading{color:#e8998d;font-family:"Press Start 2P",monospace;font-size:12px;text-align:center;margin-top:80px}.device{width:340px;max-width:92vw;background:linear-gradient(160deg,#f2c9b8,#e8998d 55%,#d97f72);border-radius:48% 52% 45% 55%/58% 50% 55% 45%;padding:34px 26px 28px;box-shadow:0 30px 60px #00000073,inset 0 4px 12px #ffffff59,inset 0 -10px 20px #78322840;position:relative}.device-label{text-align:center;font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:1.5px;color:#6b3a30;opacity:.7;margin-bottom:14px;display:flex;flex-direction:column;align-items:center;gap:6px}.logout-link{font-family:Quicksand,sans-serif;font-size:10px;letter-spacing:0;text-transform:none;background:none;border:none;color:#6b3a30;opacity:.85;cursor:pointer;padding:2px 4px;text-decoration:underline}.logout-link:hover{opacity:1}.screen{position:relative;background:#c9d6a3;border-radius:18px;padding:14px 12px 10px;box-shadow:inset 0 0 0 6px #3d3428,inset 0 6px 18px #00000059;overflow:hidden;min-height:300px}.screen-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(43,58,44,.05) 0px,rgba(43,58,44,.05) 1px,transparent 1px,transparent 3px)}.screen-top{display:flex;justify-content:space-between;align-items:center;font-family:"Press Start 2P",monospace;font-size:9px;color:#2b3a2c;margin-bottom:4px}.species-row{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:2px}.species-name{font-family:"Press Start 2P",monospace;font-size:7px;letter-spacing:.5px;color:#2b3a2c;text-align:center}.nickname-btn{background:none;border:none;font-family:Quicksand,sans-serif;font-weight:700;font-size:12px;color:#46331f;opacity:.85;cursor:pointer;padding:0;text-decoration:underline dotted}.nickname-btn:hover{opacity:1}.nickname-static{font-family:Quicksand,sans-serif;font-weight:700;font-size:12px;color:#46331f}.nickname-form{display:flex;align-items:center;gap:4px}.nickname-input{font-family:Quicksand,sans-serif;font-weight:600;font-size:12px;text-align:center;color:#2b3a2c;background:#dbe4bb;border:none;border-radius:6px;padding:3px 8px;width:120px;outline:none;box-shadow:inset 0 2px 3px #0003}.nickname-input:focus{box-shadow:inset 0 2px 3px #0003,0 0 0 2px #b44b36}.nickname-save{background:#2b3a2c;color:#c9d6a3;border:none;border-radius:6px;width:22px;height:22px;font-size:11px;cursor:pointer}.creature-wrap{position:relative;display:flex;flex-direction:column;align-items:center;min-height:140px;justify-content:center}.creature-grid{display:grid;grid-template-columns:repeat(13,8px);grid-template-rows:repeat(13,8px);animation:breathe 2.6s ease-in-out infinite}.species-hardtekk{filter:hue-rotate(0deg) saturate(1.15)}.species-industrial{filter:hue-rotate(165deg) saturate(1.1)}.species-psytrance{filter:hue-rotate(255deg) saturate(1.3)}.species-gabber{filter:hue-rotate(320deg) saturate(1.4)}.mood-eating{animation:chomp .5s ease-in-out infinite}.mood-playing{animation:bounce .4s ease-in-out infinite}.mood-cleaning{animation:sparkle .5s ease-in-out infinite}.mood-sleeping{animation:breathe 3.6s ease-in-out infinite;opacity:.85}.mood-dead{animation:none;opacity:.55;filter:grayscale(1)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes chomp{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(-2deg)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}@keyframes sparkle{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.3)}}.px{width:8px;height:8px}.px.off{background:transparent}.px.on{background:#2b3a2c}.px.eye,.px.mouth{background:#c9d6a3}.eye-neutral{background:#1c2a1d;border-radius:1px}.eye-happy{background:#1c2a1d;border-radius:50%;transform:scale(.85)}.eye-sad{background:#1c2a1d;border-radius:1px;transform:translateY(2px)}.eye-sleep{background:#1c2a1d;height:2px;margin-top:3px}.eye-dead{background:#1c2a1d}.mouth-happy{background:#1c2a1d;border-radius:0 0 4px 4px}.mouth-sad{background:#1c2a1d;border-radius:4px 4px 0 0}.poop-row{display:flex;gap:6px;margin-top:4px}.poop{width:10px;height:8px;background:#5b4632;border-radius:40% 40% 50% 50%;box-shadow:0 -4px 0 -1px #5b4632}.zzz{position:absolute;top:4px;right:10px;font-family:"Press Start 2P",monospace;font-size:9px;color:#2b3a2c;opacity:.7}.hatch-hint,.death-panel{text-align:center;font-family:"Press Start 2P",monospace;font-size:8px;color:#2b3a2c;line-height:1.8;margin-top:6px}.death-age{margin-top:4px;opacity:.75}.stats{margin-top:8px;display:flex;flex-direction:column;gap:4px}.bar-row{display:flex;align-items:center;gap:6px}.bar-icon{font-size:10px;width:14px;text-align:center}.bar-track{display:flex;gap:2px}.bar-seg{width:12px;height:8px;background:#2b3a2c2e}.bar-seg.filled{background:#2b3a2c}.bar-seg.filled.low{background:#b44b36}.msg-line{min-height:14px;text-align:center;font-family:"Press Start 2P",monospace;font-size:8px;color:#46331f;margin-top:6px}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;background:linear-gradient(160deg,#f5efe0,#e4dac2);border:none;border-radius:16px;padding:10px 3px 8px;font-family:Quicksand,sans-serif;font-weight:600;font-size:8.5px;line-height:1.15;color:#3d3428;cursor:pointer;box-shadow:0 4px #b9ab88,0 6px 10px #00000040;transition:transform .08s ease,box-shadow .08s ease;min-height:62px;text-align:center}.btn span{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.btn:active{transform:translateY(3px);box-shadow:0 1px #b9ab88,0 2px 4px #00000040}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-wide{grid-column:1 / -1;font-size:12px}.mini-icon{display:grid;grid-template-columns:repeat(5,3px);grid-template-rows:repeat(5,3px)}.mi-on{background:#3d3428}.mi-off{background:transparent}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;gap:14px;padding:8px 4px}.login-hint{font-family:"Press Start 2P",monospace;font-size:10px;color:#2b3a2c;text-align:center}.login-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.login-input{width:100%;max-width:220px;text-align:center;font-family:Quicksand,sans-serif;font-weight:600;font-size:14px;color:#2b3a2c;background:#dbe4bb;border:none;border-radius:8px;padding:10px 12px;box-shadow:inset 0 2px 4px #0003;outline:none}.login-input:focus{box-shadow:inset 0 2px 4px #0003,0 0 0 2px #b44b36}.login-msg{text-align:center;font-family:"Press Start 2P",monospace;font-size:8px;color:#46331f;line-height:1.8}